@charset "UTF-8";
/* =====================================================
   FU260807catalogAW1 FURFUR 26AW1st catalog LP
   - SP特化型（PCパターン E+F: MV は全幅の横型 / MV下は3カラム・左右レール固定）
   - デザインは 750×22296（SP+SP_2 の縦連結）のキャンバスに要素を自由配置する構成のため、
     .lp-canvas 内は絶対配置でデザイン座標をそのまま使う
   - 単位・命名などの規約は coding-guidelines.md を参照
   ===================================================== */

#Contents {
  overflow: clip;
}
/* ▼ -----------可変設定---------- ▼ */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1500; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 550; /*PC時の中央コンテンツ列の幅*/
  --sp-artboard-width: 750; /*SP時の中央コンテンツ列の幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1500px以上 固定 */
@media (min-width: 1501px) {
  .lp_variable {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1500px 可変 */
@media (min-width: 767px) and (max-width: 1500px) {
  .lp_variable {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */

/* ▼ -----------カスタムプロパティ---------- ▼ */
#FU260807catalogAW1 {
  --color-text: #231815;
  --color-white: #fff;
  --color-bg-sp: #f7f8f8; /* SP アートボードの地色 */
  --color-bg-sp2: #f0f0f0; /* SP_2 アートボードの地色 */
  --color-bg-accent: #dde7f0; /* MV 直下のセクション / PC の地色 */
  --color-credit: #ddf0fc; /* クレジット表示のオーバーレイ */
  /* Futura PT は Adobe Fonts。kitId 未提供のため現状はフォールバックで表示する */
  --font-en:
    "Futura PT", "Futura", "Century Gothic", "Avenir Next", Avenir,
    "Helvetica Neue", Arial, sans-serif;
  --fw-book: 400;
  --fw-medium: 500;
  /* キャンバスは MV(デザイン y0〜1200) の下から始まる。座標は「デザイン y − 1200」で持つ */
  /* MV は常に画面幅いっぱい（meta.md「MVの横幅はフル」）。1501px 以上で --variable が
     1px に固定されると MV 内の座標だけ追従しなくなるため、クランプしない係数を用意する */
  --formula_mv: calc(100vw / var(--pc-width));
  --sp2-offset: 10403; /* SP_2 の開始位置（11603 − 1200） */

  margin-bottom: calc(100 * var(--variable) * var(--ratio));
}
/* ▲ -----------カスタムプロパティ---------- ▲ */

/* ▼ -----------LPスコープ リセット---------- ▼ */
#FU260807catalogAW1 * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#FU260807catalogAW1 h2,
#FU260807catalogAW1 p {
  margin: 0;
}

#FU260807catalogAW1 a {
  color: inherit;
  text-decoration: none;
}

#FU260807catalogAW1 a:focus-visible,
#FU260807catalogAW1 button:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: 2px;
}

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

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

/* 表示制御ユーティリティ（MV は PC/SP で別画像のため必須） */
@media (min-width: 767px) {
  #FU260807catalogAW1 .is-hidden--desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #FU260807catalogAW1 .is-hidden--mobile {
    display: none !important;
  }
}
/* ▲ -----------LPスコープ リセット---------- ▲ */

/* ▼ -----------ベーススタイル---------- ▼ */
#FU260807catalogAW1 {
  color: var(--color-text);
  background-color: var(--color-bg-accent);
  font-family: var(--font-en);
  font-weight: var(--fw-book);
  line-height: 1.5;
  letter-spacing: 0.02em;
  overflow-x: clip; /* 100vw 基準の可変幅による横スクロールを閉じる（clip は sticky を壊さない） */
}
/* ▲ -----------ベーススタイル---------- ▲ */

/* ▼ -----------MV---------- ▼
   下のコンテンツが MV の上にせり上がる（指示書: トップの上にせり上がるようにする）。
   MV を sticky で背面に置き、後続のコンテンツを z-index で前面に重ねる。 */
#FU260807catalogAW1 .lp-mv {
  position: sticky;
  top: 0;
  z-index: 0;
}

#FU260807catalogAW1 .lp-mv a {
  display: block;
  position: relative;
  z-index: 0;
}

#FU260807catalogAW1 .lp-mv__media {
  display: flex;
}

#FU260807catalogAW1 .lp-mv__img--pc {
  width: 50%;
}

/* MV 内のテキスト・ロゴ（SP はデザイン座標／PC は PC デザイン座標）
   .lp-mv__lead は MV 全体に重ねる。出現アニメーションで translate が入ると
   この要素自身が絶対配置の基準になるため、inset:0 で MV と同じ範囲に合わせておく。 */
#FU260807catalogAW1 .lp-mv__lead {
  position: absolute;
  inset: 0;
}

#FU260807catalogAW1 .lp-mv__lead-item,
#FU260807catalogAW1 .lp-mv__lead-pc,
#FU260807catalogAW1 .lp-mv__logo {
  position: absolute;
  color: var(--color-white);
}

#FU260807catalogAW1 .lp-mv__lead-item {
  font-size: calc(30 * var(--formula));
  font-weight: var(--fw-medium);
  line-height: 1;
}

#FU260807catalogAW1 .lp-mv__lead-item--y {
  top: calc(194 * var(--formula));
  left: calc(173 * var(--formula));
}
#FU260807catalogAW1 .lp-mv__lead-item--a {
  top: calc(449 * var(--formula));
  left: calc(577 * var(--formula));
}
#FU260807catalogAW1 .lp-mv__lead-item--c {
  top: calc(567 * var(--formula));
  left: calc(41 * var(--formula));
}

#FU260807catalogAW1 .lp-mv__logo {
  top: calc(955 * var(--formula));
  left: calc(146 * var(--formula));
  width: calc(457 * var(--formula));
}

@media (min-width: 768px) {
  #FU260807catalogAW1 .lp-mv__lead-pc {
    top: calc(47 * var(--formula_mv));
    left: calc(556 * var(--formula_mv));
    width: calc(387 * var(--formula_mv));
  }
  #FU260807catalogAW1 .lp-mv__logo {
    top: calc(370 * var(--formula_mv));
    left: calc(502 * var(--formula_mv));
    width: calc(500 * var(--formula_mv));
  }
}
/* ▲ -----------MV---------- ▲ */

/* ▼ -----------レイアウト（PC 3カラム）---------- ▼ */
#FU260807catalogAW1 {
  --lp-header-offset: 0px; /* サイト共通ヘッダー高（追従レールの逃げ） */
}

/* MV の上にせり上がる本体 */
#FU260807catalogAW1 .lp-layout {
  position: relative;
  z-index: 1;
  background-color: var(--color-bg-sp);
}

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

@media (min-width: 768px) {
  #FU260807catalogAW1 .lp-layout--col-3 {
    display: grid;
    align-items: start;
    grid-template-columns:
      1fr calc(var(--pc-artboard-width) * var(--formula_pc))
      1fr;
    background-color: var(--color-bg-accent);
  }
  #FU260807catalogAW1 .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
  /* 中央のコンテンツ列だけ SP の地色を敷く */
  #FU260807catalogAW1 .lp-layout__primary {
    background-color: var(--color-bg-sp);
  }
}

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

/* 左右レール（PC で固定追従・SP は非表示）。土台は雛形の Tier1 クラスを使う */
#FU260807catalogAW1 .lp-layout__sub {
  display: none;
}
@media (min-width: 768px) {
  #FU260807catalogAW1 .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: 14.6rem;
    height: calc(100dvh - 14.6rem);
    overflow: hidden;
  }
  #FU260807catalogAW1 .lp-rail--logo img {
    width: calc(210 * var(--formula_pc));
  }
  #FU260807catalogAW1 .lp-rail--viewall img {
    width: calc(204 * var(--formula_pc));
  }
}
/* ▲ -----------レイアウト---------- ▲ */

/* ▼ -----------キャンバス（絶対配置の土台）---------- ▼
   デザインの 750×22296 をそのまま座標系として使う。 */
#FU260807catalogAW1 .lp-canvas {
  position: relative;
  background-color: #f7f8f8;
  padding-bottom: calc(202 * var(--formula));
}

#FU260807catalogAW1 .lp-item {
  position: relative;
  z-index: 1; /* ::before / ::after の地色より前に出す（擬似要素は最後の子として描画される） */
}

/* SP_2 の地色（キャンバス下半分） */
/* #FU260807catalogAW1 .lp-canvas::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(var(--sp2-offset) * var(--formula));
  left: 0;
  width: 100%;
  height: calc((var(--canvas-h) - var(--sp2-offset)) * var(--formula));
  background-color: var(--color-bg-sp2);
} */

/* MV 直下のセクション（デザイン: SP y1197〜2647 が #dde7f0） */
#FU260807catalogAW1 .lp-canvas::after {
  /* content: "";
  position: absolute;
  z-index: 0; */
  /* top: 0; デザイン y1197〜2647。MV 下端(1200)にほぼ接するのでキャンバス先頭から敷く */
  /* left: 0;
  width: 100%;
  height: calc(1447 * var(--formula));
  background-color: var(--color-bg-accent); */
}
/* ▲ -----------キャンバス---------- ▲ */

/* ▼ -----------写真とクレジット---------- ▼ */
#FU260807catalogAW1 .lp-shot__media,
#FU260807catalogAW1 .lp-shot__cover {
  display: block;
  width: 100%;
  cursor: pointer;
}

/* スライダー・重ね画像はクレジット用の透明レイヤーを画像の上に敷く */
#FU260807catalogAW1 .lp-shot__cover {
  position: absolute;
  inset: 0;
  z-index: 2;
}

#FU260807catalogAW1 .lp-sr,
#FU260807catalogAW1 .lp-shot__cover-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* クレジット（画像クリックで表示。商品名・価格はリンク） */
#FU260807catalogAW1 .lp-shot__credit {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  background-color: rgb(
    221 240 252 / 0.6
  ); /* デザイン実測: #ddf0fc / opacity 0.6 */
  transition: 0.5s;
  pointer-events: none;
}

#FU260807catalogAW1 .lp-shot__credit[hidden] {
  opacity: 0;
  pointer-events: none;
}

#FU260807catalogAW1 .lp-shot__credit-text {
  width: calc(560 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-align: center;
}

#FU260807catalogAW1 .lp-shot__credit-text a {
  display: inline;
}

#FU260807catalogAW1 .lp-shot__credit-text a:not(:last-child)::after {
  content: " / ";
}

#FU260807catalogAW1 .lp-shot__credit-text a:has(+ br)::after {
  content: none !important;
}

/* 常時表示のクレジット（layer=design。写真の上に直接置く） */
#FU260807catalogAW1 .lp-shot__credit-static {
  position: absolute;
  z-index: 2;
  font-size: calc(20 * var(--formula));
  line-height: 1.4;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

#FU260807catalogAW1 .lp-shot__close {
  position: absolute;
  top: calc(30 * var(--formula));
  right: calc(30 * var(--formula)); /* デザイン実測 */
  width: calc(30 * var(--formula));
}
/* ▲ -----------写真とクレジット---------- ▲ */

/* ▼ -----------スライダー（Swiper）---------- ▼ */
#FU260807catalogAW1 .swiper {
  overflow: clip;
}

#FU260807catalogAW1 .swiper-pagination {
  position: absolute;
  bottom: calc(24 * var(--formula));
  left: 0;
  z-index: 4;
  display: flex;
  gap: calc(12 * var(--formula));
  justify-content: center;
  width: 100%;
}

#FU260807catalogAW1 .swiper-pagination-bullet {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  margin: 0;
  opacity: 1;
  background-color: transparent;
  border: 1px solid var(--color-white);
}

#FU260807catalogAW1 .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--color-white);
}
/* ▲ -----------スライダー---------- ▲ */

/* ▼ -----------重ね画像---------- ▼
/* ▲ -----------重ね画像---------- ▲ */

/* ▼ -----------傾いたコピー---------- ▼
   デザイン（Illustrator のパス上文字）を実測すると、湾曲はサジッタ 1px 前後で
   実質「回転した直線」。弧の再現はせず、ブロックごとの回転だけで合わせる。
   1文字ずつ表示するため JS が文字を span に分けるが、配置は通常フローのまま。 */
#FU260807catalogAW1 .lp-copy {
  line-height: calc(28 / 20); /* 実測の行送り 27〜28 */
  letter-spacing: 0;
  rotate: var(--arc-rotate, 0deg);
  transform-origin: left center;
}

#FU260807catalogAW1 .lp-copy__line {
  display: block;
  white-space: nowrap;
}

#FU260807catalogAW1 .lp-copy__char {
  display: inline-block;
  white-space: pre;
}

/* スタッフクレジット（一文字ずつ表示・弧なし） */
#FU260807catalogAW1 .lp-staff {
  font-size: calc(20 * var(--formula));
  line-height: 1.365; /* デザインの6行ぶんの高さ 158 に合わせる */
  letter-spacing: 0.03em;
  text-align: center;
}

/* 直下の span（行）だけを block にする。子孫セレクタにすると
   1文字ずつ分割した .lp-copy__char にも当たり、文字ごとに改行されてしまう */
#FU260807catalogAW1 .lp-staff > span {
  display: block;
  white-space: nowrap;
}

/* MV 下のテキスト（2026 / Autumn / Collection） */
#FU260807catalogAW1 .lp-lead-text {
  line-height: 1;
  white-space: nowrap;
}
/* ▲ -----------弧状のコピー---------- ▲ */

/* ▼ -----------音（TAP.）---------- ▼ */
#FU260807catalogAW1 .lp-sound {
  width: calc(36 * var(--formula));
  z-index: 4;
}

#FU260807catalogAW1 .lp-sound.is-playing {
  animation: lp-sound-pulse 0.6s ease-in-out infinite alternate;
}

@keyframes lp-sound-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.45;
  }
}
/* ▲ -----------音---------- ▲ */

/* ▼ -----------VIEW ALL ITEMS（SP）---------- ▼ */
#FU260807catalogAW1 .lp-viewall img {
  width: 100%;
}
/* ▲ -----------VIEW ALL ITEMS---------- ▲ */

/* ▼ -----------出現アニメーション---------- ▼
   初期状態（非表示）は .js-enabled 配下のみ。JS 無効・失敗時は最初から見える。 */
.js-enabled #FU260807catalogAW1 .js-fade {
  opacity: 0;
  transition: opacity 1.2s ease;
}

.js-enabled #FU260807catalogAW1 .js-fade.is-active {
  opacity: 1;
}

.js-enabled #FU260807catalogAW1 .js-mvImage {
  opacity: 0;
  transition: opacity 1.4s ease;
}

.js-enabled #FU260807catalogAW1 .js-mvImage.is-active {
  opacity: 1;
}

.js-enabled #FU260807catalogAW1 .js-mvLead,
.js-enabled #FU260807catalogAW1 .js-mvLogo {
  opacity: 0;
  translate: 0 12px;
  transition:
    opacity 1s ease,
    translate 1s ease;
}

.js-enabled #FU260807catalogAW1 .js-mvLead.is-active,
.js-enabled #FU260807catalogAW1 .js-mvLogo.is-active {
  opacity: 1;
  translate: 0 0;
}

/* 一文字ずつ表示 */
.js-enabled #FU260807catalogAW1 .js-typing .lp-copy__char,
.js-enabled #FU260807catalogAW1 .js-typing span > .lp-copy__char {
  opacity: 0;
  transition-delay: calc(var(--i, 0) * 0.08s);
}

.js-enabled #FU260807catalogAW1 .js-typing.is-active .lp-copy__char {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .js-enabled #FU260807catalogAW1 .js-fade,
  .js-enabled #FU260807catalogAW1 .js-mvImage,
  .js-enabled #FU260807catalogAW1 .js-mvLead,
  .js-enabled #FU260807catalogAW1 .js-mvLogo,
  .js-enabled #FU260807catalogAW1 .js-typing .lp-copy__char {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
  #FU260807catalogAW1 .lp-sound.is-playing {
    animation: none;
  }
}
/* ▲ -----------出現アニメーション---------- ▲ */

/* =====================================================
   要素の位置（デザイン座標。SP_2 は +11603 のオフセット済み）
   ===================================================== */
#FU260807catalogAW1 .lp-intro {
  padding-top: calc(202 * var(--formula));
  background-color: var(--color-bg-accent);
  padding-bottom: calc(222 * var(--formula));
}
/* s01 */
#FU260807catalogAW1 .lp-s01 {
  position: relative;
  margin: calc(0 * var(--formula)) auto 0;
  width: calc(500 * var(--formula));
}
/* sound1 */
#FU260807catalogAW1 .lp-sound1 {
  position: absolute;
  top: calc(46 * var(--formula));
  left: calc(532 * var(--formula));
}
/* notinlien1 */
#FU260807catalogAW1 .lp-notinlien1 {
  margin: calc(70 * var(--formula)) auto 0;
  width: calc(435 * var(--formula));
}
/* copy1 */
#FU260807catalogAW1 .lp-copy1 {
  top: calc(-26 * var(--formula));
  left: calc(80 * var(--formula));
  width: calc(485 * var(--formula));
}
#FU260807catalogAW1 .lp-copy1 {
  --arc-rotate: 6deg;
  font-size: calc(20 * var(--formula));
  letter-spacing: 0.03em;
  text-align: center;
}
/* s02 */
#FU260807catalogAW1 .lp-s02 {
  width: calc(750 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s02 .swiper-pagination {
  justify-content: flex-end;
  padding-right: calc(30 * var(--formula));
}
#FU260807catalogAW1 .lp-s02 .swiper-slide {
  aspect-ratio: 750 / 1100;
}
/* sound2 */
#FU260807catalogAW1 .lp-sound2 {
  top: calc(148 * var(--formula));
  left: calc(610 * var(--formula));
}
/* s03 */
#FU260807catalogAW1 .lp-s03-wrapper {
}
#FU260807catalogAW1 .lp-s03 {
  width: calc(552 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
  padding-top: calc(140 * var(--formula));
  padding-bottom: calc(226 * var(--formula));
}
/* copy2 */
#FU260807catalogAW1 .lp-copy2 {
  top: calc(-242 * var(--formula));
  left: calc(98 * var(--formula));
  width: calc(184 * var(--formula));
}
#FU260807catalogAW1 .lp-copy2 {
  --arc-rotate: -10deg;
  font-size: calc(20 * var(--formula));
  letter-spacing: 0.03em;
  text-align: center;
}
/* s04 */
#FU260807catalogAW1 .lp-s04 {
  width: calc(750 * var(--formula));
  margin: calc(0 * var(--formula)) auto 0;
}
/* s05 */
#FU260807catalogAW1 .lp-s05 {
  width: calc(650 * var(--formula));
  margin: calc(150 * var(--formula)) auto 0;
}
/* s06 */
#FU260807catalogAW1 .lp-s06 {
  width: calc(750 * var(--formula));
  margin: calc(152 * var(--formula)) auto 0;
}
/* s07 */
#FU260807catalogAW1 .lp-s07 {
  width: calc(650 * var(--formula));
  margin: calc(148 * var(--formula)) auto 0;
}
/* s08 */
#FU260807catalogAW1 .lp-s08 {
  width: calc(750 * var(--formula));
  margin: calc(150 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s08 .swiper-pagination {
  justify-content: flex-end;
  padding-right: calc(30 * var(--formula));
}
#FU260807catalogAW1 .lp-s08 .swiper-slide {
  aspect-ratio: 750 / 1100;
}
/* s09 */
#FU260807catalogAW1 .lp-s09 {
  margin: calc(194 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s09__back {
  position: sticky;
  top: calc((100vh - 680 * var(--formula)) / 2);
  width: calc(554 * var(--formula));
  margin: 0 auto;
}
#FU260807catalogAW1 .lp-s09__front {
  position: relative;
  z-index: 1;
  width: calc(536 * var(--formula));
  margin: 0 auto;
  padding-top: calc(10 * var(--formula));
}
#FU260807catalogAW1 .lp-shot__credit#credit-s09 {
  width: calc(500 * var(--formula));
  top: calc(22 * var(--formula));
  left: calc(17 * var(--formula));
  height: calc(654 * var(--formula));
  transform: rotate(-2deg);
}
#FU260807catalogAW1 .lp-shot__credit#credit-s09 .lp-shot__credit-text {
  width: calc(500 * var(--formula));
  transform: rotate(2deg);
}
/* s11 */
#FU260807catalogAW1 .lp-s11 {
  width: calc(750 * var(--formula));
  margin: calc(150 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s11 .lp-shot__credit-static {
  bottom: calc(30 * var(--formula));
  left: calc(40 * var(--formula));
}
/* sound3 */
#FU260807catalogAW1 .lp-sound3 {
  position: absolute;
  top: calc(164 * var(--formula));
  left: calc(543 * var(--formula));
}
/* s12 */
#FU260807catalogAW1 .lp-s12 {
  width: calc(750 * var(--formula));
  margin: calc(10 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s12 .swiper-pagination {
  justify-content: flex-end;
  padding-right: calc(30 * var(--formula));
}
#FU260807catalogAW1 .lp-s12 .swiper-slide {
  aspect-ratio: 750 / 1100;
}
#FU260807catalogAW1 .lp-s13-sticky-area {
  margin-top: calc(124 * var(--formula));
}
/* copy3 */
#FU260807catalogAW1 .lp-copy3 {
  left: calc(482 * var(--formula));
  position: relative;
  top: calc(126 * var(--formula));
  width: calc(158 * var(--formula));
  z-index: 4;
}
#FU260807catalogAW1 .lp-copy3 {
  --arc-rotate: 17deg;
  font-size: calc(20 * var(--formula));
  letter-spacing: 0.03em;
  text-align: center;
}
/* s13 */
#FU260807catalogAW1 .lp-s13 {
  position: relative;
  z-index: 2;
  width: calc(620 * var(--formula));
  margin: calc(106 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-shot__credit#credit-s13 {
  width: calc(512 * var(--formula));
  top: calc(42 * var(--formula));
  left: calc(57 * var(--formula));
  height: calc(658 * var(--formula));
  transform: rotate(-9.6deg);
}
#FU260807catalogAW1 .lp-shot__credit#credit-s13 .lp-shot__credit-text {
  width: calc(512 * var(--formula));
  transform: rotate(9.6deg);
}
/* s14 */
#FU260807catalogAW1 .lp-s14 {
  width: calc(750 * var(--formula));
  margin: calc(182 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s14 .lp-shot__credit-static {
  bottom: calc(18 * var(--formula));
  left: calc(580 * var(--formula));
}
/* sound4 */
#FU260807catalogAW1 .lp-sound4 {
  position: absolute;
  top: calc(296 * var(--formula));
  left: calc(139 * var(--formula));
}
/* s15 */
#FU260807catalogAW1 .lp-s15 {
  width: calc(750 * var(--formula));
  margin: calc(10 * var(--formula)) auto 0;
}
/* s16 */
#FU260807catalogAW1 .lp-s16 {
  margin-top: calc(204 * var(--formula));
}
#FU260807catalogAW1 .lp-s16__back {
  position: sticky;
  top: calc((100vh - 690 * var(--formula)) / 2);
  width: calc(548 * var(--formula));
  margin: 0 auto;
}
#FU260807catalogAW1 .lp-s16__front {
  width: calc(566 * var(--formula));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#FU260807catalogAW1 .lp-shot__credit#credit-s16 {
  width: calc(504 * var(--formula));
  top: calc(22 * var(--formula));
  left: calc(30 * var(--formula));
  height: calc(658 * var(--formula));
  transform: rotate(5deg);
}
#FU260807catalogAW1 .lp-shot__credit#credit-s16 .lp-shot__credit-text {
  width: calc(504 * var(--formula));
  transform: rotate(-5deg);
}
/* s18 */
#FU260807catalogAW1 .lp-s18 {
  width: calc(750 * var(--formula));
  margin: calc(212 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s18 .swiper-pagination {
  justify-content: flex-end;
  padding-right: calc(30 * var(--formula));
}
#FU260807catalogAW1 .lp-s18 .swiper-slide {
  aspect-ratio: 750 / 1100;
}
/* s19 */
#FU260807catalogAW1 .lp-s19 {
  width: calc(650 * var(--formula));
  margin: calc(148 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s19 .swiper-pagination {
  justify-content: flex-end;
  padding-right: calc(30 * var(--formula));
}
#FU260807catalogAW1 .lp-s19 .swiper-slide {
  aspect-ratio: 650 / 845;
}
/* viewall */
#FU260807catalogAW1 .lp-viewall {
  width: calc(363 * var(--formula));
  margin: calc(160 * var(--formula)) auto 0;
}
/* notinlien2 */
#FU260807catalogAW1 .lp-notinlien2 {
  width: calc(468 * var(--formula));
  margin: calc(208 * var(--formula)) auto 0;
  position: relative;
  left: calc(28 * var(--formula));
}
/* leadCollection */
#FU260807catalogAW1 .lp-leadCollection {
  width: calc(83 * var(--formula));
  margin: calc(100 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-leadCollection {
  font-size: calc(20 * var(--formula));
}
/* staff */
#FU260807catalogAW1 .lp-staff {
  margin: calc(56 * var(--formula)) auto 0;
}
/* s20 */
#FU260807catalogAW1 .lp-s20 {
  width: calc(500 * var(--formula));
  margin: calc(148 * var(--formula)) auto 0;
}
#FU260807catalogAW1 .lp-s20 .lp-shot__credit-static {
  margin: calc(100 * var(--formula)) auto 0;
}

/* =====================================================
   aria-expanded の状態に応じた a タグとカバーの有効 / 無効化
   ===================================================== */

/* --- 1. 単体画像 (.lp-shot__media) の制御 --- */
/* 閉じている時：中の a タグを無効化（クリックを親の div で受けてパネルを開く） */
#FU260807catalogAW1 .lp-shot__media[aria-expanded="false"] > a {
  pointer-events: none;
}
/* 開いている時：中の a タグを有効化 */
#FU260807catalogAW1 .lp-shot__media[aria-expanded="true"] > a {
  pointer-events: auto;
}

/* --- 2. スライダー上のカバー (.lp-shot__cover) の制御 --- */
/* 閉じている時：カバーのクリックを有効化（クリックでパネルを開く） */
#FU260807catalogAW1 .lp-shot__cover[aria-expanded="false"] {
  pointer-events: auto;
}
/* 開いている時：カバーをすり抜けさせて下のスライダーの a タグを直接クリック可能にする */
#FU260807catalogAW1 .lp-shot__cover[aria-expanded="true"] {
  pointer-events: none;
}

/* --- 3. クレジットパネル (.lp-shot__credit) の制御 --- */
/* パネル背景全体は常時すり抜け */
#FU260807catalogAW1 .lp-shot__credit {
  pointer-events: none;
}
/* パネル内のテキストリンクと閉じるボタンのみクリック可能にする */
#FU260807catalogAW1 .lp-shot__credit a,
#FU260807catalogAW1 .lp-shot__close {
  pointer-events: auto;
}