@charset "UTF-8";




.the-cacao .the-cacao-kohaku-ganache {
  overflow: hidden;
  background: linear-gradient(0deg, #F4F4F4 0%, #F4F4F4 100%), var(--color-bg-inverse, #FFF);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv {
  padding-top: calc(128 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__heading__logo {
  margin-inline: auto;
  width: calc(280 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__heading__logo img {
  width: 100%;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual {
  margin: calc(100 / var(--tc_SpDesign) * 100vw) auto 0;
  position: relative;
  width: calc(327 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::before, .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::after {
  content: "";
  display: block;
  position: absolute;
  mix-blend-mode: multiply;
  z-index: 2;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::before {
  left: calc(-46 / var(--tc_SpDesign) * 100vw);
  top: calc(-44 / var(--tc_SpDesign) * 100vw);
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/mv_decoration01_sp.svg") no-repeat center center/contain;
  aspect-ratio: 110.07/161.07;
  width: calc(110.07 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::after {
  top: calc(-81 / var(--tc_SpDesign) * 100vw);
  right: calc(-45 / var(--tc_SpDesign) * 100vw);
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/mv_decoration02_sp.svg") no-repeat center center/contain;
  aspect-ratio: 116/145.88;
  width: calc(116 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual__image {
  overflow: hidden;
  border-radius: calc(20 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__heading,
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual__image {
  opacity: 0;
  transition: opacity 0.8s;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__heading {
  transition-delay: 0.3s;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual__image {
  transition-delay: 0.5s;
}
.the-cacao-loaded .the-cacao .the-cacao-kohaku-ganache .kohaku-mv.is-intersect .kohaku-mv__heading,
.the-cacao-loaded .the-cacao .the-cacao-kohaku-ganache .kohaku-mv.is-intersect .kohaku-mv__visual__image {
  opacity: 1;
}

.the-cacao .the-cacao-kohaku-ganache .kohaku-about {
  margin-top: calc(60 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__heading {
  text-align: center;
  font-size: calc(28 / var(--tc_SpDesign) * 100vw);
  line-height: 1.5;
  color: #89855D;
  font-weight: 600;
  letter-spacing: 0.13em;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__description {
  font-size: calc(18 / var(--tc_SpDesign) * 100vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.15em;
  margin-top: calc(16 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition {
  margin-top: calc(60 / var(--tc_SpDesign) * 100vw);
  position: relative;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__image {
  width: calc(159 / var(--tc_SpDesign) * 100vw);
  margin-left: auto;
  margin-right: calc(62 / var(--tc_SpDesign) * 100vw);
  margin-bottom: calc(19 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info {
  width: calc(280 / var(--tc_SpDesign) * 100vw);
  margin-left: auto;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info__title {
  background-color: #89855D;
  color: #fff;
  font-size: calc(26 / var(--tc_SpDesign) * 100vw);
  line-height: 1.2;
  font-family: var(--tc_fontEB);
  letter-spacing: 0.08em;
  padding: calc(4 / var(--tc_SpDesign) * 100vw) 0;
  text-align: center;
  position: relative;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info__title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info--01 .kohaku-about__composition__info__title::before {
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/composition-border01_sp.svg") no-repeat right bottom/contain;
  width: calc(100 / var(--tc_SpDesign) * 100vw);
  aspect-ratio: 147.33/206.33;
  width: calc(147.33 / var(--tc_SpDesign) * 100vw);
  left: calc(-40 / var(--tc_SpDesign) * 100vw);
  top: 50%;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info--02 .kohaku-about__composition__info__title::before {
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/composition-border02_sp.svg") no-repeat right top/contain;
  width: calc(100 / var(--tc_SpDesign) * 100vw);
  aspect-ratio: 114.33/41.33;
  width: calc(114.33 / var(--tc_SpDesign) * 100vw);
  left: calc(10 / var(--tc_SpDesign) * 100vw);
  bottom: 100%;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info__description {
  font-size: calc(15 / var(--tc_SpDesign) * 100vw);
  line-height: 1.8;
  letter-spacing: 0.12em;
  margin-top: calc(10 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__inner {
  background: #fff;
  overflow: hidden;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading {
  color: #89855D;
  text-align: center;
  font-size: calc(38 / var(--tc_SpDesign) * 100vw);
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-bottom: calc(60 / var(--tc_SpDesign) * 100vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading::before, .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading::after {
  content: "";
  display: block;
  aspect-ratio: 83/26;
  width: calc(83 / var(--tc_SpDesign) * 100vw);
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/heading-decoration_sp.svg") no-repeat left center/auto 100%;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading::after {
  scale: -1 1;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel {
  margin-bottom: calc(65 / var(--tc_SpDesign) * 100vw);
  position: relative;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel:last-child {
  margin-bottom: 0;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 85% center;
     object-position: 85% center;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__text-box {
  margin-left: calc(16 / var(--tc_SpDesign) * 100vw);
  position: relative;
  z-index: 1;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__title {
  font-family: var(--tc_fontEB);
  font-weight: normal;
  line-height: 1;
  font-size: calc(34 / var(--tc_SpDesign) * 100vw);
  letter-spacing: 0.08em;
  margin: -0.6em 0 calc(17 / var(--tc_SpDesign) * 100vw);
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel--cacao .kohaku-lineup__panel__title {
  color: #956254;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel--yuzu .kohaku-lineup__panel__title {
  color: #97A168;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel--strawberry .kohaku-lineup__panel__title {
  color: #C78183;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__description {
  font-size: calc(16 / var(--tc_SpDesign) * 100vw);
  line-height: 1.8;
  letter-spacing: 0.12em;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__composition {
  position: absolute;
  right: calc(-15 / var(--tc_SpDesign) * 100vw);
  bottom: calc(20 / var(--tc_SpDesign) * 100vw);
  width: calc(106 / var(--tc_SpDesign) * 100vw);
  z-index: 0;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-image {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(280 / var(--tc_SpDesign) * 100vw);
  overflow: hidden;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  z-index: 0;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-image__content {
  width: 100%;
  height: 150%;
  position: absolute;
  left: 0;
  top: 0;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-image__content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% center;
     object-position: 80% center;
  position: absolute;
  left: 0;
  top: 0;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-buy {
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/buy_bg_sp.png") no-repeat top center/cover;
  padding-block: calc(285 / var(--tc_SpDesign) * 100vw) calc(80 / var(--tc_SpDesign) * 100vw);
  background: #EBEBEB;
  position: relative;
  z-index: 1;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-buy::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/buy_bg_sp.png") no-repeat top center/cover;
  z-index: -1;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-buy__heading {
  font-size: calc(20 / var(--tc_SpDesign) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.16em;
  text-align: center;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-buy__button {
  margin-top: calc(20 / var(--tc_SpDesign) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 / var(--tc_SpDesign) * 100vw);
  height: calc(56 / var(--tc_SpDesign) * 100vw);
  font-size: calc(15 / var(--tc_SpDesign) * 100vw);
  background: #fff;
  font-family: var(--tc_fontGothic);
  letter-spacing: 0.03em;
  position: relative;
}
.the-cacao .the-cacao-kohaku-ganache .kohaku-buy__button::after {
  content: "";
  aspect-ratio: 1/1;
  width: calc(12 / var(--tc_SpDesign) * 100vw);
  background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/icon_link.svg") no-repeat center center/contain;
}
@media (min-width: 768px) {
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv {
    padding-top: 145px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__heading__logo {
    width: clamp(0px,54.2857142857vw,475px);
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual {
    max-width: var(--tc_widthDefault);
    width: calc(100% - var(--tc_sidePaddingPc1) * 2);
    margin: 80px auto 0;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::before {
    aspect-ratio: 25.8994/37.8979;
    width: clamp(0px,18.5vw,259px);
    top: 0;
    left: 0;
    translate: -40% -60%;
    background-image: url("/products/brand/the-cacao/assets/img/kohaku-ganache/mv_decoration01.svg");
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual::after {
    aspect-ratio: 29.1335/36.638;
    width: clamp(0px,20.7857142857vw,291px);
    right: 0;
    top: auto;
    bottom: 0;
    translate: 37% 45%;
    background-image: url("/products/brand/the-cacao/assets/img/kohaku-ganache/mv_decoration02.svg");
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-mv__visual__image {
    border-radius: 20px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about {
    margin-top: 80px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__heading {
    font-size: 28px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__description {
    font-size: 18px;
    margin-top: 16px;
    text-align: center;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition {
    margin: 100px auto 0;
    display: flex;
    justify-content: space-between;
    max-width: 997px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__image {
    margin: 0;
    width: clamp(0px,15.1714285714vw,177px);
    position: absolute;
    left: 50%;
    translate: -50% 0;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info {
    width: clamp(0px,33.6142857143vw,362px);
    margin: 16px 0 0;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info__title {
    font-size: clamp(0px,2.6vw,28px);
    padding: 4px 0;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info--01 .kohaku-about__composition__info__title::before {
    background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/composition-border01.svg") no-repeat left bottom/contain;
    aspect-ratio: 99.33/44.33;
    width: clamp(0px,9.1928571429vw,99px);
    top: 50%;
    left: 100%;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info--02 .kohaku-about__composition__info__title::before {
    background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/composition-border02.svg") no-repeat right top/contain;
    aspect-ratio: 77.33/54.33;
    width: clamp(0px,7.15vw,77px);
    bottom: auto;
    top: 50%;
    left: auto;
    right: 100%;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-about__composition__info__description {
    font-size: clamp(0px,1.4857142857vw,16px);
    margin-top: 10px;
    text-align: center;
    letter-spacing: 0.07em;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup {
    margin-top: 117px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__inner {
    padding: 80px max((100% - 864px) / 2, var(--tc_sidePaddingPc1));
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading {
    font-size: 50px;
    margin-bottom: 60px;
    justify-content: center;
    gap: 40px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading::before, .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__heading::after {
    aspect-ratio: none;
    width: 100%;
    max-width: 180px;
    height: 26px;
    background-image: url("/products/brand/the-cacao/assets/img/kohaku-ganache/heading-decoration.svg");
    flex: 1 1;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel {
    margin-bottom: 24px;
    display: flex;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__image {
    width: 61.112%;
    min-height: 240px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__text-box {
    margin-left: -25px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__title {
    margin: 0 0 10px;
    line-height: 1.5;
    font-size: 40px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__description {
    font-size: clamp(0px,1.8285714286vw,16px);
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__composition {
    width: 22.57%;
    right: -32px;
    bottom: -20px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-image {
    height: auto;
    aspect-ratio: 1440/279;
    min-height: 279px;
    margin-top: 120px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy {
    padding: 0;
    height: clamp(0px,35.2857142857vw,380px);
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy::after {
    aspect-ratio: 1362/760;
    width: auto;
    background: url("/products/brand/the-cacao/assets/img/kohaku-ganache/buy_bg.png") no-repeat top center/cover;
    left: max((100% - 1088px) / 2 - 6%, -6%);
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy__inner {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy__contents {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy__heading {
    font-size: 22px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy__button {
    margin-top: 20px;
    font-size: 20px;
    width: clamp(0px,40.1142857143vw,416px);
    height: 80px;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-buy__button::after {
    width: 20px;
    position: absolute;
    right: 9.5%;
    top: 50%;
    translate: 0 -50%;
  }
}
@media (max-width: 767px) {
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup {
    margin-top: calc(60 / var(--tc_SpDesign) * 100vw);
    padding-inline: 0;
  }
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__inner {
    padding: calc(64 / var(--tc_SpDesign) * 100vw) var(--tc_sidePaddingSp1);
  }
}
@media (min-width: 1024px) {
  .the-cacao .the-cacao-kohaku-ganache .kohaku-lineup__panel__composition {
    bottom: 0;
  }
}