: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-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);

}



#Tea1 .product_p {

  min-height: 110px;

}

#Tea2 .product_p {

  min-height: 110px;

}

#Tea3 .product_p {

  min-height: 90px;

}



.eyecatch {

  margin-bottom: 2rem;

}



@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%;

  border-bottom: 1px solid #ddd;

}

.anchor__bodyItem {

  align-items: center;

  display: flex;

  flex-direction: column;

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

  justify-content: space-between;

  width: calc(33.3333% - var(--space-h-s) * 11 / 12 * 2 + var(--space-h-s) * 2);

  border-bottom: 3px solid #fff;

}



.anchor__bodyItem p span {

  height: 50px;

}



.anchor__bodyItemImage {

  width: 100%;

  text-align: center;

}



.anchor__bodyItemImage .sf-u-img {

  width: 100px;

}



.eyecatch__image {

  z-index: 2;

}



.eyecatch .pickup {

  z-index: 9;

}





.sub-title a{

  opacity: 1;    color: #1d1d1f;

  transition: all 0.3s ease;    text-decoration: underline;

}



.sub-title a:hover {

  opacity: 0.8;

}





/* Dots */

.owl-carousel .owl-dots {

  position: absolute;

  bottom: 8.5%;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  gap: 1px;

  z-index: 9999;

}



/* Nav */

.owl-carousel .owl-nav {

      position: absolute;

    bottom: 7.8%;

    left: 50%;

    transform: translateX(-50%);

    display: flex

;

    gap: 70px;

    align-items: center;

    z-index: 9999;

}



.owl-nav img {

  width: 12px;

}

/* 個別按鈕 */

.owl-carousel .owl-nav .owl-next {

  order: -1;

  transform: translateX(-calc(50% + 10px));

}

.owl-carousel .owl-nav .owl-prev {

  /* 向右 10px */

}



.owl-carousel .owl-nav button {

  background: rgba(255, 255, 255, 0.8);

  border-radius: 50%;

  padding: 8px 12px;

  font-size: 20px;

  transition: background 0.3s;

}



.owl-carousel .owl-nav button:hover {

  background: rgba(255, 255, 255, 1);

}



.owl-theme .owl-nav {

  margin-top: 0 !important;

}



.owl-theme .owl-nav [class*="owl-"]:hover {

  background: none !important;

  text-decoration: none;

}



.owl-theme .owl-dots .owl-dot span {

  width: 4px !important;

  height: 4px !important;

  box-shadow: 0 0 0 1px #d6d6d6, /* 第一層白色 */ 0 0 0 2px #d6d6d6;

  margin: 4px 4px;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #3c3c43 !important;

  box-shadow: 0 0 0 2px #ffffff, /* 第一層白色 */ 0 0 0 4px #3c3c43; /* 第二層深灰 */

}



.sf-fixedAnchor_itemLink {

  color: #1d1d1f;

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

}

.lineup__container {

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

}

.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; */

  max-width: 375px;

  color: #000000;

}



.pickup__inner h3,

.pickup__inner p,

.pickup b,

.pickup .productsPrice span {

  color: #000000;

}



.pickup b {

  font-weight: 800;

}



.pickup__inner p {

  margin: 1rem 0;

}



.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 1rem;

}

.explainBox .explainItem:first-child {

  width: 28%;

  text-align: center;

}

.explainBox .explainItem:first-child h3 {

  font-size: 32px;

  text-align: justify;

}

.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: space-between;

  margin-bottom: 40px;

  margin-top: 20px;

}

.sf-main_container .category-product__block {

  flex: 1;

}

.sf-main_container img {

  max-width: 100%;

}



.sf-u-imgAdjustBox {

  height: auto;

  position: relative;

  width: 100%;

}

.sf-main_container .category-product__title {

  font-size: 14px;

  line-height: 1.5em;

  margin-bottom: 9px;

}

.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: 16px;

  font-weight: 700;

  padding: 0.25em;

}

.sf-main_container .category__detail a {

  /* border: 1px solid #ddd;  */

  background: #3c3c43;

  border-radius: 6px;

  color: #fff;

  /* display: block; */

  padding: 15px 60px;

  font-weight: 900;

  text-align: center;

  transition: all 0.3s ease-out;

  /* width: 100%; */

}



.sf-main_container .category__detail a:hover {

  opacity: 0.8;

}



.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: left;

  width: auto;

}



.sf-main_container .point__detail a {

  /* border-bottom: 1px solid #fff; */

  color: #fff;

  background-color: #3c3c43;

  display: inline-block;

  transition: all 0.3s ease;

  position: relative;

  font-weight: 900;

  padding: 12px 20px;

  border-radius: 6px;

}



.sf-main_container .point__detail a:hover {

  opacity: 0.8;

}



/* .sf-main_container .point__detail a:after {

  background-image: url("../img/arrowRight.png");

  background-repeat: no-repeat;

  content: "";

  display: inline-block;

  height: 16px;

  margin-left: 10px;

  width: 7px;

  vertical-align: middle;

} */



.no-link {

  pointer-events: none;

  cursor: default !important;

  text-decoration: none;

}



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

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

    /* padding-top: 56.25692%; */

    padding-top: 5%;

  }

  [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: calc(1072px + 20px + 20px);

    padding-left: 20px;

    padding-right: 20px;

  }

  .anchor__head {

    transition: 0.3s ease;

  }

  .anchor__head:hover {

    cursor: pointer;

    transform: translateY(8px);

  }

  .anchor__headHeading {

    font-size: 22px;

  }

  .anchor__bodyItem {

    position: relative;

    padding-right: 10px;

    padding-left: 10px;

  }



  .anchor__bodyItem::before {

    content: "";

    position: absolute;

    top: 15%;

    right: 0;

    width: 1px;

    height: 70%;

    background-color: #ddd;

  }



  .anchor__bodyItem:last-child::before {

    display: none;

  }



  .anchor__bodyItem:hover,  .anchor__bodyItem.active  {

    cursor: pointer;

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

    border-bottom: 3px solid #1d1d1f;

  }

  .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; */

    max-width: 1072px;

    min-height: auto;

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

    position: relative;

  }

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

    margin-top: 64px;

    min-height: 514px;

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

  }

  .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: 514px;

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

  }

  .eyecatch__image {

    /* margin-top: 86px; */

    margin-top: 0px;

    max-width: 800px;

    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; */

    margin-top: 0px;

    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) {

  p {

    font-size: 16px;

  }



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

    padding-top: 0%;

  }



  [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;

    /* flex-wrap: wrap; */

    border-bottom: none;

    overflow-x: scroll;

    border-bottom: 1px solid #ddd;

    text-align: center;

  }

  .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: 40%;

    justify-content: flex-start;

    position: relative;

    padding: 16px 0px;

  }



   .anchor__bodyItem:hover,  .anchor__bodyItem.active  {

    cursor: pointer;

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

    border-bottom: 3px solid #1d1d1f;

  }



  .anchor__bodyItemImage .sf-u-img {

    width: 80px;

  }

  .anchor__bodyItem::before {

    content: "";

    position: absolute;

    top: 15%;

    right: 0;

    width: 1px;

    height: 70%;

    background-color: #ddd;

  }

  .anchor__bodyHeading {

    display: flex;

    flex-direction: column;

    font-size: 10px;

    max-width: 70%;

    width: 160px;

  }

  .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-xxs) var(--space-h-xxs);

  }

  .lineup__item {

    width: calc((100% - var(--space-h-xxs)) / 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; */

    padding-top: 2rem;

    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: 20px;

  }



  .sf-main_container .category__heading--sub {

    font-size: 16px;

    margin-top: -1px;

  }

  .sf-main_container .category__description {

    margin-top: 12px;

    font-size: 18px;

  }

  .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;

    font-size: 16px;

    line-height: 1.6em;

    margin-bottom: 8px;

  }



  .sf-main_container .category-product__price {

    font-size: 14px;

    text-align: right;

  }



  .section__block {

    margin-top: 60px;

  }



  .explainBox {

    display: block;

  }



  .explainBox .explainItem:first-child {

    width: 100%;

  }

  .explainBox .explainItem:first-child h3 {

    font-size: 30px;

    text-align: justify;

    margin-bottom: 1rem;

  }



  .explainBox .explainItem:last-child {

    width: 100%;

    text-align: justify;

  }



  .sf-main_container .point {

    border: 1px solid #ddd;

    border-radius: 6px;

    flex-direction: column;

    margin-top: 50px;

    width: 100%;

  }



  .sf-main_container .point__thumb {

    border-radius: 6px 6px 0 0;

    width: 100%;

  }



  .sf-main_container .point__content {

    padding: 15px 4vw 35px;

    width: 100%;

  }



  .sf-main_container .point__title {

    font-size: 18px;

  }



  .sf-main_container .point__description {

    margin-top: 14px;

  }



  .sf-main_container .point__detail {

    margin-top: 15px;

    text-align: center;

    font-size: 16px;

  }



  .sf-main_container .point__detail a:after {

    transform: rotate(90deg);

    width: 10px;

  }



  .owl-carousel {

    margin-bottom: 2.5rem;

  }



  .owl-carousel .owl-nav {

    bottom: -8%;

  }



  .owl-carousel .owl-dots {

    bottom: -7%;

  }



  #Tea2 .product_p {

    min-height: 145px;

  }



  .productsPrice span {

    padding: 0px 10px;

  }



  .sf-main_container .point__detail a {

    width: 100%;

    margin-top: 1rem;

  }



  .sf-main_container .category__detail a {

    font-size: 16px;

  }

}