:root {

  --choco-light: #f5f3ee;

  --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: #f5f3ee;

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

}

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

  width: calc(

    33.33333% - var(--space-h-s) * 11 / 12 * 4 + var(--space-h-s) * 3

  );

}

.anchor__bodyItemImage {

  width: 100%;

}

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

}

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

  }

  .anchor {

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

    width: 890px;

  }

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

  }

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

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

    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: 100%;

  }

  .anchor__bodyItemImage {

    width: 50%;

  }

  .anchor__bodyHeading {

    display: flex;

    flex-direction: column;

    font-size: 10px;

    max-width: 50%;

    width: 139px;

  }

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

  }

  .sf-fixedAnchor .fixedAnchor-only_mobile {

    display: inline-block;

  }

  .lineup__container {

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

  }

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

  }

}