/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
@media screen and (min-width: 769px) {
  #create:not(:disabled) .rover-hover:hover,
  .rover-hover:hover {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    opacity: 0.7; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp {
    display: none; } }

.change-en {
  display: none; }

.main-contents {
  padding: 40px 0 0; }
  @media screen and (max-width: 768px) {
    .main-contents {
      padding-top: 14.93vw; } }
  @media screen and (max-width: 768px) {
    .main-contents .wrapper {
      width: 89.33vw; } }
  .main-contents .change-language {
    display: flex;
    margin: 0 0 4px;
    justify-content: flex-end; }
    @media screen and (max-width: 768px) {
      .main-contents .change-language {
        width: 100%;
        margin-bottom: 8vw; } }
    .main-contents .change-language a {
      display: inline-block;
      width: 140px;
      height: 36px;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      text-align: center;
      line-height: 34px;
      color: #343434;
      background: #ffffff;
      border: 1px solid #343434; }
      @media screen and (max-width: 768px) {
        .main-contents .change-language a {
          width: 50%;
          height: 11.2vw;
          font-size: 3.2vw;
          line-height: 11vw; } }
      .main-contents .change-language a.active {
        color: #ffffff;
        background: #343434; }
  .main-contents .other-header {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700; }
    @media screen and (max-width: 768px) {
      .main-contents .other-header {
        margin-bottom: 1.8vw; } }
  .main-contents .product-area {
    margin: 0 0 48px; }
    @media screen and (max-width: 768px) {
      .main-contents .product-area {
        margin-bottom: 13vw; } }
    .main-contents .product-area .product-information {
      display: flex;
      margin: 0 0 0 29px;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .main-contents .product-area .product-information {
          display: block;
          margin: 0; } }
      .main-contents .product-area .product-information .product-image-list {
        width: 312px; }
        @media screen and (max-width: 768px) {
          .main-contents .product-area .product-information .product-image-list {
            width: 69.33vw;
            margin: 0 auto; } }
        .main-contents .product-area .product-information .product-image-list .product-image-item .product-thumbnail {
          height: 360px;
          margin: 0 0 12px; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-image-list .product-image-item .product-thumbnail {
              height: auto;
              margin: 0; } }
          .main-contents .product-area .product-information .product-image-list .product-image-item .product-thumbnail img {
            max-height: 100%; }
        .main-contents .product-area .product-information .product-image-list .product-image-item .thumbnail-caption {
          font-size: 12px;
          text-align: center;
          color: #707070; }
        .main-contents .product-area .product-information .product-image-list .slick-list {
          margin: 0 0 2px; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-image-list .slick-list {
              margin-bottom: 4vw; } }
        .main-contents .product-area .product-information .product-image-list .slide-dots {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0 10px; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-image-list .slide-dots {
              gap: 0 2.4vw; } }
          .main-contents .product-area .product-information .product-image-list .slide-dots li {
            width: 10px;
            height: 10px;
            text-indent: -10000px;
            background: #ffffff;
            border: 1px solid #6E6E6E;
            border-radius: 5px; }
            @media screen and (max-width: 768px) {
              .main-contents .product-area .product-information .product-image-list .slide-dots li {
                width: 2.93vw;
                height: 2.93vw;
                border-radius: 1.5vw; } }
            .main-contents .product-area .product-information .product-image-list .slide-dots li.slick-active {
              background: #6e6e6e; }
            .main-contents .product-area .product-information .product-image-list .slide-dots li button {
              text-indent: -10000px; }
      .main-contents .product-area .product-information .product-detail {
        width: 580px;
        padding: 45px 0 0; }
        @media screen and (max-width: 768px) {
          .main-contents .product-area .product-information .product-detail {
            width: 100%; } }
        .main-contents .product-area .product-information .product-detail .product-name {
          margin: 0 0 33px;
          font-size: 32px;
          font-weight: 700;
          letter-spacing: 0;
          line-height: 1.2em; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-detail .product-name {
              margin-bottom: 10vw;
              font-size: 6.4vw; } }
          .main-contents .product-area .product-information .product-detail .product-name .sub-name {
            display: block;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.2em; }
            @media screen and (max-width: 768px) {
              .main-contents .product-area .product-information .product-detail .product-name .sub-name {
                font-size: 4.26vw; } }
        .main-contents .product-area .product-information .product-detail .materials {
          display: flex;
          margin: 0 0 18px;
          padding: 0 0 18px;
          justify-content: flex-start;
          font-size: 16px;
          line-height: 1.68em;
          border-bottom: 1px dashed #343434; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-detail .materials {
              margin-bottom: 3vw;
              padding-bottom: 3vw;
              font-size: 3.73vw; } }
          .main-contents .product-area .product-information .product-detail .materials .material-header {
            width: 50px;
            margin: 0 15px 0 0;
            font-weight: 700; }
            @media screen and (max-width: 768px) {
              .main-contents .product-area .product-information .product-detail .materials .material-header {
                width: 11.2vw; } }
          .main-contents .product-area .product-information .product-detail .materials .material-body {
            width: 515px; }
            @media screen and (max-width: 768px) {
              .main-contents .product-area .product-information .product-detail .materials .material-body {
                width: 73.86vw;
                font-size: 3.46vw; } }
        .main-contents .product-area .product-information .product-detail .product-overview {
          margin: 0 0 35px;
          font-size: 16px;
          line-height: 1.68em; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-detail .product-overview {
              font-size: 3.46vw; } }
        .main-contents .product-area .product-information .product-detail .other-site-buttons {
          display: flex;
          justify-content: center; }
          @media screen and (max-width: 768px) {
            .main-contents .product-area .product-information .product-detail .other-site-buttons {
              justify-content: space-between; } }
          .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site {
            width: 240px;
            height: 64px;
            margin: 0 24px 0 0;
            box-sizing: border-box;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.4em; }
            @media screen and (max-width: 768px) {
              .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site {
                width: 44.13vw;
                margin: 0;
                font-size: 3.2vw; } }
            .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.online-shop {
              background-color: #C79C85;
              background-image: url("/img/menu/detail/ico_cart.webp");
              background-repeat: no-repeat;
              background-position: 53px 19px;
              -webkit-background-size: 29px;
              background-size: 29px; }
              @media screen and (max-width: 768px) {
                .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.online-shop {
                  background-position: 6.66vw 6vw;
                  -webkit-background-size: 5.4vw;
                  background-size: 5.4vw; } }
              .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.online-shop a {
                padding: 0 0 0 91px;
                color: #FCF6E9; }
                @media screen and (max-width: 768px) {
                  .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.online-shop a {
                    padding-left: 15.2vw; } }
            .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.ficopedia {
              background-color: #ffffff;
              background-image: url("/img/menu/detail/ico_book.webp");
              background-repeat: no-repeat;
              background-position: 51px 18px;
              -webkit-background-size: 30px;
              background-size: 30px;
              border: 1px solid #000000; }
              @media screen and (max-width: 768px) {
                .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.ficopedia {
                  background-position: 6.4vw 5.6vw;
                  -webkit-background-size: 5.86vw;
                  background-size: 5.86vw; } }
              .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.ficopedia a {
                padding: 0 0 0 91px;
                color: #343434; }
                @media screen and (max-width: 768px) {
                  .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site.ficopedia a {
                    padding-left: 14.93vw; } }
            .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site a {
              display: flex;
              width: 100%;
              height: 100%;
              align-items: center;
              box-sizing: border-box;
              text-align: center;
              text-decoration: none; }
              .main-contents .product-area .product-information .product-detail .other-site-buttons .btn-site a:hover {
                opacity: .7; }
  .main-contents .gallery-area {
    margin: 0 0 72px; }
    @media screen and (max-width: 768px) {
      .main-contents .gallery-area {
        margin-bottom: 12.5vw; } }
    @media screen and (max-width: 768px) {
      .main-contents .gallery-area .wrapper {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .main-contents .gallery-area .other-header {
        width: 89.33vw;
        margin-right: auto;
        margin-left: auto; } }
    .main-contents .gallery-area .slick-initialized .slick-slide {
      margin-right: 1px; }
    .main-contents .gallery-area .gallery-image-list li {
      width: 165px;
      height: 165px; }
      @media screen and (max-width: 768px) {
        .main-contents .gallery-area .gallery-image-list li {
          height: 39.73vw; } }
      .main-contents .gallery-area .gallery-image-list li img {
        height: 100%;
        object-fit: cover; }
  .main-contents .booster-area {
    margin: 0 0 71px; }
    @media screen and (max-width: 768px) {
      .main-contents .booster-area {
        margin-bottom: 14.5vw; } }
    @media screen and (max-width: 768px) {
      .main-contents .booster-area .wrapper {
        width: 100vw; } }
    .main-contents .booster-area .other-header {
      margin-bottom: 16px; }
      @media screen and (max-width: 768px) {
        .main-contents .booster-area .other-header {
          width: 89.33vw;
          margin-right: auto;
          margin-bottom: 2vw;
          margin-left: auto; } }
    @media screen and (max-width: 768px) {
      .main-contents .booster-area .booster-wrapper {
        width: 100%;
        overflow-x: scroll; } }
    .main-contents .booster-area .booster-wrapper .booster-list {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 0 50px; }
      @media screen and (max-width: 768px) {
        .main-contents .booster-area .booster-wrapper .booster-list {
          display: block;
          padding-right: 5.33vw;
          padding-bottom: 4vw;
          padding-left: 5.33vw;
          overflow: hidden; } }
      .main-contents .booster-area .booster-wrapper .booster-list li {
        width: 150px; }
        @media screen and (max-width: 768px) {
          .main-contents .booster-area .booster-wrapper .booster-list li {
            width: 32vw;
            margin: 0 4.26vw 0 0;
            float: left;
            white-space: nowrap; } }
        .main-contents .booster-area .booster-wrapper .booster-list li .booster-image {
          margin: 0;
          line-height: 1; }
          @media screen and (max-width: 768px) {
            .main-contents .booster-area .booster-wrapper .booster-list li .booster-image {
              margin: 0 0 1.66vw; } }
        .main-contents .booster-area .booster-wrapper .booster-list li .booster-name {
          font-size: 14px;
          text-align: center;
          line-height: 1; }
          @media screen and (max-width: 768px) {
            .main-contents .booster-area .booster-wrapper .booster-list li .booster-name {
              font-size: 3.73vw; } }
  .main-contents .nutrients-area {
    margin: 0 0 77px; }
    @media screen and (max-width: 768px) {
      .main-contents .nutrients-area {
        margin-bottom: 14vw; } }
    .main-contents .nutrients-area .other-header {
      margin-bottom: 22px; }
      @media screen and (max-width: 768px) {
        .main-contents .nutrients-area .other-header {
          margin-bottom: 1.9vw; } }
    .main-contents .nutrients-area .nutrients-table {
      width: 100%;
      margin: 0 0 38px;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .main-contents .nutrients-area .nutrients-table {
          margin-bottom: 14.5vw; } }
      .main-contents .nutrients-area .nutrients-table li {
        width: 33.33%;
        padding: 15px 40px 12px 38px;
        line-height: 1.4em;
        border: 1px solid #707070; }
        @media screen and (min-width: 769px) {
          .main-contents .nutrients-area .nutrients-table li {
            float: left; }
            .main-contents .nutrients-area .nutrients-table li:nth-of-type(3n-1), .main-contents .nutrients-area .nutrients-table li:nth-of-type(3n) {
              border-left: none; }
            .main-contents .nutrients-area .nutrients-table li:nth-of-type(n+4) {
              border-top: none; } }
        @media screen and (max-width: 768px) {
          .main-contents .nutrients-area .nutrients-table li {
            width: 100%;
            padding: 3vw 11.8vw 2.6vw 10vw; }
            .main-contents .nutrients-area .nutrients-table li:nth-of-type(n+2) {
              border-top: none; } }
        .main-contents .nutrients-area .nutrients-table li dl {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .main-contents .nutrients-area .nutrients-table li dl dt {
            font-size: 16px;
            font-weight: 700; }
            @media screen and (max-width: 768px) {
              .main-contents .nutrients-area .nutrients-table li dl dt {
                font-size: 3.73vw;
                line-height: 1; } }
            .main-contents .nutrients-area .nutrients-table li dl dt span {
              font-size: 12px;
              font-weight: 400; }
          @media screen and (max-width: 768px) {
            .main-contents .nutrients-area .nutrients-table li dl dd {
              font-size: 3.73vw; } }
    .main-contents .nutrients-area .nutrition-notice {
      margin: 0 0 38px; }
    .main-contents .nutrients-area .link-allergy {
      font-size: 16px;
      font-weight: 700; }
      @media screen and (max-width: 768px) {
        .main-contents .nutrients-area .link-allergy {
          font-size: 4.26vw; } }
      .main-contents .nutrients-area .link-allergy a {
        position: relative;
        display: inline-block;
        padding: 0 24px 0 0;
        box-sizing: border-box;
        text-decoration: none;
        line-height: 1.4em;
        color: #343434;
        border-bottom: 1px solid #343434; }
        .main-contents .nutrients-area .link-allergy a:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          width: 24px;
          height: 24px;
          background-image: url("../img/menu/ico_blank.png");
          background-repeat: no-repeat;
          -webkit-background-size: contain;
          background-size: contain;
          transform: translateY(-50%); }
  .main-contents .other-menu-area {
    padding: 73px 0 80px;
    background: #F3F3F3; }
    @media screen and (max-width: 768px) {
      .main-contents .other-menu-area .wrapper {
        width: 100vw; } }
    @media screen and (max-width: 768px) {
      .main-contents .other-menu-area .other-header {
        width: 89.33vw;
        margin-right: auto;
        margin-bottom: 3.2vw;
        margin-left: auto; } }
    .main-contents .other-menu-area .other-menu-list {
      width: 860px;
      margin: 0 auto 30px; }
      @media screen and (max-width: 768px) {
        .main-contents .other-menu-area .other-menu-list {
          width: auto;
          margin-bottom: 9vw; } }
      @media screen and (max-width: 768px) {
        .main-contents .other-menu-area .other-menu-list .slick-slide {
          margin: 0 2.13vw; } }
      .main-contents .other-menu-area .other-menu-list li a {
        text-decoration: none; }
        .main-contents .other-menu-area .other-menu-list li a .other-menu-image {
          width: 140px;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            .main-contents .other-menu-area .other-menu-list li a .other-menu-image {
              width: 100%; } }
        .main-contents .other-menu-area .other-menu-list li a .other-menu-name {
          font-size: 12px;
          font-weight: 700;
          text-align: center;
          color: #343434; }
      .main-contents .other-menu-area .other-menu-list .slick-prev {
        left: -10.2%; }
        @media screen and (max-width: 768px) {
          .main-contents .other-menu-area .other-menu-list .slick-prev {
            left: 5.33vw;
            background: transparent; } }
        .main-contents .other-menu-area .other-menu-list .slick-prev:before {
          position: absolute;
          top: 37%;
          left: 50%;
          width: 16px;
          height: 16px;
          background: none;
          border-left: 2px solid #000000;
          border-bottom: 2px solid #000000;
          transform: rotate(45deg); }
      .main-contents .other-menu-area .other-menu-list .slick-next {
        right: -10.2%; }
        @media screen and (max-width: 768px) {
          .main-contents .other-menu-area .other-menu-list .slick-next {
            right: 5.33vw;
            background: transparent; } }
        .main-contents .other-menu-area .other-menu-list .slick-next:before {
          position: absolute;
          top: 37%;
          right: 50%;
          width: 16px;
          height: 16px;
          background: none;
          border-right: 2px solid #000000;
          border-bottom: 2px solid #000000;
          transform: rotate(-45deg); }
    .main-contents .other-menu-area .btn-back-menu {
      width: 255px;
      height: 46px;
      margin: 0 auto;
      text-align: center;
      background: #343434; }
      @media screen and (max-width: 768px) {
        .main-contents .other-menu-area .btn-back-menu {
          width: 68vw; } }
      .main-contents .other-menu-area .btn-back-menu a {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        line-height: 46px;
        color: #ffffff; }
        .main-contents .other-menu-area .btn-back-menu a:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 7%;
          width: 12px;
          height: 10px;
          box-sizing: border-box;
          border-top: 5px solid #343434;
          border-right: 6px solid #343434;
          border-bottom: 5px solid #343434;
          border-left: 6px solid #ffffff;
          transform: translateY(-50%); }
          @media screen and (max-width: 768px) {
            .main-contents .other-menu-area .btn-back-menu a:after {
              right: 8%; } }

.en .main-contents .product-area .product-information .product-detail .materials .material-header {
  width: 97px; }

.en .main-contents .product-area .product-information .product-detail .materials .material-body {
  width: 483px; }

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