/* ============================================================
   EXP-157 和装(Nagi)新LP — 和装トンマナ override
   洋装 yuen-flow-v2.css の上に重ねる。body.nagi-flow スコープ限定。
   洋装のピンク基調(lp-pink / lp-bg--pink / CTA #d16373)を
   和の色(蘇芳/臙脂・金茶・生成り)へ置換し、和装の上質感に寄せる。
   ============================================================ */
body.nagi-flow{
  --wa-accent:#9a2f3a;    /* 蘇芳/臙脂 = 和の赤(白無垢・色打掛に映える) */
  --wa-accent-d:#7d2531;
  --wa-gold:#a07d2c;      /* 金茶 = サブアクセント */
  --wa-bg:#f6f1e9;        /* 生成り = セクション地色 */
  --wa-bg2:#efe7da;
  --wa-ink:#3a2e29;       /* 墨茶 = 見出し */
}

/* --- FV: 縦長4:5画像に合わせてカルーセルを縦長に(洋装の正方形FV→和装は縦長スライダー・福田提供の4枚 1080x1350) --- */
body.nagi-flow .s-concept,
body.nagi-flow .s-concept_inner,
body.nagi-flow .s-concept_display,
body.nagi-flow .s-concept_display_list,
body.nagi-flow .s-concept_display_slide{ height:auto !important; aspect-ratio:auto !important; }
body.nagi-flow .s-concept_display_image{
  width:100% !important; height:auto !important; aspect-ratio:4/5;
  object-fit:cover; display:block;
}

/* --- コンセプト見出し: 「YUEN WEDDING」はCinzel大文字のまま / 「和 -nagi-」だけ小文字を持つ明朝へ
       (Cinzelは大文字専用フォントで nagi→NAGI になるため) --- */
body.nagi-flow .lp-fair__title{ font-weight:500; } /* YUEN WEDDING(Cinzel)を少し太く(和側より細く見えるため・福田指摘) */
body.nagi-flow .lp-fair__title span{ font-family:"Shippori Mincho","Noto Serif JP",serif; font-weight:500; }

/* --- ハイライト(和色) : copy は .lp-wa を使用。洋装 .lp-pink も和色へ --- */
body.nagi-flow .lp-wa,
body.nagi-flow .lp-pink{ color:var(--wa-accent); font-weight:700; }

/* --- セクション背景(洋装の薄ピンク → 和の生成り) --- */
body.nagi-flow .lp-bg--pink{ background:var(--wa-bg); }

/* --- 見出し系を墨茶/金茶に --- */
body.nagi-flow .lp-sect-title,
body.nagi-flow .lp-fair__title{ color:var(--wa-ink); }
/* lp-point__title(選ばれる理由バナー)は洋装に合わせ白文字(ベース#fff)のまま=色指定しない(福田指摘) */
/* 選ばれる理由の説明文: justify(両端揃え)だと行ごとに字間が伸縮し幅感が不揃い→左揃えに(福田指摘) */
body.nagi-flow .lp-point__item-text{ text-align:left; }
/* 選ばれる理由: タイトルは洋装と同じサイズのまま左詰め・改行可(無理に小さくしない・福田指摘で1行強制を撤回) */
body.nagi-flow .lp-point__item-title{ text-align:left; line-height:1.5; } /* 2行に折返す場合の行間(福田指摘) */
body.nagi-flow .lp-point__lead{ margin-bottom:56px; } /* lead(選ばれる理由 導入)↔理由1カードの余白(福田指摘・42→56でもう少し広く) */
/* カード上部(カウンター↔タイトル)の余白(福田指摘・24px→16pxの方がきれい) */
body.nagi-flow .lp-point__item{ padding-top:16px !important; }
/* yf-notice 説明文: フォントは洋装と同じ(Zen Kaku Gothic New)。justify(両端揃え)で字間がムラになり読みにくいため左揃えに(福田指摘) */
body.nagi-flow .yf-notice__desc{ text-align:left; }
/* yf-notice: ヘアセット価格タグ(和色ピル) */
body.nagi-flow .yf-notice__tag{ display:inline-block; margin-left:4px; padding:2px 9px; font-size:11px; font-weight:500; border-radius:11px; background:var(--wa-accent); color:#fff; vertical-align:middle; letter-spacing:.02em; }
/* yf-notice: ※を「アイコン+ぶら下げインデント」に=2行目以降が※の右(本文)に揃い読みやすく(福田指摘) */
body.nagi-flow .yf-notice__list{ list-style:none; margin:0; padding:0; text-align:left; }
body.nagi-flow .yf-notice__list li{ position:relative; padding-left:1.4em; margin-bottom:7px; font-size:12px; line-height:1.85; color:#4a3f28; }
body.nagi-flow .yf-notice__list li:last-child{ margin-bottom:0; }
body.nagi-flow .yf-notice__list li::before{ content:"※"; position:absolute; left:0; top:0.1em; color:var(--wa-accent); font-size:11px; }
body.nagi-flow .yf-notice__list strong{ color:var(--wa-accent); font-weight:700; }
body.nagi-flow .yf-notice__desc--lead{ margin-bottom:9px; }
/* プランカード: ヘアセットを内部リンク化(クリックで#hairset-optionへスクロール・福田指摘) */
body.nagi-flow .lp-plans__feature-link{ color:var(--wa-accent); text-decoration:underline; text-underline-offset:2px; }
/* 本文内リンク(流れ→プラン別 当日の流れ / アクセス導線 等)は本文と区別=和色+下線(福田指摘・無スタイルだった) */
body.nagi-flow .yf-store-link{ color:var(--wa-accent); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
/* ご利用の流れ: ベースが white-space:nowrap で04(最長)がカード外へはみ出す→折返し可+右に余白を確保(福田指摘・再調整) */
body.nagi-flow .lp-flow__item-label{ white-space:normal !important; padding-right:8px; }
body.nagi-flow .lp-flow__item-dur{ display:inline-block; white-space:nowrap; font-size:11px; }
/* プラン別 当日の流れ(折りたたみ・プランボタンで展開・item5。旧/nagi/タイムライン翻案) */
body.nagi-flow .lp-flow-detail{ margin:26px 16px 0; padding-top:22px; border-top:1px solid rgba(122,90,44,.18); }
body.nagi-flow .lp-flow-detail__title{ font-family:"Shippori Mincho",serif; font-size:16px; color:var(--wa-ink); text-align:center; letter-spacing:.04em; }
body.nagi-flow .lp-flow-detail__sub{ font-size:12px; color:#6b6258; text-align:center; margin:6px 0 16px; line-height:1.7; }
body.nagi-flow .lp-flow-detail__tabs{ display:flex; gap:8px; }
body.nagi-flow .lp-flow-detail__tab{ flex:1; padding:9px 4px; border:1px solid var(--wa-accent); border-radius:8px; background:#fff; color:var(--wa-accent); font-size:13px; font-weight:700; letter-spacing:.04em; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:2px; line-height:1.2; transition:background .15s; }
body.nagi-flow .lp-flow-detail__tab small{ font-size:10px; font-weight:500; opacity:.85; }
body.nagi-flow .lp-flow-detail__tab.is-active{ background:var(--wa-accent); color:#fff; }
body.nagi-flow .lp-flow-detail__panel{ margin-top:18px; }
body.nagi-flow .lp-timeline{ list-style:none; margin:0; padding:2px 2px 0; }
body.nagi-flow .lp-timeline__item{ position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:0 2px 16px 22px; }
body.nagi-flow .lp-timeline__item::before{ content:""; position:absolute; left:5px; top:6px; bottom:-2px; width:1px; background:rgba(122,90,44,.22); }
body.nagi-flow .lp-timeline__item:last-child::before{ display:none; }
body.nagi-flow .lp-timeline__item::after{ content:""; position:absolute; left:0; top:5px; width:11px; height:11px; border-radius:50%; background:#fff; border:2px solid rgba(122,90,44,.4); box-sizing:border-box; }
body.nagi-flow .lp-timeline__item--shoot::after{ background:var(--wa-accent); border-color:var(--wa-accent); }
body.nagi-flow .lp-timeline__item--last::after{ background:var(--wa-gold); border-color:var(--wa-gold); }
body.nagi-flow .lp-timeline__t{ font-size:13px; color:#3a2e29; line-height:1.5; }
body.nagi-flow .lp-timeline__item--shoot .lp-timeline__t{ font-weight:700; color:var(--wa-accent-d); }
body.nagi-flow .lp-timeline__t small{ display:block; font-size:11px; color:#8a7f72; font-weight:400; margin-top:2px; letter-spacing:0; }
body.nagi-flow .lp-timeline__d{ flex-shrink:0; font-size:12px; color:#6b6258; padding-top:1px; }
body.nagi-flow .lp-fair__title-sub,
body.nagi-flow .lp-sect-sub,
body.nagi-flow .yf-report__caption{ color:var(--wa-gold); letter-spacing:.08em; }

/* --- trust-badge : 価格と strong を和色 --- */
body.nagi-flow .s-trust-badge__price-amount{ color:var(--wa-accent); }
body.nagi-flow .s-trust-badge__label strong{ color:var(--wa-accent); }
body.nagi-flow .s-trust-badge__price-from{ color:var(--wa-ink); }
/* trust-badge: クイックリンク nav の上に少し余白(福田指摘・12px→22px) */
body.nagi-flow .s-trust-badge__nav{ margin-top:22px; }

/* --- CTA: 洋装と同じ配色(ピンク #d16373)に統一(福田指摘)=和色overrideを解除しベースのまま使う --- */

/* --- 料金プラン : 人気枠と バッジ を和色、プラン名は墨茶 --- */
body.nagi-flow .lp-plans__item--popular{ border-color:var(--wa-accent); }
body.nagi-flow .lp-plans__badge{ background:var(--wa-accent); color:#fff; }
body.nagi-flow .lp-plans__name{ color:var(--wa-ink); }
body.nagi-flow .lp-plans__price-num{ color:var(--wa-accent); }
/* 料金プラン: 各カードに詳細(features)を常時表示(福田指摘)。新LPトンマナの簡潔リスト・行間やや詰めでカードを締める */
body.nagi-flow .lp-plans__features{ list-style:none; margin:14px 2px 2px; padding:13px 0 0; border-top:1px dashed rgba(122,90,44,.28); text-align:left; }
body.nagi-flow .lp-plans__features li{ font-size:12px; line-height:1.55; color:#4a443b; padding:2px 0 2px 15px; position:relative; }
body.nagi-flow .lp-plans__features li::before{ content:""; position:absolute; left:2px; top:9px; width:5px; height:5px; border-radius:50%; background:var(--wa-accent); }
body.nagi-flow .lp-plans__features strong{ color:var(--wa-accent); font-weight:700; }

/* --- お悩み: 洋装と同じ「塗りつぶし地 + 白見出し/白ブリッジ + 白カード(濃文字) + 淡い?丸」を和色(蘇芳#98454f)で。
       ベースが .lp-worry に #9dbdcd を当てるため !important で確実に塗りつぶす --- */
/* お悩み採用=パターンB(薄藍 #7591a3・福田選定2026-06-29)。洋装同様、お悩みだけ別色の塗りつぶし帯 */
body.nagi-flow .lp-worry,
body.nagi-flow .lp-worry__bridge{ background:#7591a3 !important; }
body.nagi-flow .lp-worry__title,
body.nagi-flow .lp-worry__bridge-text{ color:#fff; }
body.nagi-flow .lp-worry__txt{ color:#4a443b; }
body.nagi-flow .lp-worry__q{ background:#e1ebf0; color:#3f6178; }

/* --- お客様の声 : 星は金茶寄りの落ち着いた色 --- */
body.nagi-flow .yf-stars{ color:#caa64a; }
body.nagi-flow .lp-voice__item-title{ color:var(--wa-accent-d); }

/* --- メモリアル : ラベルを和色 --- */
body.nagi-flow .lp-memorial__label{ color:var(--wa-accent); }

/* --- 関連サービス : ラベル金茶 --- */
body.nagi-flow .yf-related__label{ color:var(--wa-gold); }

/* --- ヘッダーロゴ : 現行/nagi/と同じロゴ画像(nagi-logo-dark.png)に。テキストロゴは不使用(福田指摘) --- */
body.nagi-flow .c-header__logoTitle{ font-family:"Shippori Mincho", serif; letter-spacing:.12em; }
body.nagi-flow .c-header__logoImg{ height:34px; width:auto; display:block; margin:0 auto; }

/* --- フォトギャラリー : 灰色PHが寂しくなりすぎないよう枠を生成り --- */
body.nagi-flow .yf-gallery__item{ background:var(--wa-bg2); }

/* --- 関連サービス : YUENカードは洋装FV(1:1正方形)を使用→thumbを正方形に。縦長前提の4:5より低くなる分カードを伸ばさない(高さが小さくてよい・福田指摘) --- */
body.nagi-flow .yf-related__item--yuen .yf-related__thumb{ aspect-ratio:1/1; }
body.nagi-flow .yf-related__item--yuen{ align-self:flex-start; }

/* EXP-157 P5: お客様の声=stack(縦積み)化 — A/B yuen_reviews_layout で stack 優勢(洋装 select_plan 7.4% vs slider 6.41%・熟読1.8倍)を和装新LPに反映。カルーセル廃止+長文 line-clamp+Google全文リンク。 */
body.nagi-flow .lp-voice--stack .lp-voice__list{ overflow:visible !important; }
body.nagi-flow .lp-voice--stack .lp-voice__track{ display:flex !important; flex-direction:column !important; gap:14px !important; transform:none !important; transition:none !important; padding:0 !important; }
body.nagi-flow .lp-voice--stack .lp-voice__item{ width:auto !important; }
body.nagi-flow .lp-voice--stack .lp-voice__item-comment{ display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; }
body.nagi-flow .lp-voice--stack .lp-voice__more{ text-align:center; margin-top:18px; }
body.nagi-flow .lp-voice--stack .lp-voice__more a{ color:var(--wa-accent); text-decoration:underline; text-underline-offset:2px; font-weight:600; }

/* EXP-157 P5-fix: s-trust-badge 構造CSS — 和装新LPは main.css 非読込ゆえ構造(display:flex等)欠落→main.css構造を body.nagi-flow スコープで補完(色は和トーン)。 */
body.nagi-flow .s-trust-badge{ width:100%; padding:16px 0 12px; background:#fffbfb; }
body.nagi-flow .s-trust-badge__inner{ max-width:1000px; margin:0 auto; padding:0 20px; text-align:center; }
body.nagi-flow .s-trust-badge__items{ display:flex; justify-content:center; align-items:center; gap:0; flex-wrap:wrap; }
body.nagi-flow .s-trust-badge__item{ display:flex; align-items:center; padding:0 10px; }
body.nagi-flow .s-trust-badge__label{ font-size:11px; line-height:1.4; letter-spacing:.07em; color:var(--wa-ink,#3a2e29); }
body.nagi-flow .s-trust-badge__label strong{ color:var(--wa-gold,#a07d2c); font-weight:600; }
body.nagi-flow .s-trust-badge__divider{ width:1px; height:12px; background:rgba(154,47,58,.3); flex-shrink:0; }
body.nagi-flow .s-trust-badge__price{ display:flex; align-items:baseline; justify-content:center; gap:4px; margin-top:8px; flex-wrap:wrap; }
body.nagi-flow .s-trust-badge__price-from{ font-size:10px; letter-spacing:.12em; color:var(--wa-ink,#3a2e29); }
body.nagi-flow .s-trust-badge__price-amount{ font-size:22px; letter-spacing:.05em; line-height:1; color:var(--wa-accent,#9a2f3a); font-weight:600; }
body.nagi-flow .s-trust-badge__price-tax{ font-size:10px; letter-spacing:.08em; color:var(--wa-ink,#3a2e29); }
body.nagi-flow .s-trust-badge__nav{ display:flex; justify-content:center; gap:8px; margin-top:12px; padding:0 4px; flex-wrap:wrap; }
body.nagi-flow .s-trust-badge__nav-item{ flex:0 0 auto; font-size:11px; letter-spacing:.08em; line-height:1; color:var(--wa-ink,#3a2e29); text-decoration:none; padding:7px 14px; border:1px solid rgba(154,47,58,.3); border-radius:20px; white-space:nowrap; transition:all .2s ease; }
body.nagi-flow .s-trust-badge__nav-item:hover{ background:var(--wa-accent,#9a2f3a); color:#fff; border-color:var(--wa-accent,#9a2f3a); }
@media (min-width:1024px){
  body.nagi-flow .s-trust-badge{ padding:20px 0 16px; }
  body.nagi-flow .s-trust-badge__label{ font-size:12px; }
  body.nagi-flow .s-trust-badge__price-amount{ font-size:26px; }
  body.nagi-flow .s-trust-badge__price-from, body.nagi-flow .s-trust-badge__price-tax{ font-size:11px; }
}

/* EXP-157: 選ばれる理由 内のプランリンク等が語中で改行しないように(福田指摘)。リンクは単位で折返す。 */


/* EXP-157 fix: ハンバーガー(navOpen)のタップ領域確保(0サイズ→可視/可押) */
body.nagi-flow .c-header__navOpen{ width:28px; height:22px; }
/* EXP-157 fix(福田指摘): 選ばれる理由のリンク入り段落は justify による字間ストレッチを避け左寄せ(nowrapリンクが次行送りで上段が間延びするのを解消) */
body.nagi-flow .lp-point__item-text:has(a.yf-store-link){ text-align:left; }

/* EXP-157 fix(福田指摘): ヘッダーのInstagramアイコンとハンバーガーの間隔を洋装同等(約27px)に。navOpen幅付与でSNSと重複したのをSNSのmargin-rightで解消。 */
body.nagi-flow .c-header-inner .c-header__sns{ margin-right:58px !important; }
/* EXP-157 fix(福田指摘): ご利用の流れ 説明文の余白 — 行間広め+注記前に1行空け+最終段落下に余白 */
body.nagi-flow .lp-flow__item-desc{ font-size:13px; line-height:1.75; letter-spacing:0.4px; margin-bottom:1.3em; }
body.nagi-flow .lp-flow__item-note{ display:block; margin-top:1em; font-size:11.5px; line-height:1.7; }


/* EXP-157 fix(福田指摘): 本体左右余白(main背景)を洋装と同じ生成り#efe8ddに(灰#ededf1をやめる)。trust背景も洋装と同じ#fffbfbへ(上のrule)。 */
body.nagi-flow main.nagi-lp, body.nagi-flow #main-content.nagi-lp, body.nagi-flow div.nagi-lp{ background-color:#efe8dd !important; }
/* EXP-157 fix(福田指摘・実測): 本文の word-break:auto-phrase は文節を1単位で送るため行末に余白(予約desc実測81px等)を残して折返す=「余白があるのに改行」。洋装本文と同じ normal にして行を充填し見た目を揃える。 */
body.nagi-flow .lp-point__item-text,
body.nagi-flow .lp-flow__item-desc,
body.nagi-flow .lp-flow__item-note,
body.nagi-flow .lp-voice__item-comment,
body.nagi-flow .lp-about__desc{ word-break:normal; }