@charset "UTF-8";
.b-kv {
  width: 100%;
}
.b-kv-title {
  width: 100%;
}

.b-about {
  position: relative;
  padding: calc(8 * var(--fs-unit)) 0 calc(68 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-about {
    padding: calc(35 * var(--fs-unit)) 0 calc(215 * var(--fs-unit)) 0;
  }
}
.b-about::after {
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: calc(12 * var(--fs-unit));
  background: linear-gradient(90deg, #e17ed6 0%, #ff8fa8 100%);
  content: "";
}
@media screen and (min-width: 1920px) {
  .b-about::after {
    max-width: 1440px;
  }
}
.b-about-arch {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: calc(-45 * var(--fs-unit));
  left: 0;
}
@media screen and (min-width: 767px) {
  .b-about-arch {
    top: calc(-65 * 1 / 1440 * 100vw);
  }
}
.b-about-arch svg {
  display: block;
  width: 100%;
  height: calc(45 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-about-arch svg {
    height: calc(65 * 1 / 1440 * 100vw);
  }
}
.b-about-bgimg {
  position: absolute;
  top: calc(-45 * var(--fs-unit));
  left: 0;
  width: 100%;
  z-index: 3;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-about-bgimg {
    top: calc(-65 * 1 / 1440 * 100vw);
  }
}
.b-about-bgstar-01 {
  width: calc(134 * var(--fs-unit));
  position: absolute;
  top: calc(573 * var(--fs-unit));
  right: calc(207 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(9.5px);
}
.b-about-bgstar-02 {
  width: calc(306 * var(--fs-unit));
  position: absolute;
  top: calc(668 * var(--fs-unit));
  right: calc(-31 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(22px);
}
.b-about-container {
  position: relative;
  width: 100%;
  z-index: 3;
}
@media screen and (min-width: 1920px) {
  .b-about-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.b-about-title-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 * var(--fs-unit));
  margin: 0 0 calc(16 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-about-title-wrap {
    gap: calc(16 * var(--fs-unit));
    margin: 0 0 calc(0 * var(--fs-unit)) 0;
  }
}
.b-about-title {
  display: flex;
  justify-content: center;
  background: linear-gradient(96deg, #e17ed6 3.5%, #ff8fa8 99.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(30 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-about-title {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(48 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-about-title-star {
  width: calc(25 * var(--fs-unit));
  margin: 0 0 calc(5 * var(--fs-unit)) 0;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-about-title-star {
    width: calc(40 * var(--fs-unit));
  }
}
.b-about-title-date {
  width: calc(210 * var(--fs-unit));
  margin: 0 auto 0 auto;
}
@media screen and (min-width: 767px) {
  .b-about-title-date {
    width: calc(322 * var(--fs-unit));
  }
}
.b-about-date {
  width: calc(217 * var(--fs-unit));
  margin: calc(10 * var(--fs-unit)) auto calc(26 * var(--fs-unit)) auto;
  color: #fa6bac;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-about-date {
    width: calc(253 * var(--fs-unit));
    margin: calc(3 * var(--fs-unit)) auto calc(36 * var(--fs-unit)) auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(14 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-about-price {
  text-align: center;
  color: #fa6bac;
  margin: 0 0 calc(11 * var(--fs-unit)) 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-about-price {
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}
.b-about-price span {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(14 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-about-price span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
}
.b-about-decorate-heart {
  width: calc(88 * var(--fs-unit));
  margin: 0 auto calc(35 * var(--fs-unit)) auto;
  pointer-events: none;
}
.b-about-catchphrase {
  margin: 0 0 calc(8 * var(--fs-unit)) 0;
  color: #fa6bac;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(26 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-about-catchphrase {
    margin: calc(49 * var(--fs-unit)) 0 calc(24 * var(--fs-unit)) 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(32 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-about-catchphrase-text {
  margin: 0 0 calc(25 * var(--fs-unit)) 0;
  color: #fa6bac;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 * var(--fs-unit));
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-about-catchphrase-text {
    margin: 0 0 calc(43 * var(--fs-unit)) 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.b-about-decorate-star {
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--fs-unit));
}
.b-about-decorate-star-item {
  width: calc(25 * var(--fs-unit));
  height: calc(25 * var(--fs-unit));
  pointer-events: none;
}
.b-about-description {
  margin: calc(23 * var(--fs-unit)) 0 calc(19 * var(--fs-unit)) 0;
  color: #fa6bac;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(26 * var(--fs-unit));
  line-height: 1.6;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-about-description {
    margin: calc(43 * var(--fs-unit)) 0 calc(27 * var(--fs-unit)) 0;
    padding: 0 calc(100 * var(--fs-unit)) 0 calc(100 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(32 * var(--fs-unit));
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-about-description span {
  margin: 0 calc(6 * var(--fs-unit)) 0 0;
  padding: calc(1 * var(--fs-unit)) calc(7 * var(--fs-unit)) calc(3 * var(--fs-unit)) calc(7 * var(--fs-unit));
  color: #fff;
  background: linear-gradient(96deg, #e17ed6 3.5%, #ff8fa8 99.09%);
}
.b-about-speech-bubble {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble {
    flex-direction: row;
    overflow: visible;
  }
  .b-about-speech-bubble::after {
    position: absolute;
    content: "";
    top: calc(-564 * var(--fs-unit));
    left: calc(-836 * var(--fs-unit));
    width: calc(2142 * var(--fs-unit));
    height: calc(1628 * var(--fs-unit));
    border-radius: 50%;
    background-color: #e9579a;
    z-index: -1;
    -webkit-mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
    mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
  }
}
.b-about-speech-bubble-number {
  position: absolute;
  top: calc(13 * var(--fs-unit));
  left: calc(69 * var(--fs-unit));
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 0 0;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(20 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble-number {
    top: calc(17 * var(--fs-unit));
    left: calc(25 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(26 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-about-speech-bubble-number span {
  font-size: 0.5em;
}
.b-about-speech-bubble-txt {
  position: absolute;
  top: calc(43 * var(--fs-unit));
  left: 50%;
  padding: calc(4 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(22 * var(--fs-unit));
  width: max-content;
  color: #fa6bac;
  text-align: center;
  transform: translateX(-50%);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble-txt {
    top: calc(48 * var(--fs-unit));
    padding: calc(15 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(15 * var(--fs-unit)) calc(17 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
.b-about-speech-bubble-bg {
  width: calc(293 * var(--fs-unit));
  margin: 0 auto 0 auto;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble-bg {
    width: calc(380 * var(--fs-unit));
  }
}
.b-about-speech-bubble-star {
  position: absolute;
  bottom: calc(50 * var(--fs-unit));
  left: calc(30 * var(--fs-unit));
  width: calc(41 * var(--fs-unit));
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble-star {
    bottom: calc(-90 * var(--fs-unit));
    left: calc(330 * var(--fs-unit));
  }
}
.b-about-speech-bubble-star-2 {
  position: absolute;
  bottom: calc(-70 * var(--fs-unit));
  left: calc(510 * var(--fs-unit));
  width: calc(32 * var(--fs-unit));
  pointer-events: none;
}
.b-about-speech-bubble-wrap {
  position: relative;
}
.b-about-speech-bubble-wrap.is-01 {
  transform: translateX(calc(-26 * var(--fs-unit))) rotate(357deg);
}
.b-about-speech-bubble-wrap.is-02 {
  transform: translateX(calc(27 * var(--fs-unit))) translateY(calc(-10 * var(--fs-unit))) rotate(3deg);
}
@media screen and (min-width: 767px) {
  .b-about-speech-bubble-wrap.is-01 {
    transform: translateX(calc(-3 * var(--fs-unit))) translateY(calc(21 * var(--fs-unit))) rotate(-6deg);
  }
  .b-about-speech-bubble-wrap.is-02 {
    transform: translateX(calc(-5 * var(--fs-unit))) translateY(calc(64 * var(--fs-unit))) rotate(5deg);
  }
}

.b-items {
  position: relative;
  z-index: 3;
  padding: calc(50 * var(--fs-unit)) 0 calc(68 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-items {
    padding: calc(112 * var(--fs-unit)) calc(220 * var(--fs-unit)) calc(130 * var(--fs-unit)) calc(220 * var(--fs-unit));
  }
}
@media screen and (min-width: 1920px) {
  .b-items {
    margin: 0 auto;
    max-width: 1440px;
  }
}
.b-items::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(12 * var(--fs-unit));
  background: #ffa097;
  content: "";
}
.b-items-bgimg {
  position: absolute;
  top: calc(1404 * var(--fs-unit));
  left: 0;
  width: 100%;
  height: calc(5332 * var(--fs-unit));
  z-index: -10;
  pointer-events: none;
}
.b-items-bgtitle {
  margin: 0 0 0 0;
  position: absolute;
  top: calc(53 * var(--fs-unit));
  right: 0;
  color: #fa6bac;
  opacity: 0.16;
  writing-mode: vertical-rl;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(100 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-items-bgtitle {
    top: calc(68 * var(--fs-unit));
    right: calc(171 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(120 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-items-link {
  width: calc(121 * var(--fs-unit));
  margin: calc(60 * var(--fs-unit)) auto 0 auto;
}
.b-items-link .c-link {
  font-family: "jins_next_ttlight";
  font-size: calc(14 * var(--fs-unit));
  line-height: 180%;
  padding: calc(12 * var(--fs-unit)) 0 calc(10 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-items-link {
    width: calc(129 * var(--fs-unit));
    font-size: calc(16 * var(--fs-unit));
  }
}

.b-item:not(:last-of-type) {
  padding: 0 0 calc(75 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-item:not(:last-of-type) {
    padding: 0 0 calc(108 * var(--fs-unit)) 0;
  }
}
@media screen and (min-width: 767px) {
  .b-item-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (min-width: 767px) {
  .b-item-inner {
    width: calc(531 * var(--fs-unit));
  }
}
.b-item-image-wrap {
  position: relative;
  width: 100%;
  margin: calc(13 * var(--fs-unit)) 0 calc(9 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-item-image-wrap {
    width: max-content;
    margin: calc(-13 * var(--fs-unit)) 0 0 0;
  }
}
.b-item-image {
  width: calc(353 * var(--fs-unit));
  margin: 0 auto 0 auto;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-item-image {
    width: calc(388 * var(--fs-unit));
  }
}
@media screen and (min-width: 767px) {
  .b-item-bg {
    position: relative;
    z-index: -1;
  }
  .b-item-bg::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(2142 * var(--fs-unit));
    height: calc(1628 * var(--fs-unit));
    border-radius: 50%;
    background-color: rgba(233, 87, 154, 0.85);
    -webkit-mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
    mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
  }
  .b-item-bg.is-0::after {
    top: calc(-447 * var(--fs-unit));
    left: calc(59 * var(--fs-unit));
  }
  .b-item-bg.is-1::after {
    top: calc(-374 * var(--fs-unit));
    left: calc(-1170 * var(--fs-unit));
  }
  .b-item-bg.is-2::after {
    top: calc(-518 * var(--fs-unit));
    left: calc(39 * var(--fs-unit));
  }
  .b-item-bg.is-3::after {
    top: calc(-708 * var(--fs-unit));
    left: calc(-1091 * var(--fs-unit));
  }
}
.b-item-products {
  margin: calc(38 * var(--fs-unit)) 0 0 0;
}
@media screen and not (min-width: 767px) {
  .b-item-products[data-count="1"] .embla__container {
    justify-content: center;
  }
}
@media screen and (min-width: 767px) {
  .b-item-products {
    margin: calc(40 * var(--fs-unit)) 0 0 0;
  }
}
.b-item-products .embla__viewport {
  overflow: hidden;
  padding: calc(12 * var(--fs-unit)) 0 calc(12 * var(--fs-unit)) 0;
  margin: calc(-12 * var(--fs-unit)) 0 calc(-12 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-item-products .embla__viewport {
    overflow: visible;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }
}
.b-item-products .embla__container {
  display: flex;
}
@media screen and (min-width: 767px) {
  .b-item-products .embla__container {
    justify-content: center;
    gap: calc(20 * var(--fs-unit));
  }
}
.b-item-products .embla__slide {
  display: flex;
  min-width: 0;
}
@media screen and not (min-width: 767px) {
  .b-item-products .embla__slide {
    flex: 0 0 calc(320 * var(--fs-unit));
    box-sizing: border-box;
    padding: 0 calc(10 * var(--fs-unit)) 0 calc(10 * var(--fs-unit));
  }
}
@media screen and (min-width: 767px) {
  .b-item-products .embla__slide {
    flex: 0 0 calc(320 * var(--fs-unit));
  }
}

.b-recommend {
  padding: calc(45 * var(--fs-unit)) calc(20 * var(--fs-unit)) calc(56 * var(--fs-unit)) calc(20 * var(--fs-unit));
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 767px) {
  .b-recommend {
    padding: calc(112 * var(--fs-unit)) calc(220 * var(--fs-unit)) calc(120 * var(--fs-unit)) calc(220 * var(--fs-unit));
  }
  .b-recommend::after {
    position: absolute;
    z-index: -1;
    content: "";
    top: calc(155 * var(--fs-unit));
    left: calc(662 * var(--fs-unit));
    width: calc(1000 * var(--fs-unit));
    height: calc(1000 * var(--fs-unit));
    aspect-ratio: 1/1;
    border-radius: calc(1000 * var(--fs-unit));
    border: 1px solid #000;
    opacity: 0.3;
    background: conic-gradient(from 180deg at 50% 50%, #ffa097 0deg, #ffa097 180deg, #ffcc76 360deg);
    filter: blur(100px);
  }
}
@media screen and (min-width: 1920px) {
  .b-recommend {
    margin: 0 auto;
    max-width: 1440px;
  }
}
.b-recommend-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1681 * var(--fs-unit));
  z-index: -10;
  pointer-events: none;
}
.b-recommend-bgstar-01 {
  width: calc(134 * var(--fs-unit));
  position: absolute;
  top: calc(804 * var(--fs-unit));
  left: calc(273 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(10px);
}
.b-recommend-bgstar-02 {
  width: calc(306 * var(--fs-unit));
  position: absolute;
  top: calc(571 * var(--fs-unit));
  left: calc(39 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(10px);
}
.b-recommend-container {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .b-recommend-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(40 * var(--fs-unit));
  }
}
.b-recommend-title {
  margin: 0 0 calc(4 * var(--fs-unit)) 0;
  color: transparent;
  background: linear-gradient(93deg, #ffa097 32.87%, #ffcc76 114.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(48 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-recommend-title {
    margin: 0 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(60 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-recommend-hashtag {
  margin: 0 0 calc(30 * var(--fs-unit)) 0;
  color: #ffa097;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(28 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 900;
}
@media screen and (min-width: 767px) {
  .b-recommend-hashtag {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(35 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.b-recommend-image {
  width: calc(353 * var(--fs-unit));
  margin: 0 auto 0 auto;
  pointer-events: none;
}
.b-recommend-description {
  position: relative;
  display: flex;
  gap: calc(55 * var(--fs-unit));
  margin: calc(14 * var(--fs-unit)) 0 0 0;
  padding: calc(13.5 * var(--fs-unit)) calc(44.5 * var(--fs-unit)) calc(13.5 * var(--fs-unit)) calc(44.5 * var(--fs-unit));
  border-radius: calc(90 * var(--fs-unit));
  background-color: #fff;
}
@media screen and (min-width: 767px) {
  .b-recommend-description {
    width: calc(607 * var(--fs-unit));
    margin: calc(40 * var(--fs-unit)) 0 0 0;
    padding: calc(17 * var(--fs-unit)) calc(38 * var(--fs-unit)) calc(17 * var(--fs-unit)) calc(38 * var(--fs-unit));
  }
}
.b-recommend-description-line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(18 * var(--fs-unit));
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.b-recommend-description-wrapper.left {
  margin: auto 0;
}
@media screen and not (min-width: 767px) {
  .b-recommend-description-wrapper.left {
    flex-shrink: 0;
    width: calc(100 * var(--fs-unit));
  }
}
@media screen and (min-width: 767px) {
  .b-recommend-description-wrapper.left {
    width: calc(236 * var(--fs-unit));
  }
}
@media screen and not (min-width: 767px) {
  .b-recommend-description-wrapper.right {
    flex: 1;
  }
}
@media screen and (min-width: 767px) {
  .b-recommend-description-wrapper.right {
    width: calc(236 * var(--fs-unit));
  }
}
.b-recommend-description-img-01 {
  width: calc(83 * var(--fs-unit));
  margin: 0 auto 0 auto;
  pointer-events: none;
}
.b-recommend-description-img-02 {
  width: calc(66 * var(--fs-unit));
  margin: 0 auto 0 auto;
  pointer-events: none;
}
.b-recommend-description-txt {
  margin: 0 0 0 0;
  color: #ffa097;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-recommend-description-txt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-recommend-description-txt span {
  color: #4f4f4f;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(9 * var(--fs-unit));
  line-height: 1.3;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-recommend-description-txt span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(14 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.b-recommend-decorate-polygon {
  width: calc(32 * var(--fs-unit));
  margin: calc(5 * var(--fs-unit)) auto calc(12 * var(--fs-unit)) auto;
}
.b-recommend-point {
  padding: calc(36 * var(--fs-unit)) 0 calc(32 * var(--fs-unit)) 0;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 767px) {
  .b-recommend-point {
    padding: calc(24 * var(--fs-unit)) 0 calc(24 * var(--fs-unit)) 0;
  }
}
.b-recommend-point-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(353 * var(--fs-unit));
  height: calc(145 * var(--fs-unit));
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 767px) {
  .b-recommend-point-bg {
    display: block;
    width: calc(606 * var(--fs-unit));
    height: calc(156 * var(--fs-unit));
  }
}
.b-recommend-point-txt {
  margin: 0 0 calc(10 * var(--fs-unit)) 0;
  color: #ffa097;
  position: relative;
  z-index: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-recommend-point-txt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(24 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-recommend-point-subtxt {
  margin: 0 0 0 0;
  color: #ffa097;
  position: relative;
  z-index: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-recommend-point-subtxt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-recommend-product {
  width: calc(300 * var(--fs-unit));
  margin: calc(40 * var(--fs-unit)) auto 0 auto;
  padding: calc(16 * var(--fs-unit)) calc(27 * var(--fs-unit)) calc(27 * var(--fs-unit)) calc(27 * var(--fs-unit));
  background: #fff;
  box-shadow: 0 0 calc(12 * var(--fs-unit)) 0 rgba(233, 87, 154, 0.24);
}
@media screen and (min-width: 767px) {
  .b-recommend-product {
    width: calc(607 * var(--fs-unit));
    margin: calc(40 * var(--fs-unit)) 0 0 0;
  }
}
.b-recommend-product-title {
  margin: 0 0 calc(20 * var(--fs-unit)) 0;
  color: #4d4d4d;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-recommend-product-title {
    margin: 0 0 calc(15 * var(--fs-unit)) 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .b-recommend-product-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(20 * var(--fs-unit));
  }
}
.b-recommend-product-image {
  width: 100%;
  margin: 0 0 calc(23 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-recommend-product-image {
    flex-shrink: 0;
    width: calc(246 * var(--fs-unit));
    margin: 0 0 0 0;
  }
}
.b-recommend-product-frame, .b-recommend-product-color, .b-recommend-product-lens {
  margin: 0;
  color: #4d4d4d;
  text-align: center;
  font-family: "jins_next_ttregular";
  font-size: calc(12 * var(--fs-unit));
  line-height: calc(18 * var(--fs-unit));
  white-space: nowrap;
}
.b-recommend-product-frame span, .b-recommend-product-color span, .b-recommend-product-lens span {
  color: #fa6bac;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-recommend-product-frame span, .b-recommend-product-color span, .b-recommend-product-lens span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(12 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.b-recommend-product-button {
  display: flex;
  justify-content: center;
  margin: calc(4 * var(--fs-unit)) 0 0 0;
}
@media screen and (min-width: 767px) {
  .b-recommend-product-button {
    margin: calc(10 * var(--fs-unit)) 0 0 0;
  }
}
.b-recommend-product-button .c-link {
  background-color: #ffa097;
}
.b-recommend-product-note {
  position: relative;
  margin: calc(12 * var(--fs-unit)) 0 0 0;
  padding: 0 0 0 1em;
  color: #888;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 400;
}
.b-recommend-product-note::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0 calc(4 * var(--fs-unit)) 0 0;
  content: "※";
}

@media screen and (min-width: 1920px) {
  .b-customlens {
    margin: 0 auto;
    max-width: 1440px;
  }
}
.b-customlens-container {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: calc(40 * var(--fs-unit)) calc(20 * var(--fs-unit)) calc(40 * var(--fs-unit)) calc(20 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-customlens-container {
    padding: calc(60 * var(--fs-unit)) 0 calc(60 * var(--fs-unit)) 0;
  }
}
.b-customlens-container-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-customlens-container-bgimg {
    height: calc(570 * var(--fs-unit));
  }
}
.b-customlens-title {
  width: calc(283 * var(--fs-unit));
  margin: 0 auto 0 auto;
}
@media screen and (min-width: 767px) {
  .b-customlens-title {
    width: calc(345 * var(--fs-unit));
  }
}
.b-customlens-text {
  margin: 0 0 calc(18 * var(--fs-unit)) 0;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1.4;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .b-customlens-text {
    margin: calc(17 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}
.b-customlens-subtext {
  margin: calc(25 * var(--fs-unit)) 0 0 0;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-customlens-subtext {
    margin: calc(38 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}
.b-customlens-mintext {
  margin: calc(30 * var(--fs-unit)) 0 0 0;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-customlens-mintext {
    margin: calc(25 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}
.b-customlens-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(50 * var(--fs-unit));
  margin: calc(40 * var(--fs-unit)) 0 0 0;
}
@media screen and (min-width: 767px) {
  .b-customlens-wrap {
    gap: calc(72 * var(--fs-unit));
    margin: calc(35 * var(--fs-unit)) 0 0 0;
  }
}
.b-customlens-wrap::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: calc(32 * var(--fs-unit));
  height: calc(32 * var(--fs-unit));
  background-color: #ffcc76;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.b-customlens-wrap::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  width: calc(12 * var(--fs-unit));
  height: calc(12 * var(--fs-unit));
  background: linear-gradient(#fff 0 0) center/100% calc(2 * var(--fs-unit)) no-repeat, linear-gradient(#fff 0 0) center/calc(2 * var(--fs-unit)) 100% no-repeat;
  transform: translate(-50%, -50%);
  border-radius: calc(10 * var(--fs-unit));
  content: "";
}
.b-customlens-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(5 * var(--fs-unit));
}
@media screen and not (min-width: 767px) {
  .b-customlens-item {
    flex: 1;
  }
}
@media screen and (min-width: 767px) {
  .b-customlens-item {
    width: calc(160 * var(--fs-unit));
  }
}
.b-customlens-item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: calc(150 * var(--fs-unit));
  height: calc(150 * var(--fs-unit));
  background-color: #fff;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  content: "";
}
@media screen and (min-width: 767px) {
  .b-customlens-item::before {
    width: calc(160 * var(--fs-unit));
    height: calc(160 * var(--fs-unit));
  }
}
.b-customlens-item-image {
  pointer-events: none;
}
.b-customlens-item-image.is-01 {
  width: calc(147 * var(--fs-unit));
}
.b-customlens-item-image.is-02 {
  width: calc(68 * var(--fs-unit));
}
.b-customlens-item-text {
  margin: calc(10 * var(--fs-unit)) 0 0 0;
  color: #4d4d4d;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(10 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .b-customlens-item-text {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(12.5 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.b-customlens-button-wrap {
  margin: calc(10 * var(--fs-unit)) 0 0 0;
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-customlens-button-wrap {
    margin: calc(15 * var(--fs-unit)) 0 0 0;
    gap: calc(20 * var(--fs-unit));
  }
}
.b-customlens-button {
  display: block;
  width: calc(154 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-customlens-button {
    width: calc(172 * var(--fs-unit));
  }
}

.b-profile {
  padding: calc(78 * var(--fs-unit)) 0 calc(60 * var(--fs-unit));
  position: relative;
}
@media screen and (min-width: 767px) {
  .b-profile {
    padding: calc(110 * var(--fs-unit)) 0 calc(111 * var(--fs-unit));
  }
  .b-profile::before {
    position: absolute;
    content: "";
    top: calc(-704 * var(--fs-unit));
    left: calc(-836 * var(--fs-unit));
    width: calc(2142 * var(--fs-unit));
    height: calc(1628 * var(--fs-unit));
    border-radius: 50%;
    background-color: #e9579a;
    z-index: -1;
    -webkit-mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
    mask-image: radial-gradient(circle, black calc(50% - 2100 * var(--fs-unit)), transparent 50%);
  }
  .b-profile::after {
    position: absolute;
    content: "";
    bottom: calc(0 * var(--fs-unit));
    right: calc(-576 * var(--fs-unit));
    width: calc(1542 * var(--fs-unit));
    height: calc(1028 * var(--fs-unit));
    border-radius: 50%;
    background-color: #e9579a;
    z-index: -1;
    -webkit-mask-image: radial-gradient(circle, black calc(50% - 900 * var(--fs-unit)), transparent 50%);
    mask-image: radial-gradient(circle, black calc(50% - 900 * var(--fs-unit)), transparent 50%);
  }
}
@media screen and (min-width: 1920px) {
  .b-profile {
    margin: 0 auto;
    max-width: 1440px;
  }
}
.b-profile-bgimg {
  position: absolute;
  top: calc(-22 * var(--fs-unit));
  left: 0;
  width: 100%;
  height: calc(1628 * var(--fs-unit));
  z-index: -10;
  pointer-events: none;
}
.b-profile-bgtitle {
  margin: 0 0 0 0;
  position: absolute;
  top: calc(53 * var(--fs-unit));
  right: 0;
  color: #fa6bac;
  opacity: 0.16;
  writing-mode: vertical-rl;
  z-index: -1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(100 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-profile-bgtitle {
    top: calc(96 * var(--fs-unit));
    right: calc(198 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(100 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-profile-bgstar-01 {
  width: calc(132 * var(--fs-unit));
  position: absolute;
  top: calc(208 * var(--fs-unit));
  left: calc(83 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(9.5px);
}
.b-profile-bgstar-02 {
  width: calc(68 * var(--fs-unit));
  position: absolute;
  top: calc(358 * var(--fs-unit));
  left: calc(213 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(5px);
}
.b-profile-bgstar-03 {
  width: calc(132 * var(--fs-unit));
  position: absolute;
  top: calc(2 * var(--fs-unit));
  right: calc(355 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(9.5px);
}
.b-profile-bgstar-04 {
  width: calc(203 * var(--fs-unit));
  position: absolute;
  top: calc(231 * var(--fs-unit));
  right: calc(9 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(10px);
}
.b-profile-bgstar-05 {
  width: calc(115 * var(--fs-unit));
  position: absolute;
  bottom: calc(341 * var(--fs-unit));
  left: calc(79 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(7px);
}
.b-profile-bgstar-06 {
  width: calc(93 * var(--fs-unit));
  position: absolute;
  bottom: calc(51 * var(--fs-unit));
  right: calc(246 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(6px);
}
.b-profile-bgstar-07 {
  width: calc(208 * var(--fs-unit));
  position: absolute;
  bottom: calc(61 * var(--fs-unit));
  right: calc(49 * var(--fs-unit));
  z-index: 4;
  pointer-events: none;
  filter: blur(10px);
}
.b-profile-container {
  width: 100%;
}
.b-profile-title-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 * var(--fs-unit));
  margin: 0 0 0 0;
}
@media screen and (min-width: 767px) {
  .b-profile-title-wrap {
    gap: calc(8 * var(--fs-unit));
  }
}
.b-profile-title {
  background: linear-gradient(90deg, #e17ed6 0%, #ff8fa8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  display: flex;
  justify-content: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(38 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-profile-title {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(38 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-profile-title-star {
  width: calc(25 * var(--fs-unit));
  pointer-events: none;
}
.b-profile-title.is-small {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(24 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-profile-title.is-small {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(24 * var(--fs-unit));
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-profile-movie-wraper {
  padding: calc(12 * var(--fs-unit)) 0 calc(12 * var(--fs-unit)) 0;
  width: calc(355 * var(--fs-unit));
  display: flex;
  justify-content: center;
  margin: calc(9 * var(--fs-unit)) auto calc(62 * var(--fs-unit));
  background: rgba(255, 255, 255, 0.4);
  border-radius: calc(20 * var(--fs-unit));
  border: calc(3 * var(--fs-unit)) solid #fff;
}
@media screen and (min-width: 767px) {
  .b-profile-movie-wraper {
    padding: calc(12 * var(--fs-unit)) 0 calc(12 * var(--fs-unit)) 0;
    margin: calc(17 * var(--fs-unit)) auto calc(74 * var(--fs-unit)) auto;
    width: calc(557 * var(--fs-unit));
  }
}
.b-profile-movie {
  width: calc(330 * var(--fs-unit));
  aspect-ratio: 16/9;
  position: relative;
  border-radius: calc(12.51 * var(--fs-unit));
  overflow: hidden;
  outline: calc(3 * var(--fs-unit)) solid #fff;
  outline-offset: -1px;
}
@media screen and (min-width: 767px) {
  .b-profile-movie {
    width: calc(520 * var(--fs-unit));
    border-radius: calc(20 * var(--fs-unit));
  }
}
.b-profile-movie.is-comming-soon {
  outline: none;
  pointer-events: none;
}
.b-profile-movie iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.b-profile-movie.is-playing .b-profile-movie-thumbnail {
  opacity: 0;
  pointer-events: none;
}
.b-profile-movie-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.b-profile-image {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.b-profile-image-decorator {
  width: calc(16 * var(--fs-unit));
  height: calc(16 * var(--fs-unit));
  position: absolute;
  bottom: calc(3 * var(--fs-unit));
  right: calc(3 * var(--fs-unit));
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 50%;
  transition: transform 0.1s ease;
}
@media screen and (min-width: 767px) {
  .b-profile-image-decorator {
    width: calc(20 * var(--fs-unit));
    height: calc(20 * var(--fs-unit));
  }
}
.b-profile-image-decorator:active {
  transform: scale(0.92);
}
.b-profile-image-decorator::before, .b-profile-image-decorator::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 25%;
  width: 50%;
  height: calc(2 * var(--fs-unit));
  background-color: #fff;
  border-radius: calc(1 * var(--fs-unit));
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.b-profile-image-decorator::before {
  transform: rotate(0deg);
}
.b-profile-image-decorator::after {
  transform: rotate(90deg);
}
.b-profile-image-decorator.is-active::before {
  transform: rotate(180deg);
}
.b-profile-image-decorator.is-active::after {
  transform: rotate(180deg);
  opacity: 0;
}
.b-profile-carousel {
  margin-top: calc(11 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-profile-carousel {
    margin-top: calc(22 * var(--fs-unit));
  }
}
.b-profile-carousel .embla__viewport {
  overflow: hidden;
  padding: calc(12 * var(--fs-unit)) 0;
  margin: calc(-12 * var(--fs-unit)) 0;
}
@media screen and (min-width: 767px) {
  .b-profile-carousel .embla__viewport {
    padding: calc(17 * var(--fs-unit)) 0;
  }
}
.b-profile-carousel .embla__container {
  display: flex;
}
.b-profile-carousel .embla__slide {
  min-width: 0;
  display: flex;
  flex: 0 0 calc(132 * var(--fs-unit));
  padding: 0 calc(6 * var(--fs-unit));
  box-sizing: border-box;
}
@media screen and (min-width: 767px) {
  .b-profile-carousel .embla__slide {
    flex: 0 0 calc(172 * var(--fs-unit));
    padding: 0 calc(12 * var(--fs-unit));
  }
}
.b-profile-content {
  padding: 0 calc(20 * var(--fs-unit));
  margin-top: calc(84 * var(--fs-unit));
  position: relative;
}
@media screen and (min-width: 767px) {
  .b-profile-content {
    padding: 0;
    margin-top: calc(120 * var(--fs-unit));
    display: flex;
    justify-content: center;
    gap: calc(50 * var(--fs-unit));
  }
}
.b-profile-content-bgtitle {
  margin: 0 0 0 0;
  position: absolute;
  top: calc(-43 * var(--fs-unit));
  left: calc(-19 * var(--fs-unit));
  color: #fa6bac;
  opacity: 0.16;
  writing-mode: vertical-rl;
  z-index: -1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(80 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
}
@media screen and (min-width: 767px) {
  .b-profile-content-bgtitle {
    top: calc(-63 * var(--fs-unit));
    left: calc(164 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(100 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.b-profile-content-img {
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 767px) {
  .b-profile-content-img {
    width: calc(353 * var(--fs-unit));
  }
}
@media screen and (min-width: 767px) {
  .b-profile-content-inner {
    width: calc(597 * var(--fs-unit));
  }
}
.b-profile-content-name {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(24 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
  margin: calc(16 * var(--fs-unit)) 0 0 0;
  color: #e9579a;
}
@media screen and (min-width: 767px) {
  .b-profile-content-name {
    margin: calc(27 * var(--fs-unit)) 0 calc(6 * var(--fs-unit)) 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(26 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-profile-content-name-en {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  color: #e9579a;
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .b-profile-content-name-en {
    gap: calc(25 * var(--fs-unit));
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(14 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.b-profile-content-name-en::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: calc(5 * var(--fs-unit));
  background: radial-gradient(circle, #fa6bac 40%, transparent 45%);
  background-size: calc(9.2 * var(--fs-unit)) calc(5 * var(--fs-unit));
  background-repeat: round;
  z-index: 1;
}
.b-profile-content-text {
  margin: calc(20 * var(--fs-unit)) 0 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(14 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 500;
  color: #e9579a;
}
@media screen and (min-width: 767px) {
  .b-profile-content-text {
    margin: calc(15 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.b-profile-content-button {
  margin: calc(20 * var(--fs-unit)) 0 0 0;
  width: calc(182 * var(--fs-unit));
}
.b-profile-content-button .c-link {
  background-color: #fa6bac;
}
@media screen and (min-width: 767px) {
  .b-profile-content-button {
    width: calc(189 * var(--fs-unit));
  }
}

.c-item-title-container {
  padding: calc(0 * var(--fs-unit)) calc(18 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(18 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .c-item-title-container {
    padding: calc(0 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(0 * var(--fs-unit));
  }
}
.c-item-title-container .c-item-index {
  margin: 0 0 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(60 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Coiny", system-ui;
  display: inline-block;
  background: linear-gradient(90deg, #e17ed6 0%, #ff8fa8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 767px) {
  .c-item-title-container .c-item-index {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(75 * var(--fs-unit));
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: "Coiny", system-ui;
  }
}
.c-item-title-container .c-item-title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(21 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0em;
  font-weight: 900;
  color: #fa6bac;
}
@media screen and (min-width: 767px) {
  .c-item-title-container .c-item-title {
    white-space: nowrap;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(28 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-weight: 900;
  }
}
.c-item-title-container .c-item-title span {
  margin: 0 0.5em 0 calc(-5 * var(--fs-unit));
  padding: calc(0 * var(--fs-unit)) calc(5 * var(--fs-unit)) calc(0 * var(--fs-unit)) calc(5 * var(--fs-unit));
  color: #fff;
  background: linear-gradient(90deg, #e17ed6 0%, #ff8fa8 100%);
}
.c-item-title-container .c-item-title span.is-brackets {
  padding: 0;
}

.c-items-details {
  padding: 0 calc(17 * var(--fs-unit)) 0 calc(17 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .c-items-details {
    padding: 0 0 0 0;
  }
}
.c-items-details-subtitle {
  position: relative;
  margin: 0 0 0 0;
  color: #fa6bac;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(20 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .c-items-details-subtitle {
    padding: 0 0 0 0;
    margin: calc(14 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(25 * var(--fs-unit));
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-weight: 700;
  }
}
.c-items-details-subtitle::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: calc(5 * var(--fs-unit));
  background: radial-gradient(circle, #fa6bac 40%, transparent 45%);
  background-size: calc(9.2 * var(--fs-unit)) calc(5 * var(--fs-unit));
  background-repeat: round;
  z-index: 1;
}
.c-items-details-text {
  margin: calc(10 * var(--fs-unit)) 0 0 0;
  color: #4d4d4d;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .c-items-details-text {
    margin: calc(11 * var(--fs-unit)) 0 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(18 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
  .c-items-details-text .is-linebreaks {
    white-space: nowrap;
  }
}
.c-items-details-hashtag {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--fs-unit));
  margin: calc(20 * var(--fs-unit)) 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}
@media screen and (min-width: 767px) {
  .c-items-details-hashtag {
    gap: calc(8 * var(--fs-unit)) calc(20 * var(--fs-unit));
    margin: calc(20 * var(--fs-unit)) 0 0 0;
  }
}
.c-items-details-hashtag-item {
  margin: 0 0 0 0;
  padding: calc(8 * var(--fs-unit)) calc(12 * var(--fs-unit)) calc(8 * var(--fs-unit)) calc(12 * var(--fs-unit));
  border-radius: calc(50 * var(--fs-unit));
  color: #fa6bac;
  background: rgba(250, 107, 172, 0.08);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--fs-unit));
  line-height: 1.6;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (min-width: 767px) {
  .c-items-details-hashtag-item {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.c-item-product {
  width: 100%;
  padding: calc(16 * var(--fs-unit)) calc(27 * var(--fs-unit)) calc(27 * var(--fs-unit)) calc(27 * var(--fs-unit));
  background: #fff;
  box-shadow: 0 0 calc(12 * var(--fs-unit)) 0 rgba(233, 87, 154, 0.24);
}
@media screen and (min-width: 767px) {
  .c-item-product {
    width: calc(400 * var(--fs-unit));
    padding: calc(20 * var(--fs-unit)) calc(37 * var(--fs-unit)) calc(20 * var(--fs-unit)) calc(37 * var(--fs-unit));
  }
}
.c-item-product-title {
  height: calc(23 * var(--fs-unit));
  margin: 0 0 calc(20 * var(--fs-unit)) 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 500;
  color: #4d4d4d;
  text-align: center;
}
@media screen and (min-width: 767px) {
  .c-item-product-title {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
.c-item-product-image {
  width: 100%;
  margin: 0 0 calc(17 * var(--fs-unit)) 0;
}
.c-item-product-frame, .c-item-product-color, .c-item-product-lens {
  margin: 0 0 0 0;
  font-family: "jins_next_ttregular";
  font-size: calc(14 * var(--fs-unit));
  color: #4d4d4d;
  line-height: 1.5;
  text-align: center;
}
.c-item-product-link {
  position: relative;
  z-index: 1;
  display: block;
  margin: calc(20 * var(--fs-unit)) auto calc(12 * var(--fs-unit)) auto;
  width: calc(108 * var(--fs-unit));
  height: calc(46 * var(--fs-unit));
  border-radius: 50%;
  font-family: "jins_next_ttlight";
  font-size: calc(14 * var(--fs-unit));
  color: #fff;
  line-height: calc(49 * var(--fs-unit));
  text-decoration: none;
  text-align: center;
  transition: opacity 0.3s ease;
}
.c-item-product-link::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: calc(108 * var(--fs-unit));
  height: calc(46 * var(--fs-unit));
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  background-color: #fa6bac;
}
@media (hover: hover) and (pointer: fine) {
  .c-item-product-link:hover {
    opacity: 0.5;
  }
}
.c-item-product-button {
  display: flex;
  justify-content: center;
  margin: calc(20 * var(--fs-unit)) 0 0 0;
}
.c-item-product-button .c-link {
  background-color: #ffa097;
}
.c-item-product-note {
  position: relative;
  margin: calc(12 * var(--fs-unit)) 0 0 0;
  padding: 0 0 0 1em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
  color: #888;
}
@media screen and (min-width: 767px) {
  .c-item-product-note {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
.c-item-product-note::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0 calc(4 * var(--fs-unit)) 0 0;
  content: "※";
}
.c-item-product .embla__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(2 * var(--fs-unit));
  margin: calc(15 * var(--fs-unit)) 0 0 0;
}
.c-item-product .embla__dot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(16 * var(--fs-unit));
  height: calc(16 * var(--fs-unit));
  padding: 0 0 0 0;
  border: calc(1 * var(--fs-unit)) solid transparent;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.c-item-product .embla__dot-inner {
  display: block;
  width: calc(10 * var(--fs-unit));
  height: calc(10 * var(--fs-unit));
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.embla__dot.is-selected .c-item-product .embla__dot-inner {
  transform: scale(1.1);
}

.c-link {
  display: inline-block;
  width: 100%;
  padding: calc(10 * var(--fs-unit)) 0 calc(10 * var(--fs-unit)) 0;
  border: none;
  border-radius: calc(12 * var(--fs-unit));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(14 * var(--fs-unit));
  line-height: 1.8;
  letter-spacing: 0em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #333333;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 767px) {
  .c-link {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(16 * var(--fs-unit));
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-link:hover {
    opacity: 0.5;
  }
}

.c-modal-profile {
  position: fixed;
  inset: 0;
  z-index: 20001;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}
.c-modal-profile.is-open {
  visibility: visible;
  opacity: 1;
}
.c-modal-profile-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(6px);
  touch-action: none;
}
.c-modal-profile-inner {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 * var(--fs-unit));
}
.c-modal-profile-body {
  overflow-y: auto;
  width: calc(312 * var(--fs-unit));
  max-height: 80dvh;
  padding: calc(20 * var(--fs-unit)) calc(22 * var(--fs-unit)) calc(20 * var(--fs-unit)) calc(22 * var(--fs-unit));
  background-color: #fff;
  overscroll-behavior: contain;
}
.c-modal-profile-close {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
  font: inherit;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(18 * var(--fs-unit));
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  color: #fff;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  appearance: none;
}
.c-modal-profile-close::before, .c-modal-profile-close::after {
  position: absolute;
  top: 50%;
  left: -1em;
  width: calc(20 * var(--fs-unit));
  height: calc(2 * var(--fs-unit));
  border-radius: calc(1 * var(--fs-unit));
  background-color: #fff;
  content: "";
}
.c-modal-profile-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-modal-profile-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-modal-profile-image {
  width: 100%;
  margin: 0 0 calc(20 * var(--fs-unit)) 0;
}
.c-modal-profile-products {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--fs-unit));
}
.c-modal-profile-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-modal-profile-product-id {
  font-family: "jins_next_ttregular";
  font-size: calc(14 * var(--fs-unit));
  color: #4f4f4f;
}
.c-modal-profile-product .c-link {
  width: calc(110 * var(--fs-unit));
  padding: calc(12 * var(--fs-unit)) 0 calc(10 * var(--fs-unit)) 0;
  font-family: "jins_next_ttlight";
  font-size: calc(12 * var(--fs-unit));
  line-height: 180%;
  background-color: #fa6bac;
}

.c-breadcrumb {
  position: absolute;
  top: calc(10 * var(--fs-unit));
  left: calc(20 * var(--fs-unit));
}
@media screen and (min-width: 767px) {
  .c-breadcrumb {
    top: calc(19 * var(--fs-unit));
    left: calc(48 * var(--fs-unit));
  }
}
.c-breadcrumb .c-breadcrumb-list {
  display: flex;
  width: auto;
  gap: calc(7 * var(--fs-unit));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--fs-unit));
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 500;
}
.c-breadcrumb .c-breadcrumb-item {
  color: #000;
  text-decoration: none;
}
.c-breadcrumb .c-breadcrumb-item.is-active {
  color: #808080;
}
.c-breadcrumb .c-breadcrumb-arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 calc(10 * var(--fs-unit));
}
.c-breadcrumb .c-breadcrumb-arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(6 * var(--fs-unit));
  height: calc(6 * var(--fs-unit));
  margin: auto auto auto auto;
  border: 0;
  border-top: solid calc(2 * var(--fs-unit)) #808080;
  border-right: solid calc(2 * var(--fs-unit)) #808080;
  transform: rotate(45deg);
  content: "";
}

.img {
  width: 100%;
  height: auto;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}

@supports (container-type: inline-size) {
  .p-today-for-women {
    container-type: inline-size;
  }
}
.p-today-for-women {
  --fs-unit: calc(1 / 393 * 100vw);
}
@supports (container-type: inline-size) {
  .p-today-for-women {
    --fs-unit: calc(1 / 393 * 100cqw);
  }
}
@media screen and (min-width: 767px) {
  .p-today-for-women {
    --fs-unit: calc(1 / 1440 * 100vw);
  }
  @supports (container-type: inline-size) {
    .p-today-for-women {
      --fs-unit: calc(1 / 1440 * 100cqw);
    }
  }
}
@media screen and (min-width: 1920px) {
  .p-today-for-women {
    --fs-unit: 1px;
  }
}
.p-today-for-women {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 767px) {
  .p-today-for-women {
    overflow-x: hidden;
  }
}
.p-today-for-women-breadcrumb {
  position: relative;
}

@media screen and not (min-width: 767px) {
  .u-is-pc {
    display: none !important;
  }
}

@media screen and (min-width: 767px) {
  .u-is-sp {
    display: none !important;
  }
}