/* theme-wedding.css — フォトウェディング（wedding）テーマ層
   依存：global.css / components.css / menu.css / menu-shared.css（この順で読み込み＝後勝ち）
   読み込み条件：functions.php で is_page_template('_menu.php') かつ post_slug === 'wedding'
   役割：共通骨格 menu-shared.css（寒色デフォルト基調）の上に per-slug の配色＋柄を重ねる。
        .nb__page スコープで詳細度を上げて骨格を上書き（他メニューは menu-shared のみ＝非影響）。
   配色コンセプト：濃紺ネイビー × シャンパンゴールド — 高級・上品・フォーマル（クラシック装飾）。
        ネイビー＝構造・暗背景・見出し／ゴールド＝線・装飾・章番号・地紋。
   柄：★オーナー提供のクラシック装飾フリー素材（黒トレースSVG）を CSS の mask でテーマ金 #c2a368 に単色化。
        自作幾何だと様式美が出ないため（オーナー指摘）、実素材に切替（[[avoid-self-made-traditional-patterns]]）。
        素材（assets/img/menu/wedding/）：★2026-07-08 より繊細でウェディングらしい新素材へ全面差し替え。
          ・979166.svg  … 葉のつる草が左下→右上へ流れる枝（1280×1012・約1.27:1・bbox余白ほぼゼロ）→ 簡易ジャーニー①の対角（左上＋右下・点対称）。★2026-07-08 オーナーFB2：②中間CTAとの1333413被り解消のため新規投入
          ・1333413.svg … バラ1輪から右下へ流れる一枝（1280×637・約2:1）→ 中間CTA②の対角（左上＋右下・点対称）。左右端に「少しだけかかる」（-4px）／上下端は余白
          ・303819.svg  … 繊細な線の渦巻き＋右上に蝶・茎は左下放射（1280×1136・約1.13:1）→ 料金後CTA③の対角コーナー。左上は点対称で角向きに
          ・387197.svg  … 軽い線の渦＋ドット＋小さな葉（1280×1195・約1.07:1）→ 撮影の流れ④の対角コーナー（文字量多＝主張控えめ）
          ・309100.svg  … 大胆な渦ペイズリー（1280×1128・約1.13:1）→ 緊急性⑤の対角コーナー。★2026-07-08 オーナーFB：②中間CTAと同素材(1333413)の被り解消のため差し替え。面積大ゆえ控えめサイズ
          ・1333410.svg … 左右対称の葉飾りディバイダー紋章（1280×416・約3.08:1）→ 料金後CTA③上端中央（短い金線を紋章に格上げ・線の仕事を引き継ぐ）
          ・2351993.svg … 罫線付きコーナー額装飾（1280×1280・bbox=37,100,1139,1144）→ 額装コーナー・使い所検討中（今回未使用）
          ・303546.svg  … 現状未使用（保留）
          ・旧 308012.svg・42840.svg … 使用全撤去（ファイルは残置。より繊細な新素材へ差し替え済み）
        ※ヒーロー・最終CTA（ch9）は写真が入る前提で地紋なし。
        mask+background-color 方式＝黒トレースの色を捨て、上品な金単色の装飾になる。
        新素材は線が繊細ゆえ opacity を旧より一段上げて視認性を確保（ただし文字の可読性は侵さない）。
   WCAG：navy(#1a2744)・gold-deep(#8a6a2e)・navy-mid(#34548a) は白背景 4.5:1+。暗背景は白文字 4.5:1+。
   ================================================================ */

/* ── 配色トークン（navy＝構造・暗背景・文字／gold＝装飾・線・章番号） ── */
.nb__page {
  --nb-navy:      #1a2744;   /* 主役の濃紺：見出し強調・ラベル・アイコン（白背景4.5:1+） */
  --nb-navy-deep: #111c33;   /* 最暗：暗背景グラデの底 */
  --nb-navy-mid:  #34548a;   /* ミッドブルー：さし色・サブアクセント（白背景4.5:1+） */
  --nb-navy-lt:   #f5f7fc;   /* 淡青背景 */
  --nb-navy-lt2:  #e6ecf6;   /* 淡青背景（濃）グラデ用 */
  --nb-gold:      #c0a062;   /* シャンパンゴールド：線・装飾・帯・主役バッジ・地紋 */
  --nb-gold-deep: #8a6a2e;   /* 濃金：文字／アイコンに使う時（白背景4.5:1+） */
  --nb-gold-lt:   #faf7ee;   /* 淡金背景 */
  --nb-gold-lt2:  #f0e9d6;   /* 淡金背景（濃）グラデ用 */
  --nb-text:      #44506a;   /* 本文色（淡背景で4.5:1+） */
  --nb-orn-x:     -4px;      /* コーナー装飾（蝶の渦303819・軽い渦387197）の横方向＝左右端に「少しだけかかる」量（負値）。素材は内部余白ゼロ＝負値がそのまま画面外に消える量ゆえ浅く。SPで浅く */
  --nb-orn-y:     18px;      /* コーナー装飾の縦方向＝上下端から余白を空ける（正値）。SPで浅く */
  --nb-orn-fl-x:  -4px;      /* 一枝装飾（バラ1333413）の横方向＝左右端に「少しだけかかる」量（負値）。SPで浅く */
  --nb-orn-fl-y:  22px;      /* 一枝装飾の縦方向＝上下端から余白を空ける（正値）。SPで浅く */
}

/* セクション区切り線：gold→navy のグラデ（アールデコの金線） */
.nb__page .jm__hdiv { width: 44px; height: 2px; background: linear-gradient(90deg, var(--nb-gold), var(--nb-navy)); }
.nb__flow-detail .jm__hdiv,
.nb__chapter--cta .jm__hdiv { background: linear-gradient(90deg, rgba(192, 160, 98, .9), rgba(26, 39, 68, .7)); }
/* 料金 主役カードのバッジ：濃紺背景（白文字）＋金縁で格上げ */
.nb__page .nb__price-badge { background: var(--nb-navy); box-shadow: inset 0 0 0 1px rgba(192, 160, 98, .55); }

/* ① HERO直下ジャーニー：濃紺の面にごく浅い縦グラデで奥行き＋上下端に金の極細ヘアラインで帯を「しつらえ」として締める。
   ★オーナーFB追修4（2026-07-08）：淡青グラデ（#f7f8fc→#e9eef7）が「まだ安っぽい・もっと濃い色の方が高級感」→ 濃紺化。
   ただし本ページは濃紺CTAが複数（②中間/③料金後/④流れ＝#1f2f52→#16233f）＝全く同じにすると濃紺サンドイッチで単調。
   ジャーニーはそれらより「ひと段深く・わずかに青みを残す」上品な濃紺に振り分けて差をつける（#1b2c52→#101a33）。
   design-voice「面で塗る＞一辺バー」に沿い浅い縦グラデでのっぺりさせない。金ヘアラインは上下2本で帯を締める（.5へ上げて濃背景でも締まる）。
   淡背景前提だった中の文字色は全て暗背景用に反転（下記・全要素 対最暗#101a33 でAA/AAA）。 */
.nb__page .nb__hero-jrn {
  background: linear-gradient(180deg, #1b2c52 0%, #101a33 100%);
  border-top: 1px solid rgba(192, 160, 98, .5);
  border-bottom: 1px solid rgba(192, 160, 98, .5);
}
.nb__page .nb__hero-jrn-h2 { color: #ffffff; }
.nb__page .nb__hero-jrn-h2 em { color: var(--nb-gold); }
.nb__page .nb__hero-jrn-sub { color: rgba(255, 255, 255, .85); }
.nb__page .nb__hero-jrn-label { color: var(--nb-gold); }
.nb__page .nb__hero-jrn-title { color: #ffffff; }
/* ★オーナーFB：非activeドットが半透明だと、ステップを繋ぐ縦線がドットの丸を貫通して見える
   （他ページはドットが不透明で線が隠れる）。濃紺背景に金12%を乗せた見た目を不透明色#20304c で近似し、
   線がドット内で隠れるようにする（--activeの金地はそのまま）。 */
.nb__page .nb__hero-jrn-dot { background: #20304c; border-color: rgba(192, 160, 98, .5); }
.nb__page .nb__hero-jrn-dot svg { stroke: var(--nb-gold); }
.nb__page .nb__hero-jrn-dot--active { background: var(--nb-gold); border-color: var(--nb-gold); }
.nb__page .nb__hero-jrn-dot--active svg { stroke: #101a33; }
.nb__page .nb__hero-jrn-step:not(:last-child)::before { background: rgba(192, 160, 98, .38); }
@media (max-width: 767px) {
  .nb__page .nb__hero-jrn-steps::before { background: rgba(192, 160, 98, .38); }
  .nb__page .nb__hero-jrn-dot { background: #20304c; }
  .nb__page .nb__hero-jrn-dot--active { background: var(--nb-gold); }
}

/* ② 中間CTA：濃紺グラデ（白文字）＝金サンバーストを映す */
.nb__page .nb__mid-cta { background: linear-gradient(135deg, #1f2f52 0%, #16233f 100%); }
.nb__page .nb__mid-cta-title { color: #ffffff; }
.nb__page .nb__mid-cta-sub { color: rgba(255, 255, 255, .85); text-shadow: none; }
.nb__page .nb__mid-cta-example { color: rgba(255, 255, 255, .82) !important; text-shadow: none; }

/* ③ 料金後CTA：濃紺グラデ（テーマ濃紺・白文字＋金見出し）＝金コーナーを映す */
.nb__page .nb__price-after-cta { background: linear-gradient(135deg, #1f2f52 0%, #16233f 100%); }
/* 上部中央の紋章：短い金線を対称ディバイダー紋章（1333410）に格上げ＝線の仕事を紋章が引き継ぐ（線と紋章の二重にしない）。
   top はセクション上端に合わせる＝menu-shared の padding-top（PC 96px / SP 72px）と連動した負値。上が切れないよう +12px 内側へ。 */
.nb__page .nb__price-after-cta-inner::before {
  content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
  width: 132px; height: 43px;
  -webkit-mask: url("../../img/menu/wedding/1333410.svg") center top / contain no-repeat;
          mask: url("../../img/menu/wedding/1333410.svg") center top / contain no-repeat;
  background-color: #c2a368; opacity: 0.5;  /* 同セクション③の蝶の渦（mask地紋）と同じテーマ金に揃える（var(--nb-gold)=#c0a062 と微差があった） */
}
@media (min-width: 768px) { .nb__page .nb__price-after-cta-inner::before { top: -84px; width: 176px; height: 57px; } }
.nb__page .nb__price-after-cta-en { color: var(--nb-gold); opacity: 1; }
.nb__page .nb__price-after-cta-title { color: #ffffff; }
.nb__page .nb__price-after-cta-title em { color: var(--nb-gold); }
.nb__page .nb__price-after-cta-desc { color: rgba(255, 255, 255, .85); }
.nb__page .nb__price-after-cta-note { color: rgba(255, 255, 255, .7); }

/* ④ 撮影の流れ：濃紺グラデ（他の濃紺CTAと統一・白/金反転）＝金コーナーを乗せる。
   オーナー方針＝テーマの濃い青で揃え統一感・高級感を出す。縦長ゆえ 180deg（上→下）。
   淡背景前提の暗色文字を全て暗背景用に反転（全色 対最暗#16233f で 5.3〜15.6:1＝AA/AAA）。 */
.nb__page .nb__flow-detail { background: linear-gradient(180deg, #1f2f52 0%, #16233f 100%); }
.nb__page .nb__flow-detail .jm__sec-h2 { color: #ffffff; }
.nb__page .nb__flow-detail .jm__sec-sub { color: rgba(255, 255, 255, .62); }
.nb__page .nb__flow-dl-dot { background: rgba(192, 160, 98, .12); border-color: rgba(192, 160, 98, .42); color: var(--nb-gold); }
.nb__page .nb__flow-dl-phase { color: var(--nb-gold); opacity: 1; }
.nb__page .nb__flow-dl-title { color: #ffffff; }
.nb__page .nb__flow-dl-desc { color: rgba(255, 255, 255, .72); }
.nb__page .nb__flow-dl-cost { color: rgba(202, 170, 110, .95); background: rgba(192, 160, 98, .10); border-color: rgba(192, 160, 98, .30); }
.nb__page .nb__flow-dl-item:not(:last-child)::after { background: linear-gradient(to bottom, rgba(192, 160, 98, .44), rgba(192, 160, 98, .07)); }
.nb__page .nb__flow-dl-qa { background: rgba(255, 255, 255, .05); border: 1px solid rgba(192, 160, 98, .16); }
.nb__page .nb__flow-dl-qa-q { color: rgba(255, 255, 255, .82); }
.nb__page .nb__flow-dl-qa-a { color: rgba(255, 255, 255, .66); }
/* LINEボタン：濃紺背景に馴染むアウトライン緑（塗り#06C755は濃紺上でAA未達になり得る＝明色寄りに） */
.nb__page .nb__flow-detail .line-cta-btn {
  background: rgba(6, 199, 85, .14); color: #3ee27f; border: 1px solid rgba(6, 199, 85, .5);
  box-shadow: none;
}
.nb__page .nb__flow-detail .line-cta-btn:hover { background: rgba(6, 199, 85, .22); color: #3ee27f; border-color: rgba(6, 199, 85, .7); }

/* ⑤ 緊急性ブロック：濃紺グラデ（白文字維持・AA）＝金の雷文枠を映す */
.nb__page .nb__urgency { background: linear-gradient(135deg, #1f2f52 0%, #111c33 100%); }
.nb__page .nb__urgency-text { color: rgba(255, 255, 255, .92); }

/* ⑥ 最終CTA overlay：濃紺暗（背景写真の上に重ねる） */
.nb__page .nb__cta-bg-overlay { background: linear-gradient(to bottom, rgba(31, 47, 82, 0.34) 0%, rgba(17, 28, 51, 0.84) 100%); }

/* ⑦ 比較表ヘッダー（ch1）：navy グラデ（白文字）／自店の✓は金で特別感 */
.nb__page .nb__compare-thead { background: linear-gradient(135deg, var(--nb-navy) 0%, var(--nb-navy-deep) 100%); }
.nb__page .nb__compare-col--us { color: #ffffff !important; }
.nb__page .nb__yn--no   { color: #6f6e72; }  /* ✗：ネイビー基調に合わせた寒色寄りの無彩灰（cream 4.69:1＝AA達成・意図的トーン。他メニューの暖灰とは別トーンで正） */
.nb__page .nb__yn--cond { color: #68676e; }  /* △：同・寒色トーン維持でAA達成（cream 5.19:1・奇数行 5.01:1）。旧#76757aは4.24/4.09でAA未達だった・2026-07-06 */
.nb__page .nb__compare-cell--us .nb__yn--yes { color: var(--nb-gold-deep); }
.nb__page .nb__compare-cell:not(.nb__compare-cell--us) .nb__yn--yes { color: var(--gold-dk); }

/* ⑧ 定義ボックス（AIO）：淡金の小札＋金ラベル */
.nb__page .nb__definition {
  border-left: none; border: 1px solid var(--nb-gold-lt2); border-radius: 12px;
  background: linear-gradient(165deg, var(--nb-gold-lt) 0%, var(--warm-white) 70%);
}
.nb__page .nb__definition-label {
  font-family: var(--jp); font-size: .8rem; letter-spacing: .04em; text-transform: none;
  color: var(--nb-gold-deep); display: inline-flex; align-items: center;
}
.nb__page .nb__definition-label::before {
  content: ''; display: inline-block; width: 13px; height: 13px; margin-right: 8px;
  background-color: var(--nb-gold-deep);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' transform='rotate(45 12 12)'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' transform='rotate(45 12 12)'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nb__page .nb__definition-text strong { color: var(--nb-navy); }

/* ⑨ 料金カード画像未登録時のアイコン背景：プラン別に navy／gold を循環 */
.nb__page .nb__price-card-media--icon { background: linear-gradient(160deg, var(--nb-navy-lt) 0%, var(--warm-white) 100%); }
.nb__page .nb__price-card-media--icon svg { color: var(--nb-navy); opacity: .9; }
.nb__page .nb__price-plans .nb__price-card:nth-child(2) .nb__price-card-media--icon { background: linear-gradient(160deg, var(--nb-gold-lt) 0%, var(--warm-white) 100%); }
.nb__page .nb__price-plans .nb__price-card:nth-child(2) .nb__price-card-media--icon svg { color: var(--nb-gold-deep); }
.nb__page .nb__price-plans .nb__price-card:nth-child(3) .nb__price-card-media--icon { background: linear-gradient(160deg, var(--nb-navy-lt2) 0%, var(--warm-white) 100%); }
.nb__page .nb__price-plans .nb__price-card:nth-child(4) .nb__price-card-media--icon svg { color: var(--nb-gold-deep); }

/* ⑩ CH5 なぜカードの大数字：濃紺で引き締め（AA確保） */
.nb__page .nb__why-val { color: var(--nb-navy); }

/* ⑪ 章見出しラベル：菱形ドットを添える（明朝・金）＝アールデコの章番号。
   （共通骨格の丸◯ .jm__marker-dot は menu-shared.css で全メニュー一括非表示に移行済み） */
.nb__page .jm__marker-label { font-family: var(--jp); font-size: .82rem; letter-spacing: .08em; color: var(--nb-gold-deep); }
.nb__page .jm__marker-label::before {
  content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 7px; vertical-align: -1px;
  background-color: var(--nb-gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' transform='rotate(45 12 12)'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' transform='rotate(45 12 12)'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nb__page .nb__chapter--cta .jm__marker-label { color: var(--nb-gold); }
.nb__page .nb__chapter--cta .jm__marker-label::before { background-color: var(--nb-gold); }
.nb__page .nb__hero-card-en { color: var(--nb-gold); }


/* ⑬ 注意ボックス（CH4 案内）：淡金トーン */
.nb__page .nb__price-note-box { background: var(--nb-gold-lt); border-color: rgba(192, 160, 98, .3); color: var(--nb-text); }

/* ⑭ 写真帯overlay：濃紺暗（白クォートの可読性確保） */
.nb__page .nb__photo-band-overlay { background: linear-gradient(180deg, rgba(31, 47, 82, 0.32) 0%, rgba(17, 28, 51, 0.84) 100%); }

/* ⑮ アンカーナビ：navy 基調（色のみ上書き＝ガラス構造／JS／sticky-glass-spec は不可触） */
.nb__page .nb__page-nav:not(.is-stuck) { background-color: var(--nb-navy); }
.nb__page .nb__page-nav.is-stuck .nb__page-nav-link.is-current {
  color: var(--nb-navy); border-bottom-color: var(--nb-navy); background: rgba(26, 39, 68, .10);
}
@media (hover: hover) and (pointer: fine) {
  .nb__page .nb__page-nav.is-stuck .nb__page-nav-link:hover { color: var(--nb-navy); border-bottom-color: var(--nb-navy); }
  .nb__page .nb__page-nav:not(.is-stuck) .nb__page-nav-link:hover { color: #fff; border-bottom-color: #fff; }
}
.nb__page .nb__page-nav-link:focus-visible { outline-color: var(--nb-navy); }
.nb__page .nb__page-nav:not(.is-stuck) .nb__page-nav-link:focus-visible { outline-color: #fff; }


/* ════════════════════════════════════════════════════════════
   アールデコ地紋 — 本物のフリー素材（CC0）を mask でテーマ金 #c2a368 に単色化。
   敷き方：親に position:relative + overflow:hidden、本文ラッパーに z-index:1、装飾は ::before/::after（z-index:0）。
   配置：つる草①（979166）・一枝②（1333413）もコーナー渦（303819/387197/309100）も左右端に「少しだけかかる」程度（-4px・素材は内部余白ほぼゼロ＝負値がそのまま画面外量）・上下端は余白（点対称）。ヒーロー・最終CTAは写真前提で地紋なし。
   簡易ジャーニー①は淡青背景ゆえ opacity を大きく下げる（.16・濃紺上の.30〜.40とは別水準）。
   濃紺セクション（中間CTA/料金後CTA/流れ/緊急性）＝金コーナーが濃紺に映える。ヒーロー・最終CTAは写真前提で地紋なし。
   ════════════════════════════════════════════════════════════ */

/* ① ヒーロー背景（画像なし時のフォールバック濃紺）＝写真が入る想定のため地紋なし */
.nb__page .nb__hero--noimg .nb__hero-bg { background: linear-gradient(135deg, #1f2f52 0%, #111c33 100%); }

/* ① 簡易ジャーニー（淡青背景）＝葉のつる草（979166・1280×1012 約1.27:1）を左上・右下の対角に（点対称・金）。
   ★オーナーFB追修2（2026-07-08）：②中間CTAと同素材（1333413）の被りを解消するため 979166 に差し替え差別化。
   素材は左下→右上へ流れるつる草＝左上コーナーにそのまま置くと角から蔓が生える向き。bbox余白ほぼゼロ＝負値がそのまま画面外量。
   淡背景ゆえ金が騒がないよう opacity を濃紺上（.30〜.40）より大きく下げる（.14〜.20帯）。
   文字・現在ドット・ステップ線と被らないようコーナーに収める。既存の敷き方を踏襲（子 inner に z-index:1）。 */
.nb__page .nb__hero-jrn { position: relative; overflow: hidden; }
.nb__page .nb__hero-jrn-inner { position: relative; z-index: 1; }
.nb__page .nb__hero-jrn::before,
.nb__page .nb__hero-jrn::after {
  content: ''; position: absolute; width: 150px; height: 119px;
  -webkit-mask: url("../../img/menu/wedding/979166.svg") left top / contain no-repeat;
          mask: url("../../img/menu/wedding/979166.svg") left top / contain no-repeat;
  background-color: #c2a368; pointer-events: none; z-index: 0;
}
/* 淡背景ゆえ知覚差は小さい＝左右ほぼ同水準の低opacity。★オーナーFB4：左右反転（scaleX/scaleY）で枝の流れの向きを修正 */
.nb__page .nb__hero-jrn::before { left: var(--nb-orn-fl-x); top: var(--nb-orn-fl-y); transform: scaleX(-1); opacity: 0.16; }
.nb__page .nb__hero-jrn::after  { right: var(--nb-orn-fl-x); bottom: var(--nb-orn-fl-y); transform: scaleY(-1); opacity: 0.16; }

/* ② 中間CTA（濃紺背景）＝バラの一枝（1333413）を左上・右下の対角に（点対称・金）。
   素材は左上にバラ・右下へ茎がスイープ。★オーナーFB追修3（2026-07-08）：ジャーニー①つる草（根が角・葉が内へ）と向きの流儀を揃えるため回転。
   左上コーナー=::before を scale(-1,-1) で回転し「茎の付け根が角・バラが内側」へ、右下=::after は素のままで同じ流儀にする（従来と逆）。 */
.nb__page .nb__mid-cta { position: relative; overflow: hidden; }
.nb__page .nb__mid-cta > * { position: relative; z-index: 1; }
.nb__page .nb__mid-cta::before,
.nb__page .nb__mid-cta::after {
  content: ''; position: absolute; width: 140px; height: 70px;
  -webkit-mask: url("../../img/menu/wedding/1333413.svg") left top / contain no-repeat;
          mask: url("../../img/menu/wedding/1333413.svg") left top / contain no-repeat;
  background-color: #c2a368; pointer-events: none; z-index: 0;
}
/* 暗グラデ(左上明→右下暗)上で金の見え方が右下だけ強く出るため、明るい左上を一段濃くして知覚対称を取る。繊細な線ゆえ既存水準より微増 */
.nb__page .nb__mid-cta::before { left: var(--nb-orn-fl-x); top: var(--nb-orn-fl-y); transform: scale(-1, -1); opacity: 0.38; }
.nb__page .nb__mid-cta::after  { right: var(--nb-orn-fl-x); bottom: var(--nb-orn-fl-y); opacity: 0.30; }

/* ③ 料金後CTA（濃紺背景）＝蝶の渦（303819）を左上・右下の対角に（点対称）。
   素材は茎が左下から放射・右上に蝶＝右下コーナーにそのまま置くと角から茎が生える向き。
   左上は点対称(scale -1,-1)で角から生える向きに揃える（向きはスクショで確定）。 */
.nb__page .nb__price-after-cta { position: relative; overflow: hidden; }
.nb__page .nb__price-after-cta-inner { position: relative; z-index: 1; }
.nb__page .nb__price-after-cta::before,
.nb__page .nb__price-after-cta::after {
  content: ''; position: absolute; width: 160px; height: 142px;
  -webkit-mask: url("../../img/menu/wedding/303819.svg") left top / contain no-repeat;
          mask: url("../../img/menu/wedding/303819.svg") left top / contain no-repeat;
  background-color: #c2a368; pointer-events: none; z-index: 0;
}
/* 暗グラデ上の知覚対称：明るい左上を一段濃く。左上は点対称で角向きに */
.nb__page .nb__price-after-cta::before { left: var(--nb-orn-x); top: var(--nb-orn-y); transform: scale(-1, -1); opacity: 0.34; }
.nb__page .nb__price-after-cta::after  { right: var(--nb-orn-x); bottom: var(--nb-orn-y); transform: none; opacity: 0.28; }

/* ④ 撮影の流れ（濃紺背景）＝★オーナーFB：つる草のコーナー装飾（42840・1280×1205 約1.06:1）を
   額装風に。素材は左上向きコーナー（絡み合いから右・下へ罫線が伸びる）。
   ★左上には章ラベル「◆ Chapter 06」があり罫線がラベルに被るため、
   ラベルを避けて「右上＋左下」の対角に配置（右上=水平反転 scaleX(-1)・左下=垂直反転 scaleY(-1)）。
   画面端ピッタリでなく余白をとって内側に配置。控えめサイズ・低opacity。 */
.nb__page .nb__flow-detail { position: relative; overflow: hidden; }
.nb__page .nb__flow-detail-inner { position: relative; z-index: 1; }
.nb__page .nb__flow-detail::before,
.nb__page .nb__flow-detail::after {
  content: ''; position: absolute; width: 150px; height: 141px;
  -webkit-mask: url("../../img/menu/wedding/42840.svg") left top / contain no-repeat;
          mask: url("../../img/menu/wedding/42840.svg") left top / contain no-repeat;
  background-color: #c2a368; pointer-events: none; z-index: 0;
}
/* 余白をとって内側に。ラベルのある左上を避け 右上（水平反転）＋左下（垂直反転）に */
.nb__page .nb__flow-detail::before { right: 20px; top: 20px; transform: scaleX(-1); opacity: 0.30; }
.nb__page .nb__flow-detail::after  { left: 20px; bottom: 20px; transform: scaleY(-1); opacity: 0.26; }

/* ⑤ 緊急性（濃紺暗背景）＝大胆な渦ペイズリー（309100・1280×1128 約1.13:1）を左上・右下の対角に（点対称・金）。
   ★オーナーFB追修（2026-07-08）：②中間CTAと同素材（1333413）の被りを解消するため 309100 に差し替え差別化。
   面積があるので控えめサイズ＋opacity は暗グラデ上の既存水準（左上濃く／右下やや薄く）。向きはスクショで確定。 */
.nb__page .nb__urgency { position: relative; overflow: hidden; }
.nb__page .nb__urgency-badge, .nb__page .nb__urgency-body { position: relative; z-index: 1; }
.nb__page .nb__urgency::before,
.nb__page .nb__urgency::after {
  content: ''; position: absolute; width: 120px; height: 106px;
  -webkit-mask: url("../../img/menu/wedding/309100.svg") left top / contain no-repeat;
          mask: url("../../img/menu/wedding/309100.svg") left top / contain no-repeat;
  background-color: #c2a368; pointer-events: none; z-index: 0;
}
/* 暗グラデ上の知覚対称：明るい左上を一段濃く。★オーナーFB：左右反転（ジャーニーと同じ流儀に揃える） */
.nb__page .nb__urgency::before { left: var(--nb-orn-x); top: var(--nb-orn-y); transform: scaleY(-1); opacity: 0.38; }
.nb__page .nb__urgency::after  { right: var(--nb-orn-x); bottom: var(--nb-orn-y); transform: scaleX(-1); opacity: 0.30; }

/* ⑥ 最終CTA（#chapter9）＝写真前提のため地紋なし。ただし ★オーナーFB追修3〜5（2026-07-08）で
   街灯シルエット（1444581・1280×1280・3本＋地面線の街景。素材は下寄りに街灯・最下部に地面線）を
   セクション左下・下縁ピッタリ接地で配置（地面から街灯が生えて見えるよう＝オーナーFB5：中央でなく左下・下縁密着）。
   下縁に地面線を密着させるため bottom を負値にして素材下端の余白ぶんを画面外へ逃がす。
   親 .nb__chapter--cta は menu-shared で position:relative;overflow:hidden 済み・本文 .nb__cta-inner は z-index:1 済み＝ここでは装飾疑似要素のみ追加。
   金単色(mask+#c2a368)・低opacityで主張しすぎない。上下反転はしない（街灯が逆さにならないよう）。
   grep語: 1444581 / #chapter9::before */
.nb__page #chapter9::before {
  content: ''; position: absolute; z-index: 0; pointer-events: none;
  left: 2%; bottom: -15px; width: 140px; height: 125px;
  -webkit-mask: url("../../img/menu/wedding/1444581.svg") center bottom / contain no-repeat;
          mask: url("../../img/menu/wedding/1444581.svg") center bottom / contain no-repeat;
  /* ★オーナーFB：透過(opacity/rgbaのアルファ)で濃紺と混色すると細線の街灯が青灰に濁る→
     完全不透明のベタ金にして金色を確実に出す（細線ゆえ半透明だと色が沈む） */
  background-color: #d8b45a;
}
@media (min-width: 768px) {
  .nb__page #chapter9::before { left: 2%; bottom: -22px; width: 200px; height: 175px; }
}

/* ── スマホ（767px以下）＝はみ出し/余白を浅く・装飾をさらに小さく（文字と被らせない） ── */
@media (max-width: 767px) {
  .nb__page { --nb-orn-x: -3px; --nb-orn-y: 12px; --nb-orn-fl-x: -3px; --nb-orn-fl-y: 14px; }
  /* ③蝶の渦 118×105 */
  .nb__page .nb__price-after-cta::before, .nb__page .nb__price-after-cta::after { width: 118px; height: 105px; }
  /* ④コーナー装飾 90×85（42840・約1.06:1・右上＋左下・SPも余白確保） */
  .nb__page .nb__flow-detail::before, .nb__page .nb__flow-detail::after { width: 90px; height: 85px; }
  .nb__page .nb__flow-detail::before { right: 14px; top: 14px; }
  .nb__page .nb__flow-detail::after  { left: 14px; bottom: 14px; }
  /* ①つる草 108×85（ジャーニー①・979166 は約1.27:1） */
  .nb__page .nb__hero-jrn::before, .nb__page .nb__hero-jrn::after { width: 108px; height: 85px; }
  /* ②バラの一枝 100×50（中間CTA②・1333413 は約2:1） */
  .nb__page .nb__mid-cta::before, .nb__page .nb__mid-cta::after { width: 100px; height: 50px; }
  /* ⑤渦ペイズリー 88×78（面積があるので控えめ） */
  .nb__page .nb__urgency::before, .nb__page .nb__urgency::after { width: 88px; height: 78px; }
}