@charset "UTF-8";
.footer{
  padding-top: 0;
}


/* =====================================================
   MIESROHE with MARROW（issue256）style.css
   - SP特化型 / PC は パターンA（左カラム画像固定 + 右カラムSPコンテンツ）
   - 計測ID #MR260812MARROW_lp を全セレクタの親にスコープ
   - デザイン基準: SP 750 / PC 1920
   単位・命名などの規約は coding-guidelines.md を参照
   ===================================================== */

/* ▼ -----------可変設定---------- ▼
   .lp_variable は .lp-page（=#MR260812MARROW_lp）と同じ要素に付与 */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1920;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 580;/*PC時の中央コンテンツ列の幅（SPコンテンツを流す列）*/
  --sp-artboard-width: 750;/*SP時の中央コンテンツ列の幅*/
 /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/
 /* MQ外の既定値（SP相当）。767.5px 等の小数ビューポート幅（ブラウザズーム／Windows 125%表示）で
    どのメディアクエリにも該当せず --variable/--ratio が未定義になり、
    --formula が invalid → 全 calc が無効化されるのを防ぐ */
  --ratio: 1;
  --variable: calc(100vw / var(--sp-width));
 }

/* PC画面幅 1920px超 固定（PCデザイン幅と同値を上限に等倍で止める） */
@media (min-width: 1921px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
  --variable: 1px; /* 固定値（可変しない） */
  }
 }

 /* PC画面幅 768～1920px 可変 */
 @media (min-width: 768px) and (max-width: 1920px) {
  .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)); /* 画面幅に基づく可変値 */
  }
 }
/* ▲ -----------可変設定---------- ▲ */

/* ▼ -----------カスタムプロパティ---------- ▼ */
#MR260812MARROW_lp {
  --color-text: #000;
  --color-bg: #fafaf7;
  --font-base: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-en: "Times New Roman", Times, serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 0.8s;
  --duration-blur: 1.4s;
  /* ▼ 行送りと行ボックス補正 ▼
     デザイン（Illustrator）のテキストフレーム高は
       frame_h = (行数 - 1) × 行送り + 1.219 × fs
     で、フレーム上下端＝インクの上下端。一方 CSS は行ボックス（line-height）が
     インクの上下に均等な余白を作るため、その差分だけ前後マージンを引く必要がある。
       補正 c = (行送り - 1.219 × fs) / 2
     本文 fs24 / 行送り48 → c=9.372、本文 fs24 / 行送り50 → c=10.372、
     リード fs26 / 行送り58 → c=13.153 */
  --lh-text: 2;              /* 01〜03 本文: 行送り48 / fs24 */
  --lh-text-wide: 2.0833;    /* 04・05 本文: 行送り50 / fs24 */
  --lh-lead: 2.2308;         /* リード文: 行送り58 / fs26 */
  --fix-text: calc(9.372 * var(--formula));
  --fix-text-wide: calc(10.372 * var(--formula));
  --fix-lead: calc(13.153 * var(--formula));
  /* ▲ 行送りと行ボックス補正 ▲ */
}
/* ▲ -----------カスタムプロパティ---------- ▲ */

/* ▼ -----------LPスコープ リセット---------- ▼ */
#MR260812MARROW_lp * {
  box-sizing: border-box;
  font: inherit; /* font-family / size / weight / style / line-height を継承（フォーム部品含む） */
  letter-spacing: inherit; /* font ショートハンドに含まれないため明示 */
  font-feature-settings: "palt";
}

#MR260812MARROW_lp .js-credit{
  position: relative;
}
#MR260812MARROW_lp .js-credit{
  pointer-events: all;
}
/* #MR260812MARROW_lp .js-credit a{
  pointer-events: none;
} */
#MR260812MARROW_lp .js-credit.credit-active a{
  pointer-events: all;
}
#MR260812MARROW_lp .js-credit.credit-active .lp-credit a{
  position: absolute;
  opacity: 1;
}

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

#MR260812MARROW_lp picture {
  display: block;
}

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

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

/* 表示制御ユーティリティ */
@media (min-width: 768px) {
  #MR260812MARROW_lp .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #MR260812MARROW_lp .is-hidden--mobile {
    display: none !important;
  }
}
/* ▲ -----------LPスコープ リセット---------- ▲ */

/* ▼ -----------ベーススタイル---------- ▼ */
#MR260812MARROW_lp {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;   /* line-height は単位なし */
  letter-spacing: 0;  /* デザインは字間ほぼゼロ（letter-spacing は em で指定する） */
  overflow-x: clip;
}

#MR260812MARROW_lp h1,
#MR260812MARROW_lp h2 {
  margin: 0;
  font-weight: normal;
}

#MR260812MARROW_lp p {
  margin: 0;
}
/* ▲ -----------ベーススタイル---------- ▲ */

/* ▼ -----------出現アニメーション---------- ▼ */
/* 下からフェードイン（テキスト・見出し） */
#MR260812MARROW_lp .js-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);
}

#MR260812MARROW_lp .js-inview.is-active {
  opacity: 1;
  translate: 0 0;
}

/* 滲んだフェード表示（画像） */
#MR260812MARROW_lp .js-blurin {
  opacity: 0;
  filter: blur(calc(16 * var(--formula, 1px)));
  transition: opacity var(--duration-blur) var(--ease-base),
    filter var(--duration-blur) var(--ease-base);
}

#MR260812MARROW_lp .js-blurin.is-active {
  opacity: 1;
  filter: none; /* blur(0) を残すと大判画像の GPU レイヤ／ラスタライズが永続するため none にする */
}

@media (prefers-reduced-motion: reduce) {
  #MR260812MARROW_lp .js-inview,
  #MR260812MARROW_lp .js-blurin {
    opacity: 1;
    translate: 0 0;
    filter: none;
    transition: none;
  }
}
/* ▲ -----------出現アニメーション---------- ▲ */

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

/* 中央コンテンツ列の幅（SP: sp-artboard-width / PC: pc-artboard-width） */
#MR260812MARROW_lp .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  #MR260812MARROW_lp .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

/* グリッド本体（PCのみ grid 化。SPは通常フロー） */
@media (min-width: 768px) {
  #MR260812MARROW_lp .lp-layout { display: grid; align-items: start; }
  #MR260812MARROW_lp .lp-layout--col-2 { grid-template-columns: 1fr 1fr; }
  #MR260812MARROW_lp .lp-layout--col-3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}

/* 中央（スクロールする本体）: 横はみ出しを閉じる */
#MR260812MARROW_lp .lp-layout__primary { overflow-x: clip; }

/* 左右サブ（PC追従／SP非表示） */
#MR260812MARROW_lp .lp-layout__sub { display: none; }
@media (min-width: 768px) {
  #MR260812MARROW_lp .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--lp-header-offset, 0px);
    height: calc(100dvh - var(--lp-header-offset, 0px));
    overflow: hidden;
  }
}
/* ▲ -----------レイアウト（2/3カラム）既定---------- ▲ */

/* =====================================================
   ここから案件固有のセクションスタイル
   ===================================================== */

/* ▼ -----------PCカラム比率（デザイン: 左1080 : 右840 ＝ 56.25% : 43.75%）---------- ▼ */
@media (min-width: 768px) {
  #MR260812MARROW_lp .lp-layout--col-2 {
    grid-template-columns: 1080fr 840fr;
  }
  /* 左カラムの固定ビジュアルはデザイン通り上寄せ */
  #MR260812MARROW_lp .lp-layout__sub--left {
    align-items: start;
  }
}

@media (min-width: 1921px) {
  /* 固定モード（--variable: 1px）では中身が固定寸法（左カラム画像1080 / SP列580）になるため、
     列幅も 1920 デザインの 1080:840 で固定してセンタリングする。
     % のままだと画面が広がるほど左カラム画像とSP列の間隔がデザイン値(130)から開いていく */
  #MR260812MARROW_lp .lp-layout--col-2 {
    grid-template-columns: 1080px 840px;
    justify-content: center;
  }
}
/* ▲ -----------PCカラム比率---------- ▲ */

/* ▼ -----------MV（SP専用・競り上がりの背面）---------- ▼ */
#MR260812MARROW_lp .lp-mv {
  position: sticky;
  top: 0;
  z-index: 0;
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit01 a{
  top: calc(130 * var(--formula));
  left: calc(300 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit01 a::before{
  top: calc(19 * var(--formula));
  left: calc(-42 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit02 a{
  top: calc(454 * var(--formula));
  right: calc(44 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit02 a::before{
  top: calc(20 * var(--formula));
  left: calc(-40 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit03 a{
  bottom: calc(299 * var(--formula));
  right: calc(132 * var(--formula));
  text-align: right;
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit03 a::after{
  top: calc(18 * var(--formula));
  right: calc(-24 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit04 a{
  bottom: calc(203 * var(--formula));
  left: calc(291 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit04 a::before{
  top: calc(19 * var(--formula));
  left: calc(-36 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit05 a{
  bottom: calc(115 * var(--formula));
  left: calc(130 * var(--formula));
}
#MR260812MARROW_lp .lp-mv .lp-mv-credit05 a::before{
  top: calc(18 * var(--formula));
  left: calc(-35 * var(--formula));
}
/* ▲ -----------MV---------- ▲ */

/* ▼ -----------PC左カラム 固定ビジュアル---------- ▼ */
#MR260812MARROW_lp .lp-hero {
  width: 100%;
}
#MR260812MARROW_lp .lp-hero a{
  width: 100%;
}

#MR260812MARROW_lp .lp-hero img {
  /* 縦が足りない窓（100dvh < 950 × (100vw/1920)、例 1920×860）でも全体が収まるように
     縦横どちらでも制限する。下端付近に焼き込みキャプション
     「Collaboration bag Collection」があり、切れると欠落するため */
  /* width: auto;
  height: auto;
  max-width: calc(1070 * var(--formula_pc));
  max-height: 100%;
  margin-inline: auto; */
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center top;
}
#MR260812MARROW_lp .lp-hero .lp-left-title img,#MR260812MARROW_lp .lp-hero .lp-left-sub-title img{
  object-fit: contain;
  height: auto;
}
#MR260812MARROW_lp .lp-hero .lp-left-title{
  width:calc(374 * var(--formula_pc));
  display: block;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#MR260812MARROW_lp .lp-hero .lp-left-sub-title{
  width:calc(350 * var(--formula_pc));
  display: block;
  position: absolute;
  bottom: calc(62 * var(--formula_pc));
  right: 0;
  left: 0;
  margin: 0 auto;
}
/* ▲ -----------PC左カラム---------- ▲ */

/* ▼ -----------本文ブロック（SPは競り上がり）---------- ▼
   デザイン: 白ブロック上端 y988.05（MVに 11.95 被る）／上部角丸 10.5 */
#MR260812MARROW_lp .lp-body {
  position: relative;
  z-index: 1;
  margin-top: calc(-11.95 * var(--formula));
  padding-top: calc(98.95 * var(--formula));
  padding-bottom: calc(76 * var(--formula));
  background-color: var(--color-bg);
  border-radius: calc(10.5 * var(--formula)) calc(10.5 * var(--formula)) 0 0;
}

@media (min-width: 768px) {
  /* PCはMVが左カラムに移るため競り上がり・角丸なし。リード文の位置（デザイン y383）を padding で作る。
     padding の直後がテキスト（リード文）なので行ボックス補正を引く */
  #MR260812MARROW_lp .lp-body {
    margin-top: 0;
    padding-top: calc(390 * var(--formula_pc) - var(--fix-lead));
    border-radius: 0;
  }
}
/* ▲ -----------本文ブロック---------- ▲ */

/* ▼ -----------リード（ロゴ + 導入文）---------- ▼ */
#MR260812MARROW_lp .lp-lead__logo {
  width: calc(266 * var(--formula));
  margin-inline: auto;
}

#MR260812MARROW_lp .lp-lead__text {
  /* デザイン: ロゴ画像下端 → リード文フレーム上端 44 */
  width: calc(652 * var(--formula)); /* デザインのテキストフレーム幅 */
  margin-top: calc(55 * var(--formula) - var(--fix-lead));
  margin-inline: auto;
  font-size: calc(26 * var(--formula));
  line-height: var(--lh-lead);
  letter-spacing: -0.03em; /* デザイン実測: 1文字送り ≒ 0.965em */
  text-align: center;
}

@media (min-width: 768px) {
  /* PCはロゴ非表示のため、リード文が本文ブロックの先頭になる */
  #MR260812MARROW_lp .lp-lead__text {
    margin-top: 0;
  }
}
/* ▲ -----------リード---------- ▲ */

/* ▼ -----------商品セクション（共通）---------- ▼ */
/* 見出し（番号 + 商品名 + 価格：Times New Roman のため画像） */
#MR260812MARROW_lp .lp-item__title {
  margin-inline: auto;
}

/* 写真 */
#MR260812MARROW_lp .lp-item__photo {
  position: relative;
  margin-inline: auto;
}

/* 幅バリエーション */
#MR260812MARROW_lp .lp-item__photo--full {
  width: 100%;
}

#MR260812MARROW_lp .lp-item__photo--slider,
#MR260812MARROW_lp .lp-item__photo--look {
  width: calc(610 * var(--formula));
}

#MR260812MARROW_lp .lp-item__photo--small {
  width: calc(500 * var(--formula));
}

/* 本文 */
#MR260812MARROW_lp .lp-item__text {
  font-size: calc(24 * var(--formula));
  line-height: var(--lh-text);
  letter-spacing: -0.08em; /* デザイン実測: 1文字送り ≒ 0.91em（fs24 で 21.87px） */
  text-align: center;
}

/* 04・05 のみ行送り50（デザイン設定差） */
#MR260812MARROW_lp .lp-item--04 .lp-item__text,
#MR260812MARROW_lp .lp-item--05 .lp-item__text {
  line-height: var(--lh-text-wide);
}
/* ▲ -----------商品セクション（共通）---------- ▲ */

/* ▼ -----------商品セクション（個別：デザイン実測値）---------- ▼
   マージンは「デザインのフレーム間距離 − 行ボックス補正」で指定する。
   前後が画像同士なら補正なし、テキストが絡む側だけ --fix-* を引く。 */

/* 見出し幅（画像の実寸） */
#MR260812MARROW_lp .lp-item--01 .lp-item__title { width: calc(353 * var(--formula)); }
#MR260812MARROW_lp .lp-item--02 .lp-item__title { width: calc(513 * var(--formula)); }
#MR260812MARROW_lp .lp-item--03 .lp-item__title { width: calc(550 * var(--formula)); }
#MR260812MARROW_lp .lp-item--04 .lp-item__title { width: calc(543 * var(--formula)); }
#MR260812MARROW_lp .lp-item--05 .lp-item__title { width: calc(524 * var(--formula)); }

/* セクション間（前セクション末尾 → 見出し画像） */
/* 01: リード文フレーム下端 → 148（前がテキスト fs26/行送り58） */
#MR260812MARROW_lp .lp-item--01 .lp-item__title { margin-top: calc(166 * var(--formula) - var(--fix-lead)); }
/* 02: 01 本文フレーム下端 → 99.74（前がテキスト fs24/行送り48） */
#MR260812MARROW_lp .lp-item--02 .lp-item__title { margin-top: calc(113 * var(--formula) - var(--fix-text)); }
/* 03: 02 の写真下端 → 179.74（前が画像＝補正なし） */
#MR260812MARROW_lp .lp-item--03 .lp-item__title { margin-top: calc(179.74 * var(--formula)); }
/* 04: 03 本文フレーム下端 → 170.74（前がテキスト fs24/行送り48） */
#MR260812MARROW_lp .lp-item--04 .lp-item__title { margin-top: calc(185 * var(--formula) - var(--fix-text)); }
/* 05: 04 の写真下端 → 134.33（前が画像＝補正なし） */
#MR260812MARROW_lp .lp-item--05 .lp-item__title { margin-top: calc(134.33 * var(--formula)); }

@media (min-width: 768px) {
  /* PCはロゴが左カラムに移り、リード文の下に大きく余白が入る（デザイン: 377.69） */
  #MR260812MARROW_lp .lp-item--01 .lp-item__title {
    margin-top: calc(377.69 * var(--formula_pc) - var(--fix-lead));
  }
}

/* 見出し画像 → 写真（画像同士＝補正なし） */
#MR260812MARROW_lp .lp-item--01 .lp-item__title + .lp-item__photo { margin-top: calc(33.29 * var(--formula)); }
#MR260812MARROW_lp .lp-item--02 .lp-item__title + .lp-item__photo { margin-top: calc(31.82 * var(--formula)); }
#MR260812MARROW_lp .lp-item--03 .lp-item__title + .lp-item__photo { margin-top: calc(34.12 * var(--formula)); }
#MR260812MARROW_lp .lp-item--04 .lp-item__title + .lp-item__photo { margin-top: calc(33.62 * var(--formula)); }
#MR260812MARROW_lp .lp-item--05 .lp-item__title + .lp-item__photo { margin-top: calc(33.63 * var(--formula)); }

/* 写真 → 本文（後がテキスト＝補正あり） */
#MR260812MARROW_lp .lp-item--01 .lp-item__photo + .lp-item__text { 
  margin: calc(56 * var(--formula) - var(--fix-text)) auto 0; 
  width: calc(606 * var(--formula));
}
#MR260812MARROW_lp .lp-item--02 .lp-item__photo + .lp-item__text { 
  margin: calc(58 * var(--formula) - var(--fix-text)) auto 0;
  width: calc(608 * var(--formula));
}
#MR260812MARROW_lp .lp-item--03 .lp-item__photo + .lp-item__text { 
  margin: calc(67 * var(--formula) - var(--fix-text)) auto 0;
  width: calc(629 * var(--formula));
}
#MR260812MARROW_lp .lp-item--04 .lp-item__photo + .lp-item__text { 
  margin: calc(58 * var(--formula) - var(--fix-text-wide)) auto 0;
  width: calc(528 * var(--formula));
}
#MR260812MARROW_lp .lp-item--05 .lp-item__photo + .lp-item__text { 
  margin: calc(56 * var(--formula) - var(--fix-text-wide)) auto 0; 
  width: calc(536 * var(--formula));
}

/* 本文 → 写真（前がテキスト＝補正あり） */
#MR260812MARROW_lp .lp-item--01 .lp-item__text + .lp-item__photo { margin-top: calc(99 * var(--formula) - var(--fix-text)); }
#MR260812MARROW_lp .lp-item--02 .lp-item__text + .lp-item__photo { margin-top: calc(71 * var(--formula) - var(--fix-text)); }
#MR260812MARROW_lp .lp-item--04 .lp-item__text + .lp-item__photo { margin-top: calc(91 * var(--formula) - var(--fix-text-wide)); }

/* 段落間（デザイン実測: 段落送り − 通常行送り。行ボックス基準なので補正不要） */
#MR260812MARROW_lp .lp-item--01 .lp-item__text + .lp-item__text { margin-top: calc(19.5 * var(--formula)); }
#MR260812MARROW_lp .lp-item--02 .lp-item__text + .lp-item__text { margin-top: calc(22 * var(--formula)); }
#MR260812MARROW_lp .lp-item--03 .lp-item__text + .lp-item__text { margin-top: calc(21.5 * var(--formula)); }
/* 03 の 2段落目→3段落目のみ 22 */
#MR260812MARROW_lp .lp-item--03 .lp-item__text + .lp-item__text + .lp-item__text { margin-top: calc(22 * var(--formula)); }
/* ▲ -----------商品セクション（個別）---------- ▲ */


/* ▼ -----------credit---------- ▼ */
#MR260812MARROW_lp .lp-item--01 .lp-credit a{
  left: calc(293* var(--formula));
  bottom: calc(195* var(--formula));
}
#MR260812MARROW_lp .lp-item--01 .lp-credit a::before{
  left: calc(-33 * var(--formula));
  top: calc(19 * var(--formula));
}
#MR260812MARROW_lp .lp-item--02 .lp-credit a{
  left: calc(392* var(--formula));
  bottom: calc(305* var(--formula));
}
#MR260812MARROW_lp .lp-item--02 .lp-credit a::before{
  left: calc(-35 * var(--formula));
  top: calc(21 * var(--formula));
}
#MR260812MARROW_lp .lp-item--04 .lp-credit a{
  right: calc(66* var(--formula));
  bottom: calc(243* var(--formula));
}
#MR260812MARROW_lp .lp-item--04 .lp-credit a::before{
  left: calc(-34 * var(--formula));
  top: calc(19 * var(--formula));
}
#MR260812MARROW_lp .lp-end .lp-credit a{
  right: calc(65* var(--formula));
  bottom: calc(69* var(--formula));
}
#MR260812MARROW_lp .lp-end .lp-credit a::before{
  left: calc(-29 * var(--formula));
  top: calc(20 * var(--formula));
}

/* ▼ -----------スライダー（01：画像スイッチ）---------- ▼ */
#MR260812MARROW_lp .lp-slider .swiper {
  width: 100%;
}

#MR260812MARROW_lp .lp-slider__pagination.swiper-pagination {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: calc(9 * var(--formula));
  bottom: calc(9 * var(--formula));
  left: auto;
  width: auto;
}

#MR260812MARROW_lp .lp-slider__pagination .swiper-pagination-bullet {
  width: calc(7 * var(--formula));
  height: calc(7 * var(--formula));
  margin: 0 calc(2.75 * var(--formula));
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 1;
}

#MR260812MARROW_lp .lp-slider__pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
/* ▲ -----------スライダー---------- ▲ */

/* ▼ -----------商品クレジット（タップで表示）---------- ▼
   ※ 中身はダミー（tap_on_credit レイヤーが非表示で抽出不可）。実テキスト確定後に差し替える */
#MR260812MARROW_lp .lp-credit a {
  opacity: 0;
  transition: 0.4s;
  position: absolute;
  z-index: 2;
  color: white;
}
#MR260812MARROW_lp .lp-credit.left-accent a::before{
  content: "";
  width: calc(17 * var(--formula));
  height: calc(17 * var(--formula));
  display: block;
  background: white;
  border-radius: 50%;
  position: absolute;
}
#MR260812MARROW_lp .lp-credit.right-accent a::after{
  content: "";
  width: calc(17 * var(--formula));
  height: calc(17 * var(--formula));
  display: block;
  background: white;
  border-radius: 50%;
  position: absolute;
}

#MR260812MARROW_lp .lp-credit__toggle {
  position: relative;
  display: block;
  /* タップターゲットは最低 44px 確保（WCAG 2.5.8）。
     デザイン値 44 のままだと SP375 で 22px・PC768px で 13.6px しかなく操作できない。
     ※クレジットはダミー実装（tap_on_credit レイヤー非表示で寸法が不明）。実データ受領後に見直す */
  width: max(calc(44 * var(--formula)), 44px);
  height: max(calc(44 * var(--formula)), 44px);
  margin: calc(18 * var(--formula));
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  transition: background-color 0.3s var(--ease-base);
}

/* ＋ アイコン */
#MR260812MARROW_lp .lp-credit__toggle::before,
#MR260812MARROW_lp .lp-credit__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #000;
  translate: -50% -50%;
  transition: rotate 0.3s var(--ease-base);
}

#MR260812MARROW_lp .lp-credit__toggle::before {
  width: max(calc(16 * var(--formula)), 16px);
  height: 1px;
}

#MR260812MARROW_lp .lp-credit__toggle::after {
  width: 1px;
  height: max(calc(16 * var(--formula)), 16px);
}

#MR260812MARROW_lp .lp-credit.is-active .lp-credit__toggle::after {
  rotate: 90deg;
}

#MR260812MARROW_lp .lp-credit__body {
  font-family: var(--font-en);
  font-size: calc(21 * var(--formula));
  line-height: 1.27;
  font-style: italic;
  letter-spacing: 0.01em;
}

#MR260812MARROW_lp .lp-credit.is-active .lp-credit__body {
  opacity: 1;
  visibility: visible;
}
/* ▲ -----------商品クレジット---------- ▲ */

/* ▼ -----------末尾ブロック---------- ▼ */
#MR260812MARROW_lp .lp-end {
  /* デザイン: 05 本文フレーム下端 → 末尾MV上端 129.86（前がテキスト fs24/行送り50） */
  margin-top: calc(147 * var(--formula) - var(--fix-text-wide));
}

#MR260812MARROW_lp .lp-end__mv {
  position: relative;
  width: 100%;
}

#MR260812MARROW_lp .lp-end__logo {
  width: calc(266 * var(--formula));
  margin-top: calc(96 * var(--formula));
  margin-inline: auto;
}

#MR260812MARROW_lp .lp-end__btn {
  display: block;
  width: calc(462 * var(--formula));
  margin-top: calc(141 * var(--formula));
  margin-inline: auto;
  transition: opacity 0.3s var(--ease-base);
}

#MR260812MARROW_lp .lp-end__credit {
  width: calc(490 * var(--formula));
  margin-top: calc(39 * var(--formula));
  margin-inline: auto;
}

@media (hover: hover) {
  #MR260812MARROW_lp .lp-end__btn:hover {
    opacity: 0.6;
  }
}
/* ▲ -----------末尾ブロック---------- ▲ */