@charset "UTF-8";

#CE260902ribbon {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 480;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #4d3d3d;
  --color-bg: #fbefef;
  --color-rose: #d8aead;
  --color-accent: #d94158;
  --color-light: #fff;
  --font-base: "yu-gothic-pr6n", "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
  --font-display: "kudryashev-d-contrast", "Times New Roman", Times, serif;
  --font-initial: "altesse-std-64pt", "Snell Roundhand", "Apple Chancery", cursive;
  --font-mincho: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --scale-en: 0.85;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --duration-slide: 1.2s;
  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #CE260902ribbon {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #CE260902ribbon {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #CE260902ribbon {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#CE260902ribbon * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#CE260902ribbon img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#CE260902ribbon h1,
#CE260902ribbon h2,
#CE260902ribbon h3,
#CE260902ribbon h4,
#CE260902ribbon h5,
#CE260902ribbon h6,
#CE260902ribbon p {
  margin: 0;
}

#CE260902ribbon picture {
  display: block;
}

#CE260902ribbon button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #CE260902ribbon .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #CE260902ribbon .is-hidden--mobile {
    display: none !important;
  }
}

#CE260902ribbon .lp-deco {
  pointer-events: none;
}

#CE260902ribbon .lp-slider img,
#CE260902ribbon .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

#CE260902ribbon {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* ベースの設定（既存のまま） */
#CE260902ribbon .ani-inview {
  opacity: 0;
  transition: opacity 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 修正：親要素（.is-active）の中にある .ani-inview を動かす */
#CE260902ribbon .is-active .ani-inview {
  opacity: 1;
  transform: translate(0, 0);
}

#CE260902ribbon .ani-inview.is-active {
  opacity: 1;
  transform: translate(0, 0);
}



/* ベースの設定（既存のまま） */
#CE260902ribbon .ani-slide {
  opacity: 0;
  transition: 
    opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
    clip-path 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* 修正：親要素（.is-active）の中にある .ani-slide を動かす */
#CE260902ribbon .is-active .ani-slide {
  opacity: 1;
  clip-path: inset(0);
  
  /* 追加：ani-inviewより遅れて表示させるためのディレイ（秒数はお好みで調整） */
  transition-delay: 0.6s; 
}

#CE260902ribbon .ani-slide.is-active {
  opacity: 1;
  clip-path: inset(0);
  
  /* 追加：ani-inviewより遅れて表示させるためのディレイ（秒数はお好みで調整） */
  transition-delay: 0.6s; 
}

/* スライドの方向（既存のまま） */
#CE260902ribbon .ani-slide--from-left { clip-path: inset(0 100% 0 0); }
#CE260902ribbon .ani-slide--from-right { clip-path: inset(0 0 0 100%); }
#CE260902ribbon .ani-slide--from-top { clip-path: inset(0 0 100% 0); }
#CE260902ribbon .ani-slide--from-bottom { clip-path: inset(100% 0 0 0); }

/* アクセシビリティ（既存のまま＋セレクタ修正） */
@media (prefers-reduced-motion: reduce) {
  #CE260902ribbon .is-active .ani-inview,
  #CE260902ribbon .is-active .ani-slide {
    opacity: 1;
    clip-path: inset(0);
    transition: none;
  }
}

#CE260902ribbon .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #CE260902ribbon .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #CE260902ribbon .lp-layout { display: grid; align-items: start; }
  #CE260902ribbon .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

#CE260902ribbon .lp-layout__primary { overflow-x: clip; }

#CE260902ribbon .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #CE260902ribbon .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

#CE260902ribbon .lp-en {
  display: inline-block;
  transform: scaleX(var(--scale-en));
  transform-origin: left center;
  white-space: nowrap;
}

#CE260902ribbon [data-align="center"],
#CE260902ribbon [data-align="right"] {
  display: flex;
}

#CE260902ribbon [data-align="center"] { justify-content: center; }
#CE260902ribbon [data-align="right"] { justify-content: flex-end; }

#CE260902ribbon [data-align="center"] > .lp-en { transform-origin: center center; }
#CE260902ribbon [data-align="right"] > .lp-en { transform-origin: right center; }

#CE260902ribbon .lp-initial {
  font-family: var(--font-initial);
}

#CE260902ribbon .lp-item {
  display: flow-root;
}
#CE260902ribbon .lp-sticky-block {
  display: flow-root;
}

#CE260902ribbon .lp-sticky-block__base {
  position: sticky;
  top: var(--header-offset, 0px);
}

#CE260902ribbon .lp-sticky-block__overlay {
  position: relative;
  pointer-events: none;
}

#CE260902ribbon .lp-sticky-block__overlay .lp-photo {
  pointer-events: auto;
}

#CE260902ribbon .lp-photo {
  position: relative;
  background-color: var(--color-section-bg, transparent);
}

#CE260902ribbon .lp-photo.bg-white {
  background-color: #fff;
}

#CE260902ribbon .lp-look__title,
#CE260902ribbon .lp-look__name {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.0871;
  pointer-events: none;
}

#CE260902ribbon .lp-lead {
  font-family: var(--font-mincho);
  font-weight: 500;
  font-size: calc(30 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt";
}

#CE260902ribbon .lp-credit {
  font-family: var(--font-display);
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
}

#CE260902ribbon .lp-credit__row {
  display: flex;
  gap: calc(20 * var(--formula));
}

#CE260902ribbon .lp-credit__item .lp-en {
  transform: none;
}

#CE260902ribbon .lp-credit__item {
  display: block;
  width: calc(var(--w) * var(--formula));
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-block: calc(1 * var(--formula)) calc(4 * var(--formula));
}

#CE260902ribbon .lp-slider {
  position: relative;
}

#CE260902ribbon .lp-slider__pager {
  position: static;
  display: flex;
  gap: calc(10 * var(--formula));
  margin-top: calc(25 * var(--formula));
}

/* 修正箇所：ベースのバレットを完全に透明化する */
#CE260902ribbon .lp-slider__pager .swiper-pagination-bullet {
  position: relative;
  width: calc(64 * var(--formula));
  height: calc(4 * var(--formula));
  margin: 0;
  border-radius: 0;
  background: transparent !important;
  opacity: 1 !important;
}

/* 非アクティブ時の背景（薄いバー） */
#CE260902ribbon .lp-slider__pager .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(4 * var(--formula));
  background-color: var(--color-light);
  opacity: 0.4; /* 非アクティブ時の濃さはここで制御しています */
}

/* アクティブ時に伸びるバー（濃いバー） */
#CE260902ribbon .lp-slider__pager .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: calc(4 * var(--formula));
  background-color: var(--color-light);
  z-index: 1;
}

/* アクティブ時のアニメーション実行 */
#CE260902ribbon .lp-slider__pager .swiper-pagination-bullet-active::before {
  animation: progressBar 3.5s linear forwards;
}

/* 修正箇所2：--inset2 の指定を ::after(非アクティブ) と ::before(アクティブ) で分離 */
#CE260902ribbon .lp-slider__pager.lp-slider__pager--inset2 .swiper-pagination-bullet::after {
  background-color: var(--color-text);
  opacity: 0.4 !important;
}

#CE260902ribbon .lp-slider__pager.lp-slider__pager--inset2 .swiper-pagination-bullet::before {
  background-color: var(--color-text);
  opacity: 1 !important; /* アクティブ時のバーは不透明にする */
}

#CE260902ribbon .lp-slider__pager--inset,
#CE260902ribbon .lp-slider__pager--inset2 {
  position: absolute;
  z-index: 2;
  margin-top: 0;
}

#CE260902ribbon .lp-slider--signature-01 .lp-slider__pager,
#CE260902ribbon .lp-slider--signature-02 .lp-slider__pager,
#CE260902ribbon .lp-slider--signature-03 .lp-slider__pager {
  width: calc(138 * var(--formula));
}

/* アニメーションのキーフレーム定義 */
@keyframes progressBar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

#CE260902ribbon .lp-mv {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flow-root;
  padding-bottom: calc(70 * var(--formula));
  background-color: var(--color-rose);
  --color-section-bg: var(--color-rose);
}

#CE260902ribbon .lp-mv__visual {
  margin-top: calc(20 * var(--formula));
}

#CE260902ribbon .lp-mv__lead {
  margin-top: calc(86 * var(--formula));
  font-size: calc(25 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color-light);
  white-space: nowrap;
}

#CE260902ribbon .lp-chapter {
  position: sticky;
  top: 0;
  display: flow-root;
}

#CE260902ribbon .lp-chapter--signature {
  z-index: 2;
  padding-bottom: calc(140 * var(--formula));
  background-color: var(--color-rose);
  --color-section-bg: var(--color-rose);
  color: var(--color-light);
}

#CE260902ribbon .lp-chapter__number {
  width: calc(581 * var(--formula));
}

#CE260902ribbon .lp-chapter__number--signature {
  margin: calc(72 * var(--formula)) 0 0 calc(85 * var(--formula));
}

#CE260902ribbon .lp-look--signature-01 {
  position: relative;
  margin: calc(38 * var(--formula)) 0 0 calc(90 * var(--formula));
  width: calc(660 * var(--formula));
  height: calc(825 * var(--formula));
}

#CE260902ribbon .lp-look--signature-01__photo {
  width: 100%;
}

#CE260902ribbon .lp-look--signature-01__name-01 {
  position: absolute;
  top: calc(604 * var(--formula));
  left: calc(460 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.005em;
  color: var(--color-light);
}

#CE260902ribbon .lp-look--signature-01__name-02 {
  position: absolute;
  top: calc(230 * var(--formula));
  left: calc(-30 * var(--formula));
  width: calc(232 * var(--formula));
}

#CE260902ribbon .lp-look--signature-01__name-02 .lp-initial {
  font-size: calc(100 / 78 * 1em);
}

#CE260902ribbon .lp-lead--signature-01 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(370 * var(--formula)); */
}

#CE260902ribbon .lp-shot--signature-01 {
  margin: calc(74 * var(--formula)) 0 0 calc(15 * var(--formula));
  width: calc(720 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-01 {
  margin-top: calc(51 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-01 .lp-credit__row--01 { margin-left: calc(181 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-01 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(83 * var(--formula)); }

#CE260902ribbon .lp-slider--signature-01 {
  margin: calc(117 * var(--formula)) 0 0 calc(95 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE260902ribbon .lp-slider--signature-02 {
  margin: calc(180 * var(--formula)) 0 0 0;
  width: calc(750 * var(--formula));
}

#CE260902ribbon .lp-slider--signature-02 .lp-slider__pager--inset {
  top: calc(25 * var(--formula));
  left: calc(597 * var(--formula));
}

#CE260902ribbon .lp-lead--signature-02 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(517 * var(--formula)); */
}

#CE260902ribbon .lp-credit--signature-02 {
  margin-top: calc(52 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-02 .lp-credit__row--01 { margin-left: calc(186 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-02 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(85 * var(--formula)); }

#CE260902ribbon .lp-look--signature-02 {
  position: relative;
  margin: calc(159 * var(--formula)) 0 0 calc(15 * var(--formula));
  width: calc(735 * var(--formula));
  height: calc(895 * var(--formula));
}

#CE260902ribbon .lp-look--signature-02__photo {
  position: absolute;
  top: calc(45 * var(--formula));
  left: calc(55 * var(--formula));
  width: calc(680 * var(--formula));
}

#CE260902ribbon .lp-look--signature-02__name-01 {
  position: absolute;
  top: calc(2 * var(--formula));
  left: calc(38 * var(--formula));
  width: calc(82 * var(--formula));
}

#CE260902ribbon .lp-look--signature-02__name-01 .lp-en {
  transform: scaleY(var(--scale-en));
  transform-origin: center top;
}

#CE260902ribbon .lp-look--signature-02__name-01 .lp-initial {
  font-size: calc(105 / 83 * 1em);
}

#CE260902ribbon .lp-lead--signature-03 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(447 * var(--formula)); */
}

#CE260902ribbon .lp-shot--signature-02 {
  margin: calc(74 * var(--formula)) 0 0 0;
  width: calc(600 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-03 {
  margin-top: calc(51 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-03 .lp-credit__row--01 { margin-left: calc(40 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-03 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(40 * var(--formula)); }

#CE260902ribbon .lp-look--signature-03 {
  position: relative;
  margin: calc(179 * var(--formula)) 0 0 calc(15 * var(--formula));
  width: calc(720 * var(--formula));
}

#CE260902ribbon .lp-look--signature-03__photo {
  width: calc(720 * var(--formula));
}

#CE260902ribbon .lp-look--signature-03__pin {
  margin-left: calc(70 * var(--formula));
  width: calc(580 * var(--formula));
  min-height: calc(636 * var(--formula) + var(--header-offset, 0px));
  z-index: 2;
  margin-bottom: calc(65 * var(--formula));
}

#CE260902ribbon .lp-look--signature-03__sub {
  width: calc(580 * var(--formula));
}

#CE260902ribbon .lp-lead--signature-04 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(351 * var(--formula)); */
}

#CE260902ribbon .lp-credit--signature-04 {
  margin-top: calc(52 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-04 .lp-credit__row--01 { margin-left: calc(177 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-04 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(80 * var(--formula)); }

#CE260902ribbon .lp-look--signature-04 {
  position: relative;
  margin-top: calc(179 * var(--formula));
  width: calc(750 * var(--formula));
}

#CE260902ribbon .lp-look--signature-04__name-01 {
  position: absolute;
  top: calc(200 * var(--formula));
  left: calc(465 * var(--formula));
  width: calc(230 * var(--formula));
}

#CE260902ribbon .lp-look--signature-04__name-02 {
  position: absolute;
  top: calc(471 * var(--formula));
  left: calc(15 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.01em;
  color: var(--color-light);
}

#CE260902ribbon .lp-look--signature-04__name-03 {
  position: absolute;
  top: calc(832 * var(--formula));
  left: calc(576 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.01em;
  color: var(--color-light);
}

#CE260902ribbon .lp-shot--signature-03 {
  margin: calc(46 * var(--formula)) 0 0 calc(4 * var(--formula));
  width: calc(730 * var(--formula));
}

#CE260902ribbon .lp-lead--signature-05 {
  margin: calc(72 * var(--formula)) auto 0;
  /* width: calc(427 * var(--formula)); */
}

#CE260902ribbon .lp-credit--signature-05 {
  margin-top: calc(52 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-05 .lp-credit__row--01 { margin-left: calc(171 * var(--formula)); }

#CE260902ribbon .lp-look--signature-05 {
  position: relative;
  margin: calc(166 * var(--formula)) auto 0;
  width: calc(700 * var(--formula));
  height: calc(990 * var(--formula));
}

#CE260902ribbon .lp-look--signature-05__name-01 {
  width: calc(526 * var(--formula));
  margin: 0 auto;
}

#CE260902ribbon .lp-look--signature-05__name-01 .lp-initial {
  font-size: calc(100 / 78 * 1em);
}

#CE260902ribbon .lp-look--signature-05__photo {
  width: calc(700 * var(--formula));
  margin: calc(10 * var(--formula)) auto 0;
}

#CE260902ribbon .lp-look--signature-06 {
  position: relative;
  margin: calc(5 * var(--formula)) auto 0;
  width: calc(700 * var(--formula));
}

#CE260902ribbon .lp-look--signature-06__label {
  position: absolute;
  top: calc(25 * var(--formula));
  left: calc(25 * var(--formula));
  width: calc(184 * var(--formula));
  z-index: 2;
}

#CE260902ribbon .lp-lead--signature-06 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(329 * var(--formula)); */
}

#CE260902ribbon .lp-credit--signature-06 {
  margin-top: calc(52 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-06 .lp-credit__row--01 { margin-left: calc(161 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-06 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(187 * var(--formula)); }

#CE260902ribbon .lp-slider--signature-03 {
  margin: calc(159 * var(--formula)) 0 0 0;
  width: calc(700 * var(--formula));
}

#CE260902ribbon .lp-slider--signature-03 .lp-slider__pager {
  margin-left: calc(35 * var(--formula));
}

#CE260902ribbon .lp-slider--signature-03__label {
  position: absolute;
  top: calc(25 * var(--formula));
  left: calc(491 * var(--formula));
  width: calc(184 * var(--formula));
  z-index: 2;
}

#CE260902ribbon .lp-lead--signature-07 {
  margin: calc(68 * var(--formula)) auto 0;
  /* width: calc(406 * var(--formula)); */
}

#CE260902ribbon .lp-shot--signature-04 {
  margin: calc(75 * var(--formula)) 0 0 calc(130 * var(--formula));
  width: calc(620 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-07 {
  margin-top: calc(51 * var(--formula));
}

#CE260902ribbon .lp-credit--signature-07 .lp-credit__row--01 { margin-left: calc(130 * var(--formula)); }
#CE260902ribbon .lp-credit--signature-07 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(130 * var(--formula)); }

#CE260902ribbon .lp-look__name--vertical {
  writing-mode: vertical-rl;
  white-space: nowrap;
}

#CE260902ribbon .lp-look__name--vertical .lp-en {
  transform: scaleY(var(--scale-en));
  transform-origin: center top;
}

#CE260902ribbon .lp-chapter--jewel {
  z-index: 3;
  padding-bottom: calc(100 * var(--formula));
  background-color: var(--color-bg);
  --color-section-bg: var(--color-bg);
  color: var(--color-text);
}

#CE260902ribbon .lp-chapter__number--jewel {
  margin: calc(82 * var(--formula)) 0 0 calc(180 * var(--formula));
  width: calc(374 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-01 {
  position: relative;
  margin: calc(40 * var(--formula)) auto 0;
  width: calc(700 * var(--formula));
  height: calc(875 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-01__title-01 {
  position: absolute;
  top: 0;
  left: calc(224 * var(--formula));
  width: calc(252 * var(--formula));
  font-size: calc(136 * var(--formula));
  letter-spacing: -0.015em;
  text-align: center;
}

#CE260902ribbon .lp-look--jewel-01__title-02 {
  position: absolute;
  top: calc(82 * var(--formula));
  left: calc(153 * var(--formula));
  width: calc(381 * var(--formula));
  font-size: calc(130 * var(--formula));
  letter-spacing: -0.015em;
  text-align: center;
  color: var(--color-accent);
}

#CE260902ribbon .lp-look--jewel-01__title-02 .lp-initial { font-size: calc(160 / 130 * 1em); }

#CE260902ribbon .lp-look--jewel-01__photo {
  width: calc(700 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-01__name-01 {
  position: absolute;
  top: calc(258 * var(--formula));
  left: calc(25 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.01em;
}

#CE260902ribbon .lp-look--jewel-01__name-02 {
  position: absolute;
  top: calc(426 * var(--formula));
  left: calc(454 * var(--formula));
  width: calc(229 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-01__name-03 {
  position: absolute;
  top: calc(624 * var(--formula));
  left: calc(120 * var(--formula));
  font-size: calc(75 * var(--formula));
  letter-spacing: -0.01em;
}

#CE260902ribbon .lp-lead--jewel-01 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(363 * var(--formula)); */
}

#CE260902ribbon .lp-slider--jewel-01 {
  margin: calc(88 * var(--formula)) 0 0 0;
  width: calc(750 * var(--formula));
}

#CE260902ribbon .lp-slider--jewel-01 .lp-slider__pager--inset2 {
  top: calc(25 * var(--formula));
  left: calc(597 * var(--formula));
}

#CE260902ribbon .lp-credit--jewel-01 { margin-top: calc(50 * var(--formula)); }
#CE260902ribbon .lp-credit--jewel-01 .lp-credit__row--01 { margin-left: calc(186 * var(--formula)); }
#CE260902ribbon .lp-credit--jewel-01 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(188 * var(--formula)); }

#CE260902ribbon .lp-look--jewel-02 {
  position: relative;
  margin: calc(119 * var(--formula)) 0 0 calc(27 * var(--formula));
  width: calc(686 * var(--formula));
  height: calc(802 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-02__name-01 {
  position: absolute;
  top: calc(8 * var(--formula));
  left: 0;
  width: calc(230 * var(--formula));
  z-index: -1;
}

#CE260902ribbon .lp-look--jewel-02__photo {
  position: absolute;
  top: calc(80 * var(--formula));
  left: calc(78 * var(--formula));
  width: calc(540 * var(--formula));
}

#CE260902ribbon .lp-look--jewel-02__name-02 {
  position: absolute;
  top: calc(717 * var(--formula));
  left: calc(383 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.005em;
}

#CE260902ribbon .lp-lead--jewel-02 {
  margin: calc(52 * var(--formula)) auto 0;
  /* width: calc(389 * var(--formula)); */
}

#CE260902ribbon .lp-credit--jewel-02 { margin-top: calc(54 * var(--formula)); }
#CE260902ribbon .lp-credit--jewel-02 .lp-credit__row--01 { margin-left: calc(161 * var(--formula)); }

#CE260902ribbon .lp-chapter--statement {
  z-index: 4;
  padding-bottom: calc(135 * var(--formula));
  background-color: var(--color-bg);
  --color-section-bg: var(--color-bg);
  color: var(--color-text);
}

#CE260902ribbon .lp-chapter__number--statement {
  margin: calc(80 * var(--formula)) 0 0 calc(80 * var(--formula));
  width: calc(591 * var(--formula));
}

#CE260902ribbon .lp-look--statement-01 {
  position: relative;
  margin-top: calc(9 * var(--formula));
  width: calc(700 * var(--formula));
  height: calc(905 * var(--formula));
}

#CE260902ribbon .lp-look--statement-01__title-01 {
  position: absolute;
  top: 0;
  left: calc(75 * var(--formula));
  width: calc(463 * var(--formula));
  font-size: calc(136 * var(--formula));
  letter-spacing: -0.015em;
}

#CE260902ribbon .lp-look--statement-01__title-02 {
  position: absolute;
  top: calc(82 * var(--formula));
  left: calc(256 * var(--formula));
  width: calc(419 * var(--formula));
  font-size: calc(130 * var(--formula));
  letter-spacing: -0.015em;
  text-align: right;
  color: var(--color-accent);
}

#CE260902ribbon .lp-look--statement-01__title-02 .lp-initial { font-size: calc(160 / 130 * 1em); }

#CE260902ribbon .lp-look--statement-01__photo {
  position: absolute;
  top: calc(30 * var(--formula));
  left: 0;
  width: calc(700 * var(--formula));
}

#CE260902ribbon .lp-name--statement-01 {
  margin: calc(56 * var(--formula)) auto;
  width: calc(584 * var(--formula));
}

#CE260902ribbon .lp-shot--statement-01 {
  margin: calc(60 * var(--formula)) auto 0;
  width: calc(680 * var(--formula));
}

#CE260902ribbon .lp-lead--statement-01 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(551 * var(--formula)); */
}

#CE260902ribbon .lp-credit--statement-01 { margin-top: calc(52 * var(--formula)); }
#CE260902ribbon .lp-credit--statement-01 .lp-credit__row--01 { margin-left: calc(165 * var(--formula)); }
#CE260902ribbon .lp-credit--statement-01 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(280 * var(--formula)); }

#CE260902ribbon .lp-look--statement-02 {
  position: relative;
  margin-top: calc(178 * var(--formula));
  width: calc(750 * var(--formula));
}

#CE260902ribbon .lp-look--statement-02__name-01 {
  position: absolute;
  top: calc(32 * var(--formula));
  left: calc(655 * var(--formula));
  width: calc(79 * var(--formula));
  z-index: 2;
}

#CE260902ribbon .lp-look--statement-02__name-01 .lp-en {
  transform: scaleY(var(--scale-en));
  transform-origin: center top;
}

#CE260902ribbon .lp-look--statement-02__name-01 .lp-initial { font-size: calc(102 / 80 * 1em); }

#CE260902ribbon .lp-lead--statement-02 {
  margin: calc(84 * var(--formula)) auto 0;
  /* width: calc(417 * var(--formula)); */
}

#CE260902ribbon .lp-shot--statement-02 {
  margin: calc(58 * var(--formula)) 0 0 calc(30 * var(--formula));
  width: calc(706 * var(--formula));
}

#CE260902ribbon .lp-credit--statement-02 { margin-top: calc(51 * var(--formula)); }
#CE260902ribbon .lp-credit--statement-02 .lp-credit__row--01 { margin-left: calc(190 * var(--formula)); }
#CE260902ribbon .lp-credit--statement-02 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(280 * var(--formula)); }

#CE260902ribbon .lp-chapter--embroidered {
  z-index: 5;
  padding-bottom: calc(100 * var(--formula));
  background-color: var(--color-rose);
  --color-section-bg: var(--color-rose);
  color: var(--color-light);
}

#CE260902ribbon .lp-chapter__number--embroidered {
  margin: calc(85 * var(--formula)) 0 0 calc(50 * var(--formula));
  width: calc(658 * var(--formula));
}

#CE260902ribbon .lp-look--embroidered-01 {
  position: relative;
  margin: calc(9 * var(--formula)) 0 0 calc(23 * var(--formula));
  width: calc(717 * var(--formula));
  height: calc(905 * var(--formula));
}

#CE260902ribbon .lp-look--embroidered-01__title-01 {
  position: absolute;
  top: 0;
  left: calc(22 * var(--formula));
  width: calc(585 * var(--formula));
  font-size: calc(136 * var(--formula));
  letter-spacing: -0.015em;
}

#CE260902ribbon .lp-look--embroidered-01__title-02 {
  position: absolute;
  top: calc(82 * var(--formula));
  left: calc(307 * var(--formula));
  width: calc(381 * var(--formula));
  font-size: calc(130 * var(--formula));
  letter-spacing: -0.015em;
  text-align: right;
  color: var(--color-accent);
}

#CE260902ribbon .lp-look--embroidered-01__title-02 .lp-initial { font-size: calc(160 / 130 * 1em); }

#CE260902ribbon .lp-look--embroidered-01__photo {
  position: absolute;
  top: calc(28 * var(--formula));
  left: calc(2 * var(--formula));
  width: calc(700 * var(--formula));
}

#CE260902ribbon .lp-look--embroidered-01__name-01 {
  position: absolute;
  top: calc(318 * var(--formula));
  left: 0;
  width: calc(230 * var(--formula));
}

#CE260902ribbon .lp-look--embroidered-01__name-02 {
  position: absolute;
  top: calc(462 * var(--formula));
  left: calc(320 * var(--formula));
  font-size: calc(78 * var(--formula));
  letter-spacing: -0.005em;
  text-align: right;
}

#CE260902ribbon .lp-look--embroidered-01__name-03 {
  position: absolute;
  top: calc(662 * var(--formula));
  left: calc(82 * var(--formula));
  font-size: calc(76 * var(--formula));
  letter-spacing: -0.005em;
}

#CE260902ribbon .lp-lead--embroidered-01 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(435 * var(--formula)); */
}

#CE260902ribbon .lp-shot--embroidered-01 {
  margin: calc(74 * var(--formula)) 0 0 0;
  width: calc(640 * var(--formula));
}

#CE260902ribbon .lp-credit--embroidered-01 { margin-top: calc(51 * var(--formula)); }
#CE260902ribbon .lp-credit--embroidered-01 .lp-credit__row--01 { margin-left: calc(40 * var(--formula)); }
#CE260902ribbon .lp-credit--embroidered-01 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(40 * var(--formula)); }

#CE260902ribbon .lp-look--embroidered-02 {
  position: relative;
  margin-top: calc(175 * var(--formula));
  width: calc(750 * var(--formula));
}

#CE260902ribbon .lp-look--embroidered-02__photo {
  width: calc(750 * var(--formula));
}

/* #CE260902ribbon .lp-look--embroidered-02__sub {
  position: absolute;
  top: calc(119 * var(--formula));
  left: calc(95 * var(--formula));
  width: calc(560 * var(--formula));
  z-index: 2;
} */

#CE260902ribbon .lp-look--embroidered-02__name-01 {
  position: absolute;
  top: calc(30 * var(--formula));
  left: calc(10 * var(--formula));
  width: calc(90 * var(--formula));
  z-index: 3;
}

#CE260902ribbon .lp-look--embroidered-02__name-02 {
  position: absolute;
  top: calc(564 * var(--formula));
  left: calc(657 * var(--formula));
  writing-mode: vertical-rl;
  white-space: nowrap;
  /* height: calc(310 * var(--formula)); */
  font-size: calc(75 * var(--formula));
  letter-spacing: 0;
  text-align: right;
  color: var(--color-light);
  z-index: 3;
}

#CE260902ribbon .lp-look--embroidered-02__name-01 .lp-en,
#CE260902ribbon .lp-look--embroidered-02__name-02 .lp-en {
  transform: scaleY(var(--scale-en));
  transform-origin: center top;
}

#CE260902ribbon .lp-look--embroidered-02__name-01 .lp-initial { font-size: calc(95 / 75 * 1em); }

#CE260902ribbon .lp-lead--embroidered-02 {
  margin: calc(59 * var(--formula)) auto 0;
  /* width: calc(368 * var(--formula)); */
}

#CE260902ribbon .lp-credit--embroidered-02 { margin-top: calc(66 * var(--formula)); }
#CE260902ribbon .lp-credit--embroidered-02 .lp-credit__row--01 { margin-left: calc(148 * var(--formula)); }
#CE260902ribbon .lp-credit--embroidered-02 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(188 * var(--formula)); }

#CE260902ribbon .lp-look--embroidered-02__pin {
    margin: 0 auto;
    width: calc(560 * var(--formula));
    min-height: calc(640 * var(--formula) + var(--header-offset, 0px));
    z-index: 2;
    margin-bottom: calc(65 * var(--formula));
}

#CE260902ribbon .lp-chapter--modern {
  position: relative;
  z-index: 6;
  padding-bottom: calc(138 * var(--formula));
  background-color: var(--color-rose);
  --color-section-bg: var(--color-rose);
  color: var(--color-light);
}

#CE260902ribbon .lp-chapter__number--modern {
  margin: calc(80 * var(--formula)) 0 0 calc(155 * var(--formula));
  width: calc(414 * var(--formula));
}

#CE260902ribbon .lp-look--modern-01 {
  position: relative;
  margin-top: calc(10 * var(--formula));
  width: calc(740 * var(--formula));
  height: calc(910 * var(--formula));
}

#CE260902ribbon .lp-look--modern-01__title-01 {
  position: absolute;
  top: 0;
  left: calc(195 * var(--formula));
  width: calc(361 * var(--formula));
  font-size: calc(136 * var(--formula));
  letter-spacing: -0.015em;
  text-align: center;
}

#CE260902ribbon .lp-look--modern-01__title-02 {
  position: absolute;
  top: calc(82 * var(--formula));
  left: calc(155 * var(--formula));
  width: calc(420 * var(--formula));
  font-size: calc(130 * var(--formula));
  letter-spacing: -0.015em;
  text-align: center;
  color: var(--color-accent);
}

#CE260902ribbon .lp-look--modern-01__title-02 .lp-initial { font-size: calc(160 / 130 * 1em); }

#CE260902ribbon .lp-look--modern-01__photo {
  position: absolute;
  top: calc(30 * var(--formula));
  left: 0;
  width: calc(680 * var(--formula));
}

#CE260902ribbon .lp-look--modern-01__name-01 {
  position: absolute;
  top: calc(546 * var(--formula));
  left: calc(650 * var(--formula));
  width: calc(79 * var(--formula));
  z-index: 2;
}

#CE260902ribbon .lp-look--modern-01__name-01 .lp-en {
  transform: scaleY(var(--scale-en));
  transform-origin: center top;
}

#CE260902ribbon .lp-look--modern-01__name-01 .lp-initial { font-size: calc(102 / 80 * 1em); }

#CE260902ribbon .lp-lead--modern-01 {
  margin: calc(59 * var(--formula)) auto 0;
  /* width: calc(466 * var(--formula)); */
}

#CE260902ribbon .lp-shot--modern-01 {
  margin: calc(73 * var(--formula)) 0 0 calc(100 * var(--formula));
  width: calc(650 * var(--formula));
}

#CE260902ribbon .lp-credit--modern-01 { margin-top: calc(50 * var(--formula)); }
#CE260902ribbon .lp-credit--modern-01 .lp-credit__row--01 { margin-left: calc(325 * var(--formula)); }
#CE260902ribbon .lp-credit--modern-01 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(119 * var(--formula)); }

#CE260902ribbon .lp-look--modern-02 {
  position: relative;
  margin: calc(179 * var(--formula)) 0 0 calc(35 * var(--formula));
  width: calc(700 * var(--formula));
  height: calc(850 * var(--formula));
}

#CE260902ribbon .lp-look--modern-02__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(680 * var(--formula));
}

#CE260902ribbon .lp-look--modern-02__name-01 {
  position: absolute;
  top: calc(208 * var(--formula));
  left: calc(467 * var(--formula));
  width: calc(229 * var(--formula));
}


#CE260902ribbon .lp-look--modern-02__name-02 {
  position: absolute;
  top: calc(77 * var(--formula));
  left: calc(25 * var(--formula));
  font-size: calc(77 * var(--formula));
  letter-spacing: -0.005em;
}

#CE260902ribbon .lp-look--modern-02__name-03 {
  position: absolute;
  top: calc(457 * var(--formula));
  left: calc(55 * var(--formula));
  font-size: calc(77 * var(--formula));
  letter-spacing: -0.005em;
}

#CE260902ribbon .lp-look--modern-02__name-04 {
  position: absolute;
  top: calc(712 * var(--formula));
  left: calc(495 * var(--formula));
  font-size: calc(76 * var(--formula));
  letter-spacing: -0.005em;
}

#CE260902ribbon .lp-shot--modern-02 {
  margin: calc(15 * var(--formula)) 0 0 calc(35 * var(--formula));
  width: calc(680 * var(--formula));
}

#CE260902ribbon .lp-lead--modern-02 {
  margin: calc(70 * var(--formula)) auto 0;
  /* width: calc(373 * var(--formula)); */
}

#CE260902ribbon .lp-credit--modern-02 { margin-top: calc(54 * var(--formula)); }
#CE260902ribbon .lp-credit--modern-02 .lp-credit__row--01 { margin-left: calc(97 * var(--formula)); }
#CE260902ribbon .lp-credit--modern-02 .lp-credit__row--02 { margin-top: calc(25 * var(--formula)); margin-left: calc(189 * var(--formula)); }

#CE260902ribbon .lp-allitems {
  position: relative;
  z-index: 7;
  display: flow-root;
  background-color: var(--color-bg);
  --color-section-bg: var(--color-bg);
  color: var(--color-text);
  padding-bottom: calc(40 * var(--formula));
}

#CE260902ribbon .lp-allitems__button {
  margin: calc(141 * var(--formula)) 0 0 calc(105 * var(--formula));
  width: calc(540 * var(--formula));
}

@media (min-width: 768px) {
  #CE260902ribbon .lp-rail__title {
    width: calc(326 * var(--formula_pc));
  }

  #CE260902ribbon .lp-layout__sub--right {
    place-items: end end;
    padding: 0 calc(50 * var(--formula_pc)) calc(40 * var(--formula_pc)) 0;
  }

  #CE260902ribbon .lp-rail__button {
    width: calc(168 * var(--formula_pc));
  }

  #CE260902ribbon .lp-rail__button a {
    display: block;
  }

  #CE260902ribbon .lp-allitems {
    padding-bottom: calc(180 * var(--formula));
  }

}

@media screen and (max-device-width: 767px) {
  #style-archive.style-archive {
    background-color: #fbefef;
  }

  #CE260902ribbon {
    background-color: var(--color-rose);
  }
}

@media screen and (min-width: 1500px) {
  #CE260902ribbon .lp-look--signature-01 {
    margin: calc(38 * var(--formula)) 0 0 calc(91 * var(--formula));
  }

  #CE260902ribbon .lp-look--signature-02 {
    margin: calc(159 * var(--formula)) 0 0 calc(16 * var(--formula));
  }

  #CE260902ribbon .lp-shot--signature-04 {
    margin: calc(75 * var(--formula)) 0 0 calc(131 * var(--formula));
  }

  #CE260902ribbon .lp-shot--modern-01 {
    margin: calc(73 * var(--formula)) 0 0 calc(101 * var(--formula));
  }
}