@charset "UTF-8";
@media (max-width: 600px) {
  /*****************************
   *
   *settings
   *
   ***************************** */
  .trans_txt_parent .inner {
    overflow: hidden; }
  .trans_txt_parent s {
    display: inline-block;
    transform: translateY(100px); }

  .scroll_fadein {
    transform: translateY(100px);
    opacity: 0; }

  body {
    overflow-x: hidden; }
    body .ib {
      width: 100%; }
    body .sp_content {
      display: block !important; }
    body .pc_content {
      display: none !important; }

  .bg_layer.sp_content {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    opacity: 0;
    display: none !important; }
    .bg_layer.sp_content.active {
      display: block !important;
      opacity: 1;
      z-index: 9; }

  header {
    height: auto; }
    header .ib {
      padding: 12px 18px 12px 18px; }
      header .ib .row_head {
        align-items: baseline;
        height: auto; }
        header .ib .row_head .head_buttons {
          position: absolute;
          top: 19px;
          right: 62px; }
          header .ib .row_head .head_buttons p {
            display: none; }
          header .ib .row_head .head_buttons .member_btn {
            width: 72px;
            height: auto; }
            header .ib .row_head .head_buttons .member_btn a {
              width: 33px;
              height: 33px; }
              header .ib .row_head .head_buttons .member_btn a img {
                height: 17px; }
        header .ib .row_head .logo {
          width: 176px;
          position: relative;
          top: 0;
          left: 0;
          margin-right: 20px; }
          header .ib .row_head .logo h1 {
            margin: 0;
            position: relative;
            top: 3px; }
        header .ib .row_head .spbtn {
          width: 24px;
          height: 20px;
          margin-right: 3px; }
          header .ib .row_head .spbtn img {
            display: block; }
        header .ib .row_head:nth-of-type(2) {
          width: 300px;
          position: fixed;
          top: 0;
          height: 100vh;
          background: #1a3a64;
          right: -300px;
          transition: 0.4s ease;
          padding: 50px 36px;
          z-index: 99; }
          header .ib .row_head:nth-of-type(2) .close {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 22px;
            height: 30px; }
            header .ib .row_head:nth-of-type(2) .close img {
              display: block;
              width: 20px;
              height: 20px;
              margin: 0 auto; }
            header .ib .row_head:nth-of-type(2) .close i {
              font-size: 8px;
              color: #fff;
              width: 100%;
              text-align: center;
              display: block; }
          header .ib .row_head:nth-of-type(2) nav {
            width: 100%;
            flex-wrap: wrap; }
            header .ib .row_head:nth-of-type(2) nav a:not(.child), header .ib .row_head:nth-of-type(2) nav span {
              display: block;
              width: 100%;
              color: #fff;
              border-bottom: 1px dashed #fff;
              padding: 15px 3px;
              font-size: 12px; }
              header .ib .row_head:nth-of-type(2) nav a:not(.child):after, header .ib .row_head:nth-of-type(2) nav span:after {
                display: none; }
              header .ib .row_head:nth-of-type(2) nav a:not(.child) i, header .ib .row_head:nth-of-type(2) nav span i {
                display: block;
                font-size: 12px;
                color: #fff; }
              header .ib .row_head:nth-of-type(2) nav a:not(.child) img, header .ib .row_head:nth-of-type(2) nav span img {
                display: none; }
              header .ib .row_head:nth-of-type(2) nav a:not(.child).toggle, header .ib .row_head:nth-of-type(2) nav span.toggle {
                position: relative; }
                header .ib .row_head:nth-of-type(2) nav a:not(.child).toggle:before, header .ib .row_head:nth-of-type(2) nav span.toggle:before {
                  content: "";
                  font-family: "material icons";
                  position: absolute;
                  right: 0;
                  top: 11px;
                  color: #fff;
                  font-size: 25px; }
              header .ib .row_head:nth-of-type(2) nav a:not(.child) .children, header .ib .row_head:nth-of-type(2) nav span .children {
                display: none;
                background: none;
                padding: 0;
                font-size: 12px;
                color: #fff;
                border: none;
                position: relative;
                top: 0;
                left: 0;
                margin-top: 6px;
                position: relative;
                top: 8px; }
                header .ib .row_head:nth-of-type(2) nav a:not(.child) .children a, header .ib .row_head:nth-of-type(2) nav span .children a {
                  border-bottom: none;
                  padding: 8px 0;
                  font-size: 12px; }
          header .ib .row_head:nth-of-type(2).active {
            right: 0; }

  #fv {
    margin-top: 66px;
    height: 330px;
    position: relative; }
    #fv .fv_slide {
      overflow: hidden; }
      #fv .fv_slide:after {
        content: "";
        height: 40px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        z-index: 2; }
      #fv .fv_slide .swiper-pagination {
        bottom: 10px;
        z-index: 9; }

  #content h2.p_a {
    top: 20px; }
  #content h2 span {
    font-size: 14px; }
  #content h2 i {
    font-size: 24px;
    margin: 12px 0; }
  #content .top_info .ib {
    padding: 60px 18px;
    flex-wrap: wrap; }
    #content .top_info .ib .l, #content .top_info .ib .r {
      width: 100%; }
    #content .top_info .ib .l {
      align-items: center;
      justify-content: space-between;
      display: flex; }
    #content .top_info .ib .r .info_list a {
      flex-wrap: wrap;
      padding: 17px 0; }
      #content .top_info .ib .r .info_list a p {
        width: 100%;
        margin-top: 3px;
        font-size: 14px; }
      #content .top_info .ib .r .info_list a span {
        width: 100%;
        display: block;
        font-size: 14px; }
  #content .famous_product {
    margin: 0 18px; }
    #content .famous_product .fpl {
      transform: scale(0.66); }
    #content .famous_product .ib {
      padding: 90px 0 10px; }
  #content .famous_product_list {
    width: 100vw;
    margin-left: -18px; }
    #content .famous_product_list.subpage {
      width: 100%;
      display: flex;
      margin: 40px 0;
      justify-content: center;
      flex-wrap: wrap; }
      #content .famous_product_list.subpage .box {
        margin-right: 0; }
    #content .famous_product_list .box {
      width: 282px !important; }
      #content .famous_product_list .box a.img {
        padding: 60px;
        height: 282px; }
  #content .top_category_list {
    margin: 0 18px; }
    #content .top_category_list .ib {
      padding: 60px 0 30px; }
  #content .category_list {
    margin: 30px 0 10px; }
    #content .category_list a {
      font-size: 16px;
      padding: 11px 16px;
      margin-right: 10px;
      margin-bottom: 10px; }
  #content .about_tominari {
    margin: 0 18px;
    position: relative; }
    #content .about_tominari:after {
      content: "";
      width: 100vw;
      left: -18px;
      top: 0;
      background: #e8e8e8;
      display: block;
      height: 100%;
      position: absolute; }
    #content .about_tominari .ib {
      z-index: 2;
      padding: 40px 0px 10px; }
      #content .about_tominari .ib .df {
        flex-wrap: wrap;
        margin: 50px 0 20px; }
        #content .about_tominari .ib .df .l, #content .about_tominari .ib .df .r {
          width: 100%; }
          #content .about_tominari .ib .df .l p, #content .about_tominari .ib .df .r p {
            font-size: 15px; }
  #content .tsukuru {
    margin-top: 50px;
    margin: 50px 0px 0; }
    #content .tsukuru .ar_buttons {
      display: none; }
    #content .tsukuru:before {
      width: calc(100vw - 36px);
      left: 18px; }
    #content .tsukuru h2.p_a {
      left: 18px;
      top: 20px; }
    #content .tsukuru .ib {
      padding: 80px 0 120px; }
    #content .tsukuru a.link {
      right: 18px;
      bottom: 0px;
      width: 182px; }
  #content .person_list .box .num {
    margin-top: 13px; }
  #content .person_list .box h3 {
    margin: 16px 0; }
  #content .top_blog {
    margin: 0 18px; }
    #content .top_blog .ib {
      padding: 80px 0 40px; }
  #content .blog_content {
    margin-top: 40px; }
  #content .blog_list {
    flex-wrap: wrap; }
    #content .blog_list.subpage {
      margin: 40px 0; }
      #content .blog_list.subpage .box {
        width: 100%;
        margin-right: 0; }
        #content .blog_list.subpage .box p {
          margin-top: 0; }
    #content .blog_list .box {
      margin-right: 0;
      width: 100%;
      margin-bottom: 40px; }
      #content .blog_list .box:last-child {
        margin-bottom: 0; }
      #content .blog_list .box .img {
        border-radius: 12px; }
      #content .blog_list .box p {
        font-size: 17px; }

  #content.subpage {
    margin-top: 66px; }
    #content.subpage .breadcrumb {
      margin-top: -20px; }
    #content.subpage .ib {
      padding: 40px 18px; }
      #content.subpage .ib h2.emp {
        font-size: 20px;
        margin: 30px 0; }
        #content.subpage .ib h2.emp.mgt {
          margin-top: 40px; }
        #content.subpage .ib h2.emp.small {
          font-size: 20px; }
      #content.subpage .ib h3 {
        font-size: 20px; }
    #content.subpage .news_list_sub {
      margin: 20px 0; }
      #content.subpage .news_list_sub a {
        flex-wrap: wrap; }
        #content.subpage .news_list_sub a span {
          width: 100%;
          margin-bottom: 5px; }
        #content.subpage .news_list_sub a p {
          line-height: 1.6;
          width: 100%;
          font-size: 14px; }
    #content.subpage .news_single {
      margin-top: 40px; }
      #content.subpage .news_single p {
        font-size: 15px;
        line-height: 1.7; }
      #content.subpage .news_single .single_image {
        margin: 30px 0; }
    #content.subpage .contact_df, #content.subpage .login_df {
      margin: 32px 0;
      flex-wrap: wrap; }
      #content.subpage .contact_df .l, #content.subpage .contact_df .r, #content.subpage .login_df .l, #content.subpage .login_df .r {
        width: 100%;
        padding: 24px; }
        #content.subpage .contact_df .l p, #content.subpage .contact_df .l label, #content.subpage .contact_df .r p, #content.subpage .contact_df .r label, #content.subpage .login_df .l p, #content.subpage .login_df .l label, #content.subpage .login_df .r p, #content.subpage .login_df .r label {
          font-size: 15px; }
        #content.subpage .contact_df .l .tel_box a, #content.subpage .contact_df .r .tel_box a, #content.subpage .login_df .l .tel_box a, #content.subpage .login_df .r .tel_box a {
          margin-bottom: 10px;
          font-size: 32px; }
        #content.subpage .contact_df .l .tel_box span, #content.subpage .contact_df .r .tel_box span, #content.subpage .login_df .l .tel_box span, #content.subpage .login_df .r .tel_box span {
          font-size: 14px; }
        #content.subpage .contact_df .l h3, #content.subpage .contact_df .r h3, #content.subpage .login_df .l h3, #content.subpage .login_df .r h3 {
          font-size: 18px; }
      #content.subpage .contact_df .l, #content.subpage .login_df .l {
        margin-bottom: 20px; }
    #content.subpage .faq_list {
      margin: 32px 0; }
      #content.subpage .faq_list .row {
        border-radius: 7px;
        margin-bottom: 24px; }
        #content.subpage .faq_list .row div:after {
          transform-origin: right;
          transform: scale(0.8); }
        #content.subpage .faq_list .row div.a {
          border-radius: 7px; }
          #content.subpage .faq_list .row div.a p {
            padding-right: 0; }
        #content.subpage .faq_list .row div p {
          padding-right: 20px;
          font-size: 15px; }
    #content.subpage .tabs {
      margin-top: 32px;
      padding-bottom: 20px;
      overflow-x: scroll;
      display: block; }
      #content.subpage .tabs .inner {
        width: max-content; }
      #content.subpage .tabs a {
        padding: 7px 20px;
        font-size: 13px;
        margin-right: 10px; }
    #content.subpage .product_detail {
      margin: 20px 0;
      flex-wrap: wrap; }
      #content.subpage .product_detail .l {
        width: 100%;
        margin-bottom: 24px; }
        #content.subpage .product_detail .l .thumb {
          display: none; }
        #content.subpage .product_detail .l .slider {
          width: 100%; }
      #content.subpage .product_detail .r {
        width: 100%; }
        #content.subpage .product_detail .r .category {
          padding-bottom: 20px; }
        #content.subpage .product_detail .r form {
          width: 114px;
          flex-wrap: wrap;
          display: flex; }
          #content.subpage .product_detail .r form button {
            width: 100%; }
          #content.subpage .product_detail .r form em {
            width: 100%;
            margin-bottom: 10px;
            display: block; }

  ::-webkit-scrollbar {
    height: 3px; }

  #content.subpage em.red {
    color: red; }
  #content.subpage h2.block {
    width: 100%;
    margin: 32px 0; }
  #content.subpage a.prev {
    margin: 32px 0; }
  #content.subpage .blog_content {
    margin-top: 40px; }
    #content.subpage .blog_content h2 {
      font-size: 24px; }
  #content.subpage .prev_next {
    padding: 10px;
    font-size: 14px;
    padding: 0; }
    #content.subpage .prev_next a.prev, #content.subpage .prev_next a.next {
      font-size: 14px;
      margin: 0; }
      #content.subpage .prev_next a.prev span, #content.subpage .prev_next a.next span {
        margin: 0; }
  #content.subpage .blog_category {
    padding: 0 0px;
    overflow: scroll;
    justify-content: start;
    margin-bottom: 32px; }
    #content.subpage .blog_category .inner {
      padding-bottom: 20px;
      width: max-content;
      justify-content: start; }
      #content.subpage .blog_category .inner a {
        width: max-content;
        margin: 0;
        font-size: 14px;
        padding: 5px 16px;
        justify-content: center;
        min-width: 80px;
        margin-right: 10px; }
  #content.subpage .message_block {
    margin: 40px 0; }
    #content.subpage .message_block .img {
      margin: 30px 0; }
  #content.subpage .person_block {
    margin: 40px 0;
    flex-wrap: wrap;
    height: auto; }
    #content.subpage .person_block .l, #content.subpage .person_block .r {
      width: 100%; }
    #content.subpage .person_block .l {
      order: 2;
      padding: 60px 20px 20px;
      height: auto; }
      #content.subpage .person_block .l h3 {
        font-size: 24px; }
    #content.subpage .person_block .r {
      order: 1;
      height: 200px; }
  #content.subpage .person_list .row {
    padding: 20px 16px; }
    #content.subpage .person_list .row .img {
      width: 80px;
      height: 80px;
      margin: 0 16px; }
    #content.subpage .person_list .row p {
      font-size: 20px; }
    #content.subpage .person_list .row:after {
      right: 16px; }
  #content.subpage .subpage_inner.mgt {
    margin-top: 20px; }
  #content.subpage .subpage_inner .content_row {
    padding-top: 20px;
    padding-bottom: 20px; }
  #content.subpage .tel_box2 {
    flex-wrap: wrap; }
    #content.subpage .tel_box2 a, #content.subpage .tel_box2 p {
      width: 100%; }
  #content.subpage .flow_list {
    margin-bottom: 32px; }
    #content.subpage .flow_list .row {
      flex-wrap: wrap; }
      #content.subpage .flow_list .row .l, #content.subpage .flow_list .row .r {
        width: 100%; }
        #content.subpage .flow_list .row .l.pdt2, #content.subpage .flow_list .row .r.pdt2 {
          padding-top: 20px; }
        #content.subpage .flow_list .row .l.pdn, #content.subpage .flow_list .row .r.pdn {
          padding-top: 20px; }
      #content.subpage .flow_list .row span {
        justify-content: center;
        padding: 20px;
        font-size: 16px; }
  #content.subpage .about_inner {
    margin: 32px 0; }
    #content.subpage .about_inner.p2 .chef_section {
      margin-top: 160px;
      padding: 80px 24px; }
    #content.subpage .about_inner .img {
      border-radius: 20px;
      height: auto;
      aspect-ratio: 1/0.66;
      margin-bottom: 32px; }
  #content.subpage .access {
    margin-top: 40px; }
    #content.subpage .access .row {
      flex-wrap: wrap; }
      #content.subpage .access .row span {
        width: 100%;
        margin-bottom: 16px; }
      #content.subpage .access .row p {
        width: 100%;
        margin-left: 0;
        padding-left: 16px; }
    #content.subpage .access #map {
      height: 340px; }

  #pagetop {
    bottom: 0;
    width: 46px;
    height: 46px; }
    #pagetop:before {
      font-size: 24px;
      left: 16px; }

  footer {
    padding-bottom: 10px; }
    footer .logo {
      width: 172px;
      margin: 40px auto 30px; }
    footer .ib {
      padding: 50px 18px 30px;
      flex-wrap: wrap;
      border-bottom: none; }
      footer .ib:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 18px;
        width: calc(100% - 36px);
        background: #1a3a64;
        display: block;
        height: 1px; }
      footer .ib .box {
        margin-bottom: 40px;
        width: 100%; } }
/*736pxend */

/*# sourceMappingURL=style_sp.css.map */