.pcOnly {

  display: block !important;

}

.mobOnly {

  display: none !important;

}



.muji_red {

  color: #7f0019;

}



.sf-simpleBff:before {

  display: none;

}



.sf-simpleBff[data-product-type="column"] .sf-simpleBff_productsItemPrice {

  text-align: right;

}



.sf-u-font_size-s {

  font-size: 16px;

}



.justify-content-static {

  justify-content: flex-start !important;

}



:root {

  --choco-light: #faf5f3;

  --choco-dark: #4f291d;

  --hezelnut: #f9f8ef;

  --orangepeel: #f1dac4;

  --pistachio: #d8eacb;

  --champagne: #f1edc4;

  --color-gray-900: #1d1d1f;

  --eyecatch-wrapper-height: 666px;

  --eyecatch-inner-height: 580px;

}

[data-aspect-ratio="344:191"]:before {

  padding-top: 55.52326%;

}

[data-aspect-ratio="26:31"]:before {

  padding-top: 119.23077%;

}

.sf-main .u-justifyContent_center {

  justify-content: center;

}

.sf-main .u-font_gothicMB-M {

  font-family: Gothic MB101 Medium, sans-serif;

}



.sf-u-font_gothicMB {

  font-family: Gothic MB101 Bold, sans-serif;

}



.sf-main .u-lineHeight_150 {

  line-height: 150%;

}

.sf-main .u-lineHeight_160 {

  line-height: 160%;

}

.sf-main .u-lineHeight_180 {

  line-height: 180%;

}

.sf-main .u-bg_chocoLight {

  background-color: #faf5f3;

  background-color: var(--choco-light, #faf5f3);

}

.sf-main .u-bg_chocoDark {

  background-color: #4f291d;

  background-color: var(--choco-dark, #4f291d);

}

.sf-footer {

  margin-top: 0;

}

.sf-main_container {

  color: #1d1d1f;

  color: var(--color-gray-900, #1d1d1f);

}

@keyframes eyecatchImage-animation {

  0% {

    filter: blur(20px);

    opacity: 0;

  }

  to {

    filter: blur(0);

    opacity: 1;

  }

}

.eyecatchImage-fade.-hide {

  opacity: 0;

}

.eyecatchImage-fade.-show {

  animation-duration: 1.5s;

  animation-name: eyecatchImage-animation;

  animation-timing-function: ease;

}

.eyecatchImage-fade-delay.-hide {

  opacity: 0;

}

.eyecatchImage-fade-delay.-show {

  animation-duration: 1.8s;

  animation-name: eyecatchImage-animation;

  animation-timing-function: ease-in-out;

}

@keyframes eyecatchText-slideIn {

  0% {

    opacity: 0;

    transform: translateY(-10%);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

.eyecatchText-slide.-hide {

  opacity: 0;

}

.eyecatchText-slide.-show {

  animation-duration: 1.2s;

  animation-name: eyecatchText-slideIn;

  animation-timing-function: ease-in-out;

}

.anchor__head {

  display: flex;

  flex-direction: row;

  width: 100%;

}

.anchor__headImage {

  min-width: 172px;

  width: 50%;

}

.anchor__headItem {

  align-items: center;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  width: 50%;

}

.anchor__headItemImage {

  margin: 0 auto;

  max-width: 189px;

  width: 42.47191%;

}

.anchor__headItem:after {

  background: url(../img/ico-arrow20-down.svg) no-repeat 100% / contain;

  content: "";

  display: inline-block;

  height: 16px;

  width: 16px;

}

.anchor__body {

  display: flex;

  flex-direction: row;

  gap: var(--space-h-s);

  width: 100%;

}

.anchor__bodyItem {

  align-items: center;

  display: flex;

  flex-direction: column;

  gap: var(--space-h-xxs);

  justify-content: flex-start;

  width: calc(25% - var(--space-h-s) * 11 / 12 * 4 + var(--space-h-s) * 3);

  padding-bottom: 2rem;

  position: relative;

}



.anchor__bodyItem:after {

  background: url(../img/arrow-down.png) no-repeat 50% / contain;

  bottom: 7px;

  content: "";

  height: 9px;

  left: 50%;

  position: absolute;

  transform: translateX(-50%);

  transition: bottom 0.3s ease;

  width: 16px;

}



.anchor__bodyItem:hover:after {

  bottom: 0px;

}



/* .anchor__bodyItem p span {

  height: 35px;

} */



.anchor_itemDescription {

  display: block;

  font-size: 14px;

  margin-top: 2px;

}



.anchor__bodyItemImage {

  width: 100%;

  text-align: center;

}



.anchor__bodyItemImage .sf-u-img {

  width: 200px;

}



.sauce .anchor__bodyItemImage .sf-u-img {

  width: 300px;

}



.sf-fixedAnchor_itemLink {

  color: #1d1d1f;

  color: var(--color-gray-900, #1d1d1f);

}

.lineup__container {

  gap: var(--space-v-s) var(--space-h-s);

}

.lineup__item {

  /* background-color: #fff; */

  /* background-color: var(--color-white, #fff); */

  border-radius: 4px;

  position: relative;

}

.lineup__bff .sf-simpleBff {

  display: block;

  height: 100%;

}

.lineup__bff [data-desktop-column="1"] .sf-simpleBff_products {

  height: 100%;

}

.lineup__bff .sf-simpleBff[data-desktop-column="1"] .sf-simpleBff_productsItem {

  height: 100%;

  width: 100%;

}

.lineup__bff .sf-simpleBff_productsItemButton {

  margin-top: var(--space-v-xxs);

}

.lineup__bff .sf-button.-medium {

  padding: 0;

}

.lineup__bff .sf-button.-primary {

  background-color: transparent;

  border: 0;

  border-radius: 0;

  color: #1d1d1f;

  color: var(--common-gray-900, #1d1d1f);

}

.lineup__bff .sf-button_text {

  align-items: center;

  display: flex;

  flex-direction: row;

  font-size: 14px;

  justify-content: flex-end;

  transition: opacity 0.3s ease;

}

.lineup__bff .sf-button_text:hover {

  opacity: 0.7;

}

.lineup__bff .sf-button_text:before {

  background: url(../img/ico-cartin.svg) no-repeat 100% / contain;

  content: "";

  display: inline-block;

  height: 20px;

  margin-right: 4px;

  top: 0;

  width: 20px;

}

.lineup__bff .-disable .sf-button_text:before {

  background: none;

}

.lineup__bff .sf-button.-disable {

  opacity: 1;

}

.lineup__bff .sf-simpleBff_productsItemHeading {

  font-size: 16px;

  font-weight: 700;

}

.lineup__bff .sf-simpleBff_productsItemPriceNum {

  font-size: 20px;

  margin: 0 var(--space-v-xxxxs);

}

.lineup__bff .sf-simpleBff_productsItemBody {

  margin: var(--space-v-xxxs) var(--space-h-xs) var(--space-v-s);

}

.lineup__bff .sf-simpleBff_productsItemHeading:after {

  display: block;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  margin-top: var(--space-v-xxxs);

}

.lineup__bff .sf-simpleBff_productsItemHeading:before {

  display: block;

  line-height: 150%;

  margin-bottom: var(--space-v-xxxs);

  padding: 4px 8px;

  text-align: center;

}

.lineup__bff .jan-4550512910268 .sf-simpleBff_productsItemHeading:before {

  background-color: #f9f8ef;

  background-color: var(--hezelnut, #f9f8ef);

  font-size: 12px;

}

.lineup__bff .jan-4550344259054 .sf-simpleBff_productsItemHeading:before {

  background-color: #f1dac4;

  background-color: var(--orangepeel, #f1dac4);

  font-size: 12px;

}

.lineup__bff .jan-4550344259061 .sf-simpleBff_productsItemHeading:before {

  background-color: #f5f5f5;

  background-color: var(--common-gray-100, #f5f5f5);

  font-size: 12px;

}

.lineup__bff .jan-4550344259078 .sf-simpleBff_productsItemHeading:before {

  background-color: #d8eacb;

  background-color: var(--pistachio, #d8eacb);

  font-size: 12px;

}

.lineup__bff .jan-4550344875223 .sf-simpleBff_productsItemHeading:before {

  background-color: #f1edc4;

  background-color: var(--champagne, #f1edc4);

  font-size: 12px;

}

.lineup__item--named {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.lineup__item--named .lineup__productBody {

  display: flex;

  flex: 1;

  flex-direction: column;

  justify-content: space-between;

}

.lineup__item--named .lineup__productHeading {

  margin: var(--space-v-xxxs) var(--space-h-xs) 0;

}

.lineup__item--named .lineup__bff .sf-simpleBff_productsItemBody {

  display: flex;

  flex: 1;

  flex-direction: column;

  justify-content: space-between;

  margin-top: var(--space-v-xxxs);

}

.lineup__item--named

  .lineup__bff

  .sf-simpleBff_productsItemHead

  .sf-u-imgAdjustBox,

.lineup__item--named .lineup__bff .sf-simpleBff_productsItemHeading {

  display: none;

}

.lineup__item--named .lineup__bff .sf-simpleBff,

.lineup__item--named .lineup__bff .sf-simpleBff_productsItemHead {

  position: static;

}

.lineup__item--named .lineup__bff .sf-simpleBff .sf-simpleBff_productsItemHead {

  width: 0;

}

.lineup__item--named .lineup__bff .sf-simpleBff_productsItemBadge {

  left: var(--space-h-xxs);

  top: var(--space-v-xxxs);

  z-index: 3;

}

.details__container {

  align-items: center;

  gap: calc(8.33333% - var(--space-h-s) * 11 / 12 * 1 + var(--space-h-s) * 2);

  justify-content: center;

}

.details__description {

  margin-top: 10px;

}

.comment__heading {

  font-size: 24px;

}

.comment__container {

  display: flex;

  gap: var(--space-h-s);

  justify-content: center;

  margin: var(--space-v-xs) auto 0;

  width: calc(

    83.33333% - var(--space-h-s) * 11 / 12 * 10 + var(--space-h-s) * 9

  );

}

.comment__item {

  align-items: flex-start;

  background: #fff;

  background: var(--common-white-100, #fff);

  border-radius: 32px 32px 0;

  display: flex;

  gap: var(--space-v-xxs) var(--space-h-xs);

  padding: var(--space-h-m) var(--space-v-s);

  width: calc(33.33333% - var(--space-h-s) * 2 / 3 / 3);

}

.comment__image {

  max-width: 40px;

}

.commitment__heading {

  font-size: 24px;

}

.commitment__container {

  display: flex;

  gap: var(--space-h-s);

  margin-left: auto;

  margin-right: auto;

  width: calc(

    83.33333% - var(--space-h-s) * 11 / 12 * 10 + var(--space-h-s) * 9

  );

}

.commitment__item {

  display: flex;

  flex: 1;

  flex-direction: column;

  justify-content: flex-start;

  width: calc(100% - var(--space-h-s)) / 2;

}

.more__button {

  color: #fff;

  color: var(--color-white, #fff);

  margin-top: 120px;

  transition: opacity 0.3s ease-out;

}

.more__button,

.more__button.sf-button:hover {

  background-color: #4f291d;

  background-color: var(--choco-dark, #4f291d);

}

.more__button.sf-button:hover {

  opacity: 0.9;

}

.season__heading {

  font-size: 32px;

}

.season__description {

  font-size: 16px;

}

.season__annotation {

  font-size: 14px;

}

.calendar__container {

  align-items: stretch;

  border: 1px solid #ebebec;

  border: 1px solid var(--common-gray-200, #ebebec);

  display: flex;

}

.calendar__item {

  background-color: #fff;

  background-color: var(--common-white, #fff);

  max-width: 100%;

  padding: 12px 9px;

  width: 11.11111%;

}

.calendar__item:not(:last-of-type) {

  border-right: 1px solid #ebebec;

  border-right: 1px solid var(--common-gray-200, #ebebec);

}

.month__content:not(:first-of-type) {

  margin-top: 12px;

}

.month__detail {

  border: 1px solid #3c3c43;

  border: 1px solid var(--common-gray-800, #3c3c43);

  border-radius: 4px;

  display: block;

  font-size: 10px;

  margin-top: 8px;

  padding: 8px;

  text-align: center;

  transition: background-color 0.3s ease-out;

  width: 100%;

}

.month__detail:hover {

  background-color: #f5f5f5;

  background-color: var(--color-gray-100, #f5f5f5);

}

.month__detailInner {

  align-items: flex-start;

  display: inline-flex;

  justify-content: center;

  position: relative;

}

.month__detailInner:after {

  content: "";

  display: block;

  height: 100%;

  position: absolute;

  top: 51%;

  transform: translateY(-50%);

  width: 8px;

}

.month__annotation {

  font-size: 10px;

}

.eyecatch__heading {

  font-size: 40px;

  letter-spacing: 0.15em;

  line-height: 160%;

  white-space: nowrap;

  writing-mode: vertical-rl;

}

.cacaotruffle .eyecatch__heading {

  text-shadow: hsla(75, 6%, 87%, 0.8) 0 0 20px;

}

.fruits .eyecatch__heading {

  text-shadow: rgba(255, 238, 215, 0.8) 0 0 20px;

}

.ingredient .eyecatch__heading {

  text-shadow: hsla(38, 35%, 85%, 0.8) 0 0 20px;

}

.baked .eyecatch__heading {

  text-shadow: hsla(31, 73%, 77%, 0.3) 0 0 20px;

}

.eyecatch .pickup {

  align-items: center;

  display: flex;

  flex-direction: row;

}

.pickup__inner {

  max-width: 435px;

}

.pickup__description {

  margin-bottom: 28px;

}

.pickup__productContainer {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  row-gap: 28px;

}

.pickup__productItem {

  display: flex;

  gap: var(--space-h-xxs);

  max-width: 355px;

  width: 100%;

}

.pickup__productHead {

  margin: 0 auto;

  max-width: 117px;

  width: 100%;

}

.pickup__productBody {

  align-self: stretch;

  justify-content: space-between;

  width: 100%;

}

.pickup__productBody,

.pickup__productHeading {

  align-items: flex-end;

  display: flex;

  flex-direction: column;

}

.pickup__productHeading {

  text-align: right;

}

.pickup__productSubHeading {

  display: block;

  text-align: right;

}

.pickup .pickup__productItem {

  position: relative;

}

.pickup__bff .sf-simpleBff[data-desktop-column="1"] .sf-simpleBff_productsItem,

.pickup__bff

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemBody {

  width: 100%;

}

.pickup__bff

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemPrice {

  text-align: right;

}

.pickup__bff .sf-simpleBff,

.pickup__bff .sf-simpleBff_productsItemHead {

  position: static;

}

.pickup__bff

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemHead {

  width: 0;

}

.pickup__bff .sf-simpleBff_productsItemBadge {

  left: 0;

  top: 0;

}

.pickup__bff

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemHead

  .sf-u-imgAdjustBox,

.pickup__bff .sf-simpleBff_productsItemHeading {

  display: none;

}

.pickup__bff

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemPriceNum {

  font-size: 24px;

  margin: 0 var(--space-v-xxxxs);

}

.pickup__bff .sf-simpleBff_productsItemButton {

  margin-top: var(--space-v-xxxxs);

}

.pickup__bff .sf-button.-medium {

  padding: 0;

}

.pickup__bff .sf-simpleBff_productsItemDetail {

  margin-top: 0;

}

.pickup__bff .sf-button.-primary {

  background-color: transparent;

  border: 0;

  border-radius: 0;

  color: #1d1d1f;

  color: var(--common-gray-900, #1d1d1f);

}

.pickup__bff .sf-button_text {

  align-items: center;

  display: flex;

  flex-direction: row;

  font-size: 14px;

  transition: opacity 0.3s ease;

}

.pickup__bff .sf-button_text:hover {

  opacity: 0.7;

}

.pickup__bff .sf-button_text:before {

  background: url(../img/ico-cartin.svg) no-repeat 100% / contain;

  content: "";

  display: inline-block;

  height: 20px;

  margin-right: 4px;

  top: 0;

  width: 20px;

}

.pickup__bff .-disable .sf-button_text:before {

  background: none;

}

.pickup__bff .sf-button.-disable {

  opacity: 1;

}

.jan-4550512891864 .sf-simpleBff_productsItemBadge {

  display: none;

}



.explainBox {

  display: flex;

  justify-content: space-around;

  align-items: center;

  flex-wrap: wrap;

  margin: 50px 0;

}

.explainBox .explainItem:first-child {

  width: 28%;

  text-align: center;

}

.explainBox .explainItem:first-child h3 {

  font-size: 24px;

  text-align: center;

}

.explainBox .explainItem:last-child {

  width: 70%;

  text-align: justify;

}



.explainBox .explainItem:last-child img {

  width: 18px;

  vertical-align: sub;

  margin-right: 6px;

}



/* section__block */

.section__block {

  margin-top: 80px;

}

.sf-main_container .category {

  display: flex;

  justify-content: space-between;

}

.sf-main_container .category__thumb {

  width: 40.91%;

}



.sf-main_container .category__content {

  width: 54.55%;

}

.sf-main_container .category__title {

  font-size: 24px;

  font-weight: 700;

  line-height: 1.5;

}

.sf-main_container .category__heading--sub {

  display: block;

  font-size: 18px;

  line-height: 1.5;

  margin-top: -3px;

}

.sf-main_container .category__description {

  font-size: 14px;

  line-height: 1.6;

  margin-top: 20px;

}

.sf-main_container .category-product {

  display: flex;

  gap: 20px;

  justify-content: center;

  margin-bottom: 40px;

  margin-top: 20px;

  flex-wrap: wrap;

}



.sf-main_container .sauceProducts .category-product {

  justify-content: flex-start;

  gap: 40px 20px;

}



.sf-main_container .sauceProducts .category-product__title {

  min-height: 80px;

}



.sf-main_container .category-product__block {

  /* flex: 1; */

  width: 23%;

}

.sf-main_container img {

  max-width: 100%;

}



.sf-main_container img.ico-anchor {

  max-width: 100%;

  width: 30px;

  margin-right: 6px;

  margin-bottom: 2px;

}



.sf-u-imgAdjustBox {

  height: auto;

  position: relative;

  width: 100%;

}

.sf-main_container .category-product__title {

  font-size: 16px;

  padding: 12px 0;

  line-height: 1.5em;

  margin-bottom: 9px;

  text-align: center;

}

.sf-main_container .category-product__price {

  font-size: 12px;

  text-align: right;

}

.sf-main_container .category-product__priceNum {

  color: #000;

  font-family: Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 700;

  padding: 0.25em;

}

.sf-main_container .category__detail a {

  border: 1px solid #ddd;

  border-radius: 6px;

  color: #000;

  display: inline-block;

  padding: 11px;

  text-align: center;

  transition: all 0.3s ease;

  width: 100%;

}



.sf-main_container .category__detail {

  width: 100%;

}



.sf-main_container .point {

  align-items: center;

  border: 1px solid #ddd;

  border-radius: 4px;

  display: flex;

  margin: 110px auto 0;

  max-width: 940px;

  overflow: hidden;

}



.sf-main_container .point__thumb {

  overflow: hidden;

  width: 31.91%;

}



.sf-main_container .point__thumb img {

  min-width: 250px;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}



.sf-main_container .point__content {

  margin: 0 auto;

  padding: 20px 0;

  width: 51.06%;

}



.sf-main_container .point__title {

  font-family: Gothic MB101 Bold, MySansSerif, YakuHanJP, sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.5;

}



.sf-main_container .point__description {

  line-height: 1.6;

  margin-top: 20px;

}



.sf-main_container .point__detail {

  margin-top: 30px;

  text-align: right;

  width: auto;

}



.sf-main_container .point__detail a {

  border-bottom: 1px solid #fff;

  color: #585858;

  display: inline-block;

  transition: all 0.3s ease;

}



.sf-main_container .point__detail a:before {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.576%22%20height%3D%2212.735%22%20viewBox%3D%220%200%207.576%2012.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_88%22%20data-name%3D%22%E3%83%91%E3%82%B9%2088%22%20d%3D%22M392.9%2C152.994l6.5%2C6-6.5%2C6%22%20transform%3D%22translate(-392.562%20-152.627)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  content: "";

  display: inline-block;

  height: 12px;

  margin-right: 10px;

  width: 7px;

}



.sf-main_container .point__detail a:hover {

  border-bottom: 1px solid #999;

}



.feature {

  background: #fefaec;

  margin-left: -16px;

  margin-right: -16px;

  padding: 48px 16px 56px;

  width: calc(100% + 32px);

}



.section_beige {

  background: #fefaec;

  margin-top: 64px;

  padding: 64px 0;

}



.section_body {

  align-items: center;

  justify-content: space-between;

}



.recommend_text {

  background: hsla(45, 97%, 88%, 0.5);

  padding: 20px;

}



.recommend_text-title {

  color: #d47c10;

  font-weight: 700;

}



.recommend_text-desc {

  line-height: 1.8;

}



.recommend_text-sources {

  background: #fff;

  color: #d47c10;

  display: flex;

  flex-wrap: wrap;

  gap: 16px 20px;

  padding: 12px;

}



.recommend_text-source {

  line-height: 1;

  padding-left: 8px;

  position: relative;

  color: #d47c10;

  font-size: 14px;

}



.recommend_text-source:before {

  background: #d47c10;

  border-radius: 4px;

  content: "";

  height: 4px;

  left: 0;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 4px;

}



.recommend .sf-simpleBff_productsItemButton .sf-button {

  font-size: 14px;

  padding: 7px 19px;

}



.recommend

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItem {

  align-items: flex-end;

}



.recommend

  .sf-simpleBff[data-product-type="column"]

  .sf-simpleBff_productsItemPriceNum {

  font-size: 18px;

  padding: 0 4px;

}



.recipe__anchor {

  border-bottom: 1px solid #1d1d1f;

  padding-bottom: 4px;

  padding-right: 16px;

  position: relative;

  display: inline-block;

  font-weight: 700;

  font-size: 18px;

  cursor: pointer;

}



.recipe__anchor span {

  display: inline-block;

  line-height: 16px;

  margin-left: 4px;

}

.recipe__anchor img.arrow-down {

  width: 16px;

}



.cooking-carousel .owl-dots {

  display: block;

  line-height: 16px;

}



.recipe-ol{

  list-style: decimal;

  padding-left: 20px;



}



.recipe-ol li{

 margin-bottom: 12px;



}



h3.cooking__title {

  font-size: 22px;

  font-weight: bold;

}



h3.cooking__title small{

  font-size: 16px;

  font-weight: bold;

}



.ingredient {

  background: #fff;

  padding: 20px 24px;

}

.ingredient_title {

  font-size: 16px;

  font-weight: 700;

}



.ingredient_title span {

  font-size: 14px;

  font-weight: 400;

}



.ingredient_item {

  background-image: linear-gradient(90deg, #d8d8d9 4px, transparent 0);

  background-position: 0 100%;

  background-repeat: repeat-x;

  background-size: 8px 1px;

  display: flex;

  font-size: 14px;

  justify-content: space-between;

  line-height: 1.8;

  padding-bottom: 8px;

}



.ingredient_item + .ingredient_item {

  margin-top: 12px;

}



.ingredient_name {

  line-height: 1.8;

}



.recipe_item {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 12px;

}

.recipe_item .recipe_img {

  width: 30%;

}

.recipe_item .recipe_step_text {

  width: 67%;

  display: flex;

  flex-direction: column;

}



.recipe_step-heading .no {

  font-family: Helvetica Neue, Helvetica, sans-serif;

  font-size: 28px;

  font-weight: 400;

  margin-right: 8px;

}



.recipe_step-point {

  background: hsla(45, 97%, 88%, 0.3);

  border: 1px dashed #d47c10;

  border-radius: 4px;

  padding: 12px;

  margin-top: auto;

}



.recipe_step-point .point_title {

  color: #d47c10;

  font-size: 14px;

}



.sf-u-font_weight-bold {

  font-weight: 700;

}

.sf-u-font_size-xs {

  font-size: 14px;

}



.sf-u-font_size-xxs {

  font-size: 12px;

}



.recipe_item + .recipe_item {

  margin-top: 32px;

}



.report_inner .sf-u-grid_row {

  align-items: center;

  justify-content: space-between;

}



.reportBox {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

}



.reportBox .report_text {

  width: 40%;

}

.reportBox .report_img {

  width: 50%;

}



.u-mt28 {

  margin-top: 28px;

}



.cooking_img{

  width: 100%;

}

.recipe_step_text{

  margin-top: 10px;

}



.report_imgCarousel .owl-dots,

.feature_items .owl-dots,

.cooking_imgCarousel .owl-dots {

  display: block;

  line-height: 16px;

}



.feature_items .owl-dots {

  margin-top: 20px !important;

}

.sf-button.-outline {

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-400);

}



.sf-commonBanner_item p {

  padding: 10px;

  font-size: 13px;

}



.sf-commonBanner_itemImage {

  border: none !important;

}

.sf-commonBanner_item {

  border-radius: 0px 0px 4px 4px;

  -webkit-box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);

  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);

}



.sf-button.-secondary {

  background-color: var(--color-kinari);

  border: 1px solid var(--color-kinari);

}



.sf-button.-secondary:hover {

  background-color: var(--color-beige);

  border: 1px solid var(--color-beige);

}



/* 義大利麵醬 */

.special {

  padding-top: 68px;

}

.special__subHeading {

  font-size: 28px;

  line-height: 1.15;

  font-weight: 700;

  color: var(--color-gray-800);

}

.special__heading {

  font-size: 40px;

  line-height: 1.15;

  margin-top: 14px;

  color: var(--color-gray-800);

}



.special__subHeading span {

  font-size: 30px;

  font-weight: 700;

  color: var(--color-gray-800);

}



.special__items {

  margin-top: 40px;

}



.special__item--text {

  background: #fff;

  margin: -60px 16px 0;

  padding: 32px 28px;

  position: relative;

  z-index: 2;

}



.special__item--subHeading {

  font-size: 18px;

  line-height: 1.5;

}



.special__item--desc {

  line-height: 1.8;

}



.sauce__bottom {

  align-items: flex-end;

  display: flex;

  justify-content: space-between;

  margin-right: 5px;

}

.sauce__prod {

  width: 67.0522%;

}



.sauce__prod--catch,

.sauce__prod--name {

  display: block;

  line-height: 1.5;

}



.sauce__prod--catch {

  font-size: 14px;

  font-weight: 700;

}



.sauce__prod--name {

  font-size: 16px;

  font-weight: 700;

}



.sf-simpleBff {

  min-height: 250px;

  position: relative;

}



.sf-simpleBff.-loading-complete {

  min-height: 0;

}



.sauce__prod--new {

  align-items: center;

  background-color: var(--color-muji-red);

  color: #fff;

  display: flex;

  font-size: 12px;

  font-weight: 700;

  height: 25px;

  justify-content: center;

  line-height: 1;

  margin-bottom: 4px;

  margin-top: 28px;

  width: 45px;

}



.sauce__recommend {

  display: block;

  display: flex;

  flex-direction: column;

  justify-content: center;

  min-height: 90px;

  width: 84px;

}



.sauce__recommend--img {

  height: 48px;

  margin: 0 auto 8px;

  width: 48px;

}



.sauce__recommend--text {

  font-size: 10px;

  line-height: 1.5;

  padding-right: 12px;

  position: relative;

  font-weight: 700;

}



.sauce__recommend--text:after {

  background: url(../img/arrow8.png) no-repeat 50% / contain;

  content: "";

  height: 8px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 8px;

}



.sauce__recommend--pasta {

  display: block;

  font-size: 12px;

}



.penne .sauce__recommend--pasta {

  font-size: 10px;

  margin-left: -3px;

  transform: scale(0.9);

}



.celentani .sauce__recommend--pasta,

.fettuccine .sauce__recommend--pasta {

  font-size: 10px;

}



.special {

  padding-top: 50px;

}



.special__subHeading {

  font-size: 14px;

  line-height: 1.5;

}



.special__subHeading span {

  font-size: 16px;

  font-weight: 700;

}



.special__heading {

  font-size: 26px;

  line-height: 1.5;

}



.special__items {

  margin-top: 30px;

}



.special__item {

  padding-bottom: 96px;

}



.special__item--text {

  background: #fff;

  margin: -60px 16px 0;

  padding: 32px 28px;

  position: relative;

  z-index: 2;

}



.special__item--subHeading {

  font-size: 18px;

  line-height: 1.5;

}



.special__item--desc {

  line-height: 1.8;

}



.special__comment--heading {

  font-size: 24px;

  line-height: 1.5;

}



.special__comment--heading span {

  position: relative;

}



.special__comment--heading span:after {

  background-color: var(--color-gray-800);

  border-radius: 50%;

  content: "";

  display: block;

  height: 4px;

  left: calc(50% - 2px);

  position: absolute;

  top: -10px;

  width: 4px;

}



.special__comment--box {

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.special__comment--item {

  align-content: flex-start;

  align-items: center;

  background: #fff;

  border-radius: 32px 32px 0 32px;

  display: flex;

  flex: 1;

  flex-wrap: wrap;

  gap: 12px;

  padding: 24px 20px;

}



.special__comment--icon {

  height: 40px;

  width: 40px;

}



.special__comment--title {

  align-items: center;

  display: flex;

}



.special__comment--text {

  flex: 1;

  line-height: 180%;

}



.special__comment--text:nth-of-type(2) {

  flex: auto;

  width: 100%;

}



.sauce__prod--link {

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  margin-top: 4px;

  padding-right: 24px;

  position: relative;

}



.sauce__prod--link:after {

  background: url(../img/arrow20.png) no-repeat 50% / contain;

  content: "";

  height: 20px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  z-index: 1;

}



/* 醬 */



.sauceSection__subHeading {

  font-size: 14px;

  line-height: 1.5;

}



.sauceSection__heading {

  font-size: 26px;

  line-height: 1.5;

}



.sauceSection__desc {

  line-height: 1.8;

}



.sauceSection__bottom {

  align-items: flex-end;

  display: flex;

  justify-content: space-between;

}



.sauceSection__bff {

  gap: 40px 19px;

}



.sauceSection__bff--item {

  display: flex;

  flex-direction: column;

}



.sauceSection__bff--comment {

  background: var(--color-gray-100);

  font-size: 13px;

  padding: 16px 12px;

}



.sauceSection__bff--link {

  align-items: center;

  display: flex;

  gap: 16px;

  margin-top: 16px;

  padding-right: 5px;

}



.sauceSection__bff--icon {

  width: 40px;

}



.sauceSection__bff--text {

  flex: 1;

  font-size: 12px;

  font-weight: 700;

  padding-right: 16px;

  position: relative;

}



.sauceSection__bff--text:after {

  background: url(../img/arrow8.png) no-repeat 50% / contain;

  content: "";

  height: 8px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 8px;

}



.sauceSection .sf-simpleBff,

.sauceSection .sf-simpleBff_productsItemBody {

  flex: 1;

}



.sauceSection .sf-simpleBff_products,

.sauceSection .sf-simpleBff_productsItem {

  height: 100%;

}



.sauceSection [data-desktop-column="1"] .sf-simpleBff_products {

  display: block;

}



.sauceSection

  .sf-simpleBff[data-desktop-column="1"]

  .sf-simpleBff_productsItem {

  width: 100%;

}



@media screen and (max-width: 1200px) and (min-width: 1058px) {

  .special__item--text {

    right: 0;

  }



  .special__item--img img {

    -o-object-position: 60% center;

    object-position: 60% center;

  }



  .special__item:nth-of-type(2n) .special__item--text {

    left: 0;

  }



  .special__item:nth-of-type(2n) .special__item--img img {

    -o-object-position: 25% center;

    object-position: 25% center;

  }

}



@media screen and (max-width: 1057px) and (min-width: 751px) {

  .special__item--text {

    right: 0;

  }



  .special__item--img img {

    -o-object-position: 80% center;

    object-position: 80% center;

  }



  .special__item:nth-of-type(2n) .special__item--text {

    left: 0;

  }



  .special__item:nth-of-type(2n) .special__item--img img {

    -o-object-position: 10% center;

    object-position: 10% center;

  }

}



.anchor__bodySubHeading {

  align-items: center;

  display: flex;

  flex-direction: row;

  font-size: 14px;

  font-weight: 700;

  justify-content: center;

  margin-top: 4px;

}



.new {

  background-color: var(--color-muji-red);

  color: #fff;

  display: inline-block;

  vertical-align: middle;

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  padding: 2px 4px 3px;

  width: -moz-fit-content;

  width: fit-content;

  margin-right: 4px;

}



.sf-fixedAnchor {

  background-color: var(--color-white);

  border-bottom: 1px solid var(--color-gray-200);

  left: 50%;

  position: fixed;

  top: 0;

  transform: translateY(-100%) translateX(-50%);

  width: 100%;

  z-index: 100;

}



.sf-fixedAnchor[data-display-status] {

  transition: transform 0.3s;

}



.sf-fixedAnchor[data-display-status="show"] {

  transform: translateY(0) translateX(-50%);

}



.sauceProducts .category-product__block .category-product__thumb.sauceNew {

  position: relative;

}



.sauceProducts

  .category-product__block

  .category-product__thumb.sauceNew:after {

  align-items: center;

  background-color: var(--color-muji-red);

  color: #fff;

  content: "NEW";

  display: flex;

  font-size: 10px;

  font-weight: 700;

  height: 14px;

  justify-content: center;

  left: 7px;

  line-height: 1;

  position: absolute;

  top: 8px;

  width: 40px;

  z-index: 10;

}

.sauceProducts .category-product__block .category-product__thumb img {

  width: 50%;

}

.sauceSection__bff--comment {

  height: 90px;

}



.lefttopText {

  position: relative;

}

.lefttopText::after {

  background: #d47c10;

  color: #fff;

  content: "最推薦";

  font-size: 10px;

  font-weight: 700;

  left: 7px;

  line-height: 1;

  padding: 2px 8px;

  position: absolute;

  top: 8px;

  z-index: 10;

}



.deliciousBox {

  display: flex !important;

  justify-content: space-between;

  align-items: flex-start;

  gap: 20px;

  margin-top: 28px;

}

.deliciousBox .deliciousItem {

  width: calc(33.33333% - 13.33333px);

}



.tabNav ul {

  display: flex;

  justify-content: space-around;

  align-items: center;

  margin-top: 20px;

}



.tabNav ul li {

  width: 50%;

  text-align: center;

  background-color: #eee;

  padding: 0.5rem 1rem;

  font-weight: 600;

  font-size: 15px;

  color: #000;

  z-index: 9;

  border: 1px solid #eee;

}



.tabNav ul li a {

  display: block;

}



.tabNav ul li.active {

  background-color: #fff;

  border: 1px solid #d8d8d9;

  border-bottom: 0;



  border-top: 2px solid;

}



.sf-tabButton_container {

  margin-left: auto;

  margin-right: auto;

  max-width: 1352px;

}



.sf-tabButton_container {

  padding-left: 64px;

  padding-right: 64px;

}



.sauce .anchor__body {

  justify-content: center;

}



.recipe_subTitle {

  font-size: 16px;

  line-height: 1.25;

  position: relative;

}



.recipe_subTitle span {

  background: #fefaec;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.25;

  padding: 0 20px;

  position: relative;

  z-index: 2;

}



.recipe_subTitle:before {

  background: #c4c4c6;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

}





img.cooking-img{

  width: 100%;

  height: auto;

}

@media screen and (min-width: 1000px) {

  .sf-u-contents_desktop {

    margin-left: auto;

    margin-right: auto;

    max-width: 1352px;

    padding-left: 64px;

    padding-right: 64px;

  }



  .anchor_itemHeading {

    font-size: 16px;

    margin-top: 8px;

  }



  .sauce__prod--new {

    margin-top: 20px;

  }



  .special__comment--box {

    flex-direction: row;

    gap: 20px;

  }



  .special {

    padding-top: 68px;

  }



  .special__subHeading {

    font-size: 28px;

    line-height: 1.15;

  }



  .special__subHeading span {

    font-size: 30px;

  }



  .special__heading {

    font-size: 40px;

    line-height: 1.15;

    margin-top: 14px;

  }



  .special__items {

    margin-top: 40px;

  }



  .special__item {

    padding-bottom: 120px;

  }



  .special__item--head {

    margin: 0 auto;

    max-width: 1280px;

    position: relative;

  }



  .special__item--img {

    height: 580px;

    height: var(--eyecatch-inner-height);

    max-width: 100%;

    width: 903px;

  }



  .special__item--img img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    width: 100%;

  }



  .special__item--text {

    margin: 0;

    max-width: 435px;

    padding: 40px 35px 40px 40px;

    position: absolute;

    right: 8.125%;

    top: 50%;

    transform: translateY(-50%);

  }



  .special__item--subHeading {

    font-size: 24px;

  }



  .special__item:nth-of-type(2n) .special__item--img {

    margin-left: auto;

  }



  .special__item:nth-of-type(2n) .special__item--img img {

    -o-object-position: 34% center;

    object-position: 34% center;

  }



  .special__item:nth-of-type(2n) .special__item--text {

    left: 8.125%;

    right: 0;

  }



  .sf-u-only_mobileAndTablet {

    display: none;

  }



  .page_title .sup {

    font-size: 16px;

    display: block;

  }



  .u-inner {

    margin-left: auto;

    margin-right: auto;

    max-width: 890px;

  }



  .recipe_head {

    align-items: flex-start;

    display: flex;

    justify-content: space-between;

  }



  .recipe_img {

    width: 48%;

  }



  .recipe_text {

    width: 48%;

  }



  .feature_items {

    margin-top: 28px;

  }



  .sf-fixedAnchor_itemLink {

    /* padding-bottom: 24px; */

    padding: 10px 0px 26px 0px;

  }



  .sf-fixedAnchor_itemHeading:after {

    background: url(../img/arrow-down.png) no-repeat 50% / contain;

    bottom: 0;

    content: "";

    height: 30px;

    left: 55%;

    pointer-events: none;

    position: absolute;

    transform: translateX(-50%);

    width: 12px;

  }



  .sf-fixedAnchor_item + .sf-fixedAnchor_item {

    position: relative;

  }



  .sf-fixedAnchor_item + .sf-fixedAnchor_item .sf-fixedAnchor_itemLink:after {

    background: #d8d8d9;

    content: "";

    height: calc(100% - var(--space-v-xxs) * 2);

    left: -1px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

  }



  /* 醬 */

  .sauceSection__head {

    align-items: center;

    justify-content: space-between;

  }



  .sauceSection__head--text {

    max-width: 435px;

  }



  .sauceSection .sauceSection__head.f-reverse {

    flex-direction: row-reverse;

  }



  .sauceSection__subHeading {

    font-size: 18px;

  }



  .sauceSection__heading {

    font-size: 32px;

    letter-spacing: 1.6px;

  }



  .sauceSection__bff {

    gap: 40px 20px;

  }



  .sauceSection__bff.-center {

    justify-content: center;

  }



  .sauceSection__bff--link {

    margin-left: auto;

    margin-right: auto;

    padding-right: 4px;

    width: 160px;

  }



  [data-desktop-aspect-ratio="506:400"]:before {

    padding-top: 79.05138%;

  }

}



@media screen and (max-width: 999px) {

  .sf-u-only_mobileAndTablet {

    display: block;

  }



  .sauce__prod--bottom {

    align-items: baseline;

    display: flex;

    justify-content: space-between;

    margin-top: 16px;

  }



  .special__item--recommend {

    margin: 20px auto 0;

  }



  .sauceSection__head--img {

    margin-top: 20px;

  }



  .sauceSection__bff--link {

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

    padding: 0 4px 0 1px;

    width: 162px;

  }

}

@media screen and (min-width: 751px) {

  [data-desktop-aspect-ratio="903:508"]:before {

    padding-top: 56.25692%;

  }

  [data-desktop-aspect-ratio="445:226"]:before {

    padding-top: 50.78652%;

  }

  [data-desktop-aspect-ratio="189:106"]:before {

    padding-top: 56.08466%;

  }

  [data-desktop-aspect-ratio="284:132"]:before {

    padding-top: 46.47887%;

  }

  [data-desktop-aspect-ratio="355:150"]:before {

    padding-top: 42.25352%;

  }

  .sf-main_container {

    padding-bottom: 154px;

  }

  .anchor {

    margin-left: auto;

    margin-right: auto;

    max-width: 1352px;

    padding-left: 64px;

    padding-right: 64px;

  }

  .anchor__head {

    transition: 0.3s ease;

  }

  .anchor__head:hover {

    cursor: pointer;

    transform: translateY(8px);

  }

  .anchor__headHeading {

    font-size: 22px;

  }

  .anchor__bodyItem {

    transition: 0.3s ease;

  }

  .anchor__bodyItem:hover {

    cursor: pointer;

    /* transform: translateY(8px); */

    /* border-bottom: 3px solid #999; */

  }

  .anchor__bodyItem:after {

    /* background: url(../img/ico-arrow20-down.svg) no-repeat 100% / contain;

    content: '';

    display: inline-block;

    height: 16px;

    width: 16px; */

  }

  .sf-fixedAnchor .fixedAnchor-only_mobile {

    display: none;

  }

  .lineup__item {

    transition: 0.3s ease;

  }

  .lineup__item:hover {

    cursor: pointer;

    transform: translateY(8px);

  }

  .month__head {

    padding-bottom: 12px;

  }

  .eyecatch__wrapper {

    margin: 0 auto;

    max-width: 1280px;

    min-height: 666px;

    min-height: var(--eyecatch-wrapper-height, 666px);

    position: relative;

  }

  .eyecatch__wrapper:nth-of-type(n + 2) {

    margin-top: 64px;

    min-height: 580px;

    min-height: var(--eyecatch-inner-height, 580px);

  }

  .eyecatch__wrapper:nth-of-type(n + 2) .eyecatch__image,

  .eyecatch__wrapper:nth-of-type(n + 2) .pickup {

    margin-top: 0;

  }

  .eyecatch__inner {

    min-height: 666px;

    min-height: var(--eyecatch-wrapper-height, 666px);

    position: relative;

    width: 100%;

    z-index: 2;

  }

  .eyecatch__image,

  .eyecatch__inner:nth-of-type(n + 2) {

    min-height: 580px;

    min-height: var(--eyecatch-inner-height, 580px);

  }

  .eyecatch__image {

    margin-top: 86px;

    max-width: 903px;

    position: absolute;

    width: 100%;

  }

  .--reverse .eyecatch__image {

    right: 0;

  }

  .eyecatch__image .sf-u-imgAdjustBox {

    height: 100%;

    position: absolute;

  }

  .eyecatch__image .sf-u-img {

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: 100% 100%;

    object-position: 100% 100%;

  }

  .--reverse .eyecatch__image .sf-u-img {

    -o-object-position: 0 100%;

    object-position: 0 100%;

  }

  .eyecatch__textBox {

    align-items: flex-start;

    display: flex;

    flex-flow: row nowrap;

    gap: 55px;

    position: relative;

    width: 100%;

  }

  .--reverse .eyecatch__textBox {

    flex-direction: row-reverse;

    justify-content: space-between;

  }

  .eyecatch__heading {

    margin-left: -12px;

  }

  .--reverse .eyecatch__heading {

    margin-left: 0;

    margin-right: -12px;

  }

  .eyecatch__description {

    max-width: 890px;

  }

  .eyecatch .pickup {

    margin-top: 86px;

    min-height: 580px;

    min-height: var(--eyecatch-inner-height, 580px);

    position: absolute;

    right: 20px;

    top: 0;

  }

  .eyecatch .--reverse .pickup {

    left: 20px;

    right: auto;

  }

  .pickup__productItem:first-child:nth-last-child(2),

  .pickup__productItem:first-child:nth-last-child(2) ~ * {

    flex-direction: column;

    width: calc(50% - 14px);

  }

  .pickup__productItem:first-child:nth-last-child(2) .pickup__productHeading,

  .pickup__productItem:first-child:nth-last-child(2)

    ~ *

    .pickup__productHeading {

    text-align: left;

  }

}

@media screen and (max-width: 1072px) and (min-width: 751px) {

  .eyecatch .pickup {

    right: 0;

  }

  .eyecatch .--reverse .pickup {

    left: 0;

  }

}

@media screen and (max-width: 750px) {

  .pcOnly {

    display: none !important;

  }

  .mobOnly {

    display: block !important;

  }



  .recipe_step_text{

    margin-top: 15px;

  }



  .anchor__body {

    display: flex;

    flex-wrap: wrap;

    gap: 14px 19px;

    /* flex-direction: column; */

    /* gap: 2px;

    margin-top: 2px;

    flex-wrap: wrap;

    border-bottom: none; */

    /* overflow-x: scroll; */

    /* padding-left: 15px;

    padding-left: 15px; */

  }

  .anchor__bodyItem {

    /* flex-direction: row;

    gap: var(--space-h-xs);

    justify-content: flex-start;

    padding-bottom: var(--space-v-s);

    padding-top: var(--space-v-s); */

    width: 30%;

    justify-content: flex-start;

  }

  .anchor__bodyItemImage .sf-u-img {

    width: 80px;

  }



  [data-mobile-aspect-ratio="375:93"]:before {

    padding-top: 24.8%;

  }

  [data-mobile-aspect-ratio="344:150"]:before {

    padding-top: 43.60465%;

  }

  [data-mobile-aspect-ratio="172:80"]:before {

    padding-top: 46.51163%;

  }

  .sf-breadcrumbs {

    background-color: #f5f3ee;

    background-color: var(--choco-light, #f5f3ee);

    margin-top: 0;

    padding-bottom: var(--space-v-xl);

    padding-top: var(--space-v-xxxl);

    width: 100%;

  }

  .anchor__headItem {

    max-width: 139px;

  }

  .anchor__headItem:after {

    margin-left: auto;

    margin-right: auto;

  }

  .anchor__head {

    gap: var(--space-h-xs);

  }

  .anchor__headItem {

    align-items: flex-start;

    gap: 8px;

    justify-content: center;

  }

  .anchor__headImage {

    max-width: 50%;

    min-width: 50%;

    width: 172px;

  }

  .anchor__headHeading {

    font-size: 18px;

  }

  .anchor__headSubHeading {

    font-size: 12px;

  }

  .anchor__body {

    /* flex-direction: column; */

    /* gap: 2px;

    margin-top: 2px; */

  }

  .anchor__bodyItem {

    padding-bottom: 23px;

    position: relative;

    width: calc(50% - 9.5px);

    /* width: 32%;

    justify-content: flex-start; */

  }

  .anchor__bodyItemImage .sf-u-img {

    width: 80px;

  }

  /* .anchor__bodyItemImage {

    width: 50%;

  } */

  .anchor__bodyHeading {

    display: flex;

    flex-direction: column;

    font-size: 10px;

    max-width: 100%;

    width: 140px;

  }



  .sauce .anchor__bodyHeading {

    height: 110px;

  }

  .anchor__bodyHeading:after {

    /* background: url(../img/ico-arrow20-down.svg) no-repeat 100% / contain;

    content: '';

    display: inline-block;

    height: 16px;

    margin: var(--space-v-xxs) auto 0;

    width: 16px; */

  }

  .anchor__bodySubHeading {

    font-size: 14px;

    text-align: center;

  }

  .sf-fixedAnchor .fixedAnchor-only_mobile {

    display: inline-block;

  }

  .lineup__container {

    gap: var(--space-v-xxxs) var(--space-h-xxxs);

  }

  .lineup__item {

    width: calc((100% - var(--space-h-xxxs)) / 2);

  }

  .lineup__bff .sf-simpleBff_productsItemHeading {

    font-size: 14px;

  }

  .lineup__bff .sf-simpleBff_productsItemDetail {

    margin-top: 0;

  }

  .lineup__bff .sf-simpleBff_productsItemHeading:after {

    font-size: 12px;

    line-height: 160%;

  }

  .lineup__item--named .lineup__productHeading {

    font-size: 14px;

  }

  .comment__container {

    flex-direction: column;

    width: 100%;

  }

  .comment__item {

    width: 100%;

  }

  .commitment__heading {

    font-size: 22px;

  }

  .commitment__container {

    flex-direction: column;

    gap: var(--space-v-xl);

    width: 100%;

  }

  .more__button {

    margin-top: var(--space-v-xxxxl);

  }

  .season__heading {

    font-size: 22px;

  }

  .season__description {

    font-size: 18px;

  }

  .season__annotation {

    font-size: 12px;

  }

  .calendar__container {

    border: 0;

    border-bottom: 1px solid #ebebec;

    border-bottom: 1px solid var(--common-gray-200, #ebebec);

    border-top: 1px solid #ebebec;

    border-top: 1px solid var(--common-gray-200, #ebebec);

    flex-direction: column;

  }

  .calendar__item:not(:last-of-type) {

    border: 0;

    border-bottom: 1px solid #ebebec;

    border-bottom: 1px solid var(--common-gray-200, #ebebec);

  }

  .calendar__item {

    display: flex;

    padding: 8px 16px;

    width: 100%;

  }

  .month__content:not(:first-of-type) {

    margin-top: 8px;

  }

  .month__head {

    margin-right: 16px;

    min-height: 120px;

    min-width: 46px;

    padding-top: 48.8px;

    text-align: center;

  }

  .month__body {

    width: 100%;

  }

  .month__content {

    align-items: center;

    display: flex;

    width: 100%;

  }

  .month__image {

    width: 120px;

  }

  .month__text {

    flex: 1;

    padding-left: 12px;

  }

  .month__detail {

    font-size: 12px;

    margin-top: 5px;

    width: 100%;

  }

  .eyecatch__wrapper {

    position: relative;

  }

  .eyecatch__wrapper:nth-of-type(2) {

    margin-top: 24px;

  }

  .eyecatch__wrapper:nth-of-type(2) .eyecatch__image {

    padding-top: 0;

  }

  .eyecatch__inner {

    width: 100%;

  }

  .eyecatch__image {

    padding-top: 78px;

    position: relative;

    width: 100%;

  }

  .eyecatch__heading {

    font-size: 28px;

    left: 8px;

    line-height: 157.14286%;

    position: absolute;

    top: 0;

  }

  .--reverse .eyecatch__heading {

    left: 0;

    position: absolute;

    right: 8px;

  }

  .eyecatch__description {

    font-size: 12px;

    margin-right: var(--space-h-xs);

    position: absolute;

    right: 0;

    top: 0;

    width: 64.8%;

  }

  .--reverse .eyecatch__description {

    left: 0;

    margin-left: var(--space-h-xs);

    margin-right: 0;

    right: auto;

  }

  .eyecatch .pickup {

    margin-left: var(--space-h-xs);

    margin-right: var(--space-h-xs);

    margin-top: -60px;

    position: relative;

    z-index: 2;

  }

  .pickup__inner {

    max-width: 100%;

    padding: 32px 28px;

    width: 100%;

  }

  .pickup__productItem {

    max-width: 100%;

  }



  .sf-main_container .category {

    flex-direction: column;

  }

  .sf-main_container .category__thumb {

    width: 100%;

  }

  .sf-main_container .category__content {

    margin-top: 20px;

    width: 100%;

  }

  .sf-main_container .category__title {

    font-size: 18px;

  }

  .sf-main_container .category__heading--sub {

    font-size: 14px;

    margin-top: -1px;

  }

  .sf-main_container .category__description {

    margin-top: 12px;

  }

  .sf-main_container .category-product {

    flex-direction: column;

    margin: 30px auto;

  }

  .sf-main_container .category-product__link {

    display: flex;

    flex-direction: row;

    width: 100%;

  }

  .sf-main_container .category-product__thumb {

    width: 31.75%;

  }

  .sf-main_container .category-product__contents {

    display: block;

    margin-left: 4vw;

    width: 63.49%;

    word-break: break-all;

  }

  .sf-main_container .category-product__title {

    display: block;

    line-height: 1.6em;

    margin-bottom: 8px;

    font-size: 15px;

  }



  .explainBox .explainItem:first-child {

    width: 24%;

  }

  .explainBox .explainItem:last-child {

    width: 75%;

    text-align: justify;

  }



  .sf-main_container .category-product__block {

    /* flex: 1; */

    width: 100%;

  }



  .special__subHeading {

    font-size: 16px;

  }



  .g-sauce .sauce__bottom {

    flex-flow: column;

  }

  .g-sauce .sauce__prod {

    width: 100%;

  }



  .sf-main_container .category-product__block {

    width: 46%;

  }



  .sf-main_container .category-product__link {

    display: block;

  }



  .sf-main_container .category-product {

    gap: 40px 20px;

    flex-direction: row;

    justify-content: space-between;

  }



  .category-product__block .category-product__thumb img {

    width: 100%;

  }



  .sauceProducts .category-product__block .category-product__thumb img {

    width: 100%;

  }



  .sf-main_container .category-product__thumb {

    width: 100%;

    display: block;

  }



  .sf-main_container .category-product__contents {

    display: block;

    margin-left: 0vw;

    width: 100%;

    word-break: break-all;

  }



  .sauceSection__bff--comment {

    height: 120px;

  }



  .pastaBox .anchor__bodyItemImage .sf-u-img {

    width: 150px;

  }



  .pastaBox .anchor__bodyHeading {

    height: 80px;

  }



  .reportBox {

    display: block;

  }



  .reportBox .report_text {

    width: 100%;

  }



  .reportBox .report_img {

    width: 100%;

  }



  .sauce .anchor__body {

    justify-content: flex-start;

  }

}



@media (max-width: 600px) {

  .owl-dots {

    display: block !important; /* 確保 dots 在手機版顯示 */

  }

}