@charset "UTF-8";

#FR261104LOOK .lp-page {
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 580;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #000;
  --color-bg: #fff;
  --font-base: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;

  --header-offset: 0px;
}

@media (min-width: 1921px) {
  #FR261104LOOK .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1920px) {
  #FR261104LOOK .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

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

#FR261104LOOK .lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;

  font-feature-settings: normal;
}

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

#FR261104LOOK .lp-page h1,
#FR261104LOOK .lp-page h2,
#FR261104LOOK .lp-page h3,
#FR261104LOOK .lp-page h4,
#FR261104LOOK .lp-page h5,
#FR261104LOOK .lp-page h6,
#FR261104LOOK .lp-page p {
  margin: 0;
}

#FR261104LOOK .lp-page picture {
  display: block;
}

#FR261104LOOK .lp-page button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

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

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

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

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

#FR261104LOOK .lp-page .lp-slider__pager {
  position: static;
}

#FR261104LOOK .lp-page section,
#FR261104LOOK .lp-page .lp-item {
  display: flow-root;
}

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

#FR261104LOOK .lp-page .ani-inview {
  opacity: 0;
  translate: 0 calc(30 * var(--formula, 1px));
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
}

#FR261104LOOK .lp-page .ani-inview.is-active {
  opacity: 1;
  translate: none;
}

#FR261104LOOK .lp-page .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

#FR261104LOOK .lp-page .ani-fade.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #FR261104LOOK .lp-page .ani-inview,
  #FR261104LOOK .lp-page .ani-fade {
    opacity: 1;
    translate: none;
    transition: none;
  }
}

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

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

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

#FR261104LOOK .lp-page .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

#FR261104LOOK .lp-page [id] {
  scroll-margin-top: var(--header-offset, 0px);
}

#FR261104LOOK .lp-page .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  /* 2026-10-28 指示書: 上のパネルは通常スクロール、main から追従。カラム自体は固定せず、
     各パネルをデザインの縦位置（MV / look01 / look16 基準）に置く。位置は JS（setupRailTracks）が
     --rail-anchor-* に書き戻す */
  #FR261104LOOK .lp-page .lp-layout__sub {
    display: block;
    position: relative;
    align-self: stretch; /* .lp-layout は align-items: start。レールの軌道を本文の全高にする */
  }
}

#FR261104LOOK .lp-page .lp-photo--mv {
  position: relative;
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--mv {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-mv__logo {
  position: absolute;
  top: calc(833 * var(--formula));
  left: calc(141 * var(--formula));
  width: calc(468 * var(--formula));
}

/* クレジット位置：展開時デザインが無いため全箇所を写真の左下 30/30（SP基準）に統一 */
#FR261104LOOK .lp-page .lp-credit--mv {
  position: absolute;
  bottom: calc(23 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(411 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-intro {
  padding-bottom: calc(33 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo--intro {
  position: relative;
  margin-top: calc(-60 * var(--formula));
  margin-inline: auto;
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--intro {
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--intro {
  position: absolute;
  bottom: calc(26 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(136 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 0.9584;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-copy--intro {
  margin-top: calc(45 * var(--formula));
  margin-inline: calc(149 * var(--formula)) auto;
  width: calc(455 * var(--formula));
}

#FR261104LOOK .lp-page .lp-collection--01 {
  margin-top: calc(140 * var(--formula));
  margin-inline: auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo--look01 {
  position: relative;
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look01 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look01 {
  position: absolute;
  bottom: calc(19 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(411 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-collection--02 {
  margin-top: calc(67 * var(--formula));
  margin-inline: auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider--look02 {
  position: relative;
  margin-top: calc(11 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look02 {
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look02 {
  position: absolute;
  bottom: calc(23 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(445 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-photo--look03 {
  position: relative;
  margin-top: calc(27 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look03 {
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look03 {
  position: absolute;
  bottom: calc(23 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(445 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-collection--03 {
  margin-top: calc(21 * var(--formula));
  margin-inline: auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider--look04 {
  position: relative;
  margin-top: calc(51 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look04 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look04 {
  position: absolute;
  bottom: calc(22 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(310 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-photo--look05 {
  position: relative;
  margin-top: calc(-43 * var(--formula));
  margin-inline: calc(112 * var(--formula)) auto;
  width: calc(532 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look05 {
  width: calc(532 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look05 {
  position: absolute;
  bottom: calc(28 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(254 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 0.9584;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-copy--look05 {
  margin-top: calc(24 * var(--formula));
  margin-inline: calc(201 * var(--formula)) auto;
  width: calc(355 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider--look06 {
  position: relative;
  margin-top: calc(141 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look06 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look06 {
  position: absolute;
  bottom: calc(22 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(378 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-slider--look07 {
  position: relative;
  margin-top: calc(83 * var(--formula));
  margin-inline: auto;
  width: calc(623 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look07 {
  width: calc(623 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look07 {
  position: absolute;
  bottom: calc(24 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(370 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-collection--04 {
  margin-top: calc(126 * var(--formula));
  margin-inline: auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo--look08 {
  position: relative;
  margin-top: calc(23 * var(--formula));
  margin-inline: auto;
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look08 {
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look08 {
  position: absolute;
  bottom: calc(27 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(137 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 0.9584;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-copy--look08 {
  margin-top: calc(29 * var(--formula));
  margin-inline: calc(196 * var(--formula));
  width: calc(364 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider--look09 {
  position: relative;
  margin-top: calc(131 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look09 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look09 {
  position: absolute;
  bottom: calc(22 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(368 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-slider--look10 {
  position: relative;
  margin-top: calc(173 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look10 {
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look10 {
  position: absolute;
  bottom: calc(20 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(372 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-photo--look11 {
  position: relative;
  margin-top: calc(134 * var(--formula));
  margin-inline: auto;
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look11 {
  width: calc(500 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look11 {
  position: absolute;
  bottom: calc(16 * var(--formula));
  left: calc(19 * var(--formula));
  width: calc(159 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 0.9584;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-copy--look11 {
  margin-top: calc(36 * var(--formula));
  margin-inline: calc(198 * var(--formula)) auto;
  width: calc(354 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider--look12 {
  position: relative;
  margin-top: calc(135 * var(--formula));
  margin-inline: calc(46 * var(--formula)) auto;
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look12 {
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look12 {
  position: absolute;
  bottom: calc(27 * var(--formula));
  left: calc(26 * var(--formula));
  width: calc(331 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.2251;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-slider--look13 {
  position: relative;
  margin-top: calc(-43 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__body--look13 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look13 {
  position: absolute;
  bottom: calc(20 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(323 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6282;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-copy--look13 {
  margin-top: calc(30 * var(--formula));
  margin-inline: calc(170 * var(--formula)) auto;
  width: calc(409 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo--look14 {
  position: relative;
  margin-top: calc(133 * var(--formula));
  margin-inline: auto;
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look14 {
  width: calc(670 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look14 {
  position: absolute;
  bottom: calc(22 * var(--formula));
  left: calc(29 * var(--formula));
  width: calc(371 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-collection--05 {
  margin-top: calc(25 * var(--formula));
  margin-inline: calc(248 * var(--formula)) auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo--look15 {
  position: relative;
  margin-top: calc(111 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-photo__toggle--look15 {
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-credit--look15 {
  position: absolute;
  bottom: calc(21 * var(--formula));
  left: calc(30 * var(--formula));
  width: calc(447 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.6272;
  letter-spacing: 0.19em;
  color: #ffffff;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-photo--look16 {
  margin-top: calc(16 * var(--formula));
  width: calc(750 * var(--formula));
}

#FR261104LOOK .lp-page .lp-outro__button-label {
  margin-top: calc(294 * var(--formula));
  margin-inline: auto;
  width: calc(304 * var(--formula));
}

#FR261104LOOK .lp-page .lp-staff--outro {
  margin-top: calc(120 * var(--formula));
  margin-inline: auto;
  width: calc(453 * var(--formula));
  font-size: calc(15 * var(--formula));
  line-height: 1.78;
  letter-spacing: 0.18em;
  text-align: center;
  color: #070023;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .lp-collection--06 {
  margin-top: calc(129 * var(--formula));
  margin-inline: auto;
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page {
  --color-text: #070023;
  --color-bg: #f2f2f2;
  --color-pc-bg: #600101;
  --color-rail: #f2f2f2;
  --font-base: "baskerville-display-pt", "Baskerville", "Times New Roman", serif; /* Adobe Fonts (Typekit) Baskerville Display PT。指示書は Apple 版 Baskerville */
  --ease-fade: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#FR261104LOOK .lp-page .lp-photo,
#FR261104LOOK .lp-page .lp-slider {
  position: relative;
}

#FR261104LOOK .lp-page .lp-photo__toggle {
  display: block;
  width: 100%;
}

#FR261104LOOK .lp-page .lp-slider__body .lp-photo__toggle {
  cursor: grab;
}

#FR261104LOOK .lp-page .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  z-index: 2;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s var(--ease-base), visibility 0.4s var(--ease-base);
}

#FR261104LOOK .lp-page .lp-credit.is-open {
  visibility: visible;
  opacity: 1;
}

/* クレジットを開いている間だけ、写真の上に商品一覧へのリンクを敷く（クレジットより下）。
   写真の button は開閉のまま。やめるときは HTML の .lp-photo__items-link を消す */
#FR261104LOOK .lp-page .lp-photo__items-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  visibility: hidden;
}

#FR261104LOOK .lp-page .lp-item:has(> .lp-credit.is-open) .lp-photo__items-link {
  visibility: visible;
}

#FR261104LOOK .lp-page .lp-credit__row {
  display: flex;
  gap: 0;
}

#FR261104LOOK .lp-page .lp-credit__item {
  display: block;
  color: inherit;
  text-decoration: none;
}

#FR261104LOOK .lp-page .lp-credit__close {
  display: block;
  margin-top: 1lh;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

#FR261104LOOK .lp-page .lp-slider__pager {
  display: flex;
  justify-content: space-between;
  bottom: auto;
  z-index: 1;
  height: calc(10 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager .swiper-pagination-bullet {
  flex: none;
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  margin: 0;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 1;
}

#FR261104LOOK .lp-page .lp-slider__pager .swiper-pagination-bullet-active {
  background-color: #fff;
}

#FR261104LOOK .lp-page .lp-outro__button {
  display: block;
  border: 1px solid var(--color-text);
  border-radius: 50%;
}

#FR261104LOOK .lp-page .lp-staff {
  font-family: var(--font-base);
  text-align: center;
  white-space: nowrap;
}

#FR261104LOOK .lp-page .ani-rise {
  opacity: 0;
  translate: 0 calc(50 * var(--formula));
  transition: opacity 1.5s ease, translate 1.5s ease;
}

#FR261104LOOK .lp-page .ani-rise.is-active {
  opacity: 1;
  translate: none;
}

#FR261104LOOK .lp-page .ani-blur {
  opacity: 0;
  filter: blur(calc(10 * var(--formula)));
  transition: opacity 1.2s var(--ease-fade), filter 1.2s var(--ease-fade);
}

#FR261104LOOK .lp-page .ani-blur.is-active {
  opacity: 1;
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  #FR261104LOOK .lp-page .ani-rise,
  #FR261104LOOK .lp-page .ani-blur {
    opacity: 1;
    translate: none;
    filter: none;
    transition: none;
  }
}

@media (min-width: 768px) {
  #FR261104LOOK .lp-page .lp-layout--col-2 {
    grid-template-columns: minmax(0, 1fr) min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%);
    /* 右余白：1920 以下は 300 * 比率。1921 以上は (全幅 - カラム 580) を 1040:300 で左右に配分し、両側が同じ比率で広がる */
    padding-right: calc((100% - var(--pc-artboard-width) * var(--formula_pc)) * 300 / 1340);
    /* 2026-10-28 下余白：指示書は最後の写真の下に赤地 136px（PC はアウトロ非表示なので本文側に余白が無い） */
    padding-bottom: calc(136 * var(--formula_pc));
    background-color: var(--color-pc-bg);
  }

  #FR261104LOOK .lp-page .lp-layout__primary {
    background-color: var(--color-bg);
  }

  #FR261104LOOK .lp-page .lp-rail {
    position: absolute;
    inset: 0;
    width: calc(1040 * var(--formula_pc));
  }

  /* 各パネルの軌道。デザインの縦位置から始まり、レール下端まで続く（sticky の可動範囲） */
  #FR261104LOOK .lp-page .lp-rail__track {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }

  /* top: MV 上端 + 320（ロゴ画像上端。指示書のロゴ字面は 324）。通常スクロール */
  #FR261104LOOK .lp-page .lp-rail__track--top {
    top: calc(319 * var(--formula_pc));
  }

  /* main: look01 上端 + 212 から出て、以降は追従 */
  #FR261104LOOK .lp-page .lp-rail__track--main {
    top: calc(var(--rail-anchor-main, 0px) + 200 * var(--formula_pc));
  }

  /* end: look16 上端 + 99 から出て（ロゴ字面は +112）、以降は追従。
     軌道の下端は look16 下端 − 121（指示書末尾: COLLECTION 表記の字面下端が写真下端の 126px 上）で、
     ページ末尾ではデザインどおりの位置に落ち着く */
  #FR261104LOOK .lp-page .lp-rail__track--end {
    top: calc(var(--rail-anchor-end, 0px) + 99 * var(--formula_pc));
    bottom: calc(121 * var(--formula_pc));
  }

  #FR261104LOOK .lp-page .lp-rail__panel {
    display: flow-root;
  }

  /* 追従の止まり位置: 共通ヘッダー下の天地中央（デザインに描かれた位置＝ルックが画面中央に来たときの見た目、
     guidelines/pc-layout.md）。パネルの高さぶんを引いた値を JS（setupRailTracks）が --rail-stick-* に入れる */
  #FR261104LOOK .lp-page .lp-rail__panel--main {
    position: sticky;
    top: var(--rail-stick-main, 50vh);
  }
  #FR261104LOOK .lp-page .lp-rail__panel--end {
    position: sticky;
    top: var(--rail-stick-end, 50vh);
  }

  /* end が近づいたら main を消す（重なり防止）。切替は JS（setupRailTracks） */
  #FR261104LOOK .lp-page .lp-rail__panel.is-rail-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s var(--ease-fade), visibility 0.8s var(--ease-fade);
  }

  #FR261104LOOK .lp-page .lp-rail__logo--end {
    position: relative;
    z-index: 1;
    pointer-events: none;
  }

  #FR261104LOOK .lp-page .lp-rail__button {
    display: block;
    border: 1px solid var(--color-rail);
    border-radius: 50%;
  }

  #FR261104LOOK .lp-page .lp-rail__button-label {
    display: block;
  }
}

#FR261104LOOK .lp-page .lp-credit {
  width: max-content;
}

/* ロゴは写真の手前にフローで置き、写真側の負の margin-top で下端を写真に重ねる */
#FR261104LOOK .lp-page .lp-logo--intro {
  position: relative;
  z-index: 1;
  margin-top: calc(160 * var(--formula));
  margin-inline: auto;
  width: calc(527 * var(--formula));
}

#FR261104LOOK .lp-page .lp-logo--look05 {
  position: relative;
  z-index: 1;
  margin-top: calc(115 * var(--formula));
  margin-left: calc(240 * var(--formula));
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-logo--look13 {
  position: relative;
  z-index: 2; /* swiper-bundle の .swiper（z-index: 1）より前に出す */
  margin-top: calc(140 * var(--formula));
  margin-left: calc(242 * var(--formula));
  width: calc(266 * var(--formula));
}

#FR261104LOOK .lp-page .lp-outro{
    padding-bottom: calc(35 * var(--formula));
}
#FR261104LOOK .lp-page .lp-logo--outro {
  margin-top: calc(90 * var(--formula));
  margin-inline: auto;
  width: calc(395 * var(--formula));
}

#FR261104LOOK .lp-page .lp-outro__button {
  margin-top: calc(1 * var(--formula));
  margin-inline: auto;
  width: calc(430 * var(--formula));
  height: calc(184 * var(--formula));
}

#FR261104LOOK .lp-page .lp-outro__button-label {
  margin-top: calc(78 * var(--formula));
  margin-inline: auto;
}

#FR261104LOOK .lp-page .lp-staff--outro {
  margin-top: calc(51 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look02 {
  position: absolute;
  top: calc(863 * var(--formula));
  left: calc(620 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look04 {
  position: absolute;
  top: calc(962 * var(--formula));
  left: calc(696 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look06 {
  position: absolute;
  top: calc(970 * var(--formula));
  left: calc(701 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look07 {
  position: absolute;
  top: calc(801 * var(--formula));
  left: calc(574 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look09 {
  position: absolute;
  top: calc(970 * var(--formula));
  left: calc(700 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look10 {
  position: absolute;
  top: calc(863 * var(--formula));
  left: calc(620 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look12 {
  position: absolute;
  top: calc(863 * var(--formula));
  left: calc(620 * var(--formula));
  width: calc(30 * var(--formula));
}

#FR261104LOOK .lp-page .lp-slider__pager--look13 {
  position: absolute;
  top: calc(970 * var(--formula));
  left: calc(700 * var(--formula));
  width: calc(30 * var(--formula));
}

@media (min-width: 768px) {
  #FR261104LOOK .lp-page .lp-rail__logo--top {
    margin-top: calc(0 * var(--formula_pc));
    margin-left: calc(367 * var(--formula_pc));
    width: calc(305 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__copy--top {
    margin-top: calc(42 * var(--formula_pc));
    margin-left: calc(358.5 * var(--formula_pc));
    width: calc(323 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__logo--main {
    margin-top: calc(0 * var(--formula_pc));
    margin-left: calc(367 * var(--formula_pc));
    width: calc(306 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__copy--main {
    margin-top: calc(68 * var(--formula_pc));
    margin-left: calc(358.5 * var(--formula_pc));
    width: calc(323 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button--main {
    margin-top: calc(38 * var(--formula_pc));
    margin-left: calc(435 * var(--formula_pc));
    width: calc(170 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__logo--end {
    margin-top: calc(0 * var(--formula_pc));
    margin-left: calc(348 * var(--formula_pc));
    width: calc(347 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button--end {
    margin-top: calc(-35 * var(--formula_pc));
    margin-left: calc(398 * var(--formula_pc));
    width: calc(244 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-staff--rail {
    margin-top: calc(77 * var(--formula_pc));
    margin-left: calc(345 * var(--formula_pc));
    width: calc(353 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__collection {
    margin-top: calc(101 * var(--formula_pc));
    margin-left: calc(416 * var(--formula_pc));
    width: calc(210 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button-label--main {
    margin-top: calc(30 * var(--formula_pc));
    margin-left: calc(24 * var(--formula_pc));
    width: calc(121 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button--main {
    height: calc(73 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button-label--end {
    margin-top: calc(45 * var(--formula_pc));
    margin-left: calc(33 * var(--formula_pc));
    width: calc(175 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-rail__button--end {
    height: calc(105 * var(--formula_pc));
  }
  #FR261104LOOK .lp-page .lp-staff--rail {
    font-size: calc(12.15 * var(--formula_pc));
    line-height: 1.7;
    letter-spacing: 0.145em;
    color: #f2f2f2;
  }
}

@media screen and (max-width: 767px) {
    .archive {
      border-top: none !important;
    }
}