/* 2026-07-28: html{scroll-behavior:smooth} を撤去。テーマ function.js の jQuery .animate({scrollTop}) と競合し、
   サブナビを押しても最初の約0.5秒ほぼ動かない（実測 170ms:22px→488ms:143px・目標11425px／auto なら 180ms:4119px で490ms着地）。
   金型4本(airpods/aquos/apple-machine/ipad)とテーマ原典 style.css は scroll-behavior を1つも宣言していない。 */
/* ============================================================
   buyshops（店舗ハブ／全国店舗ディレクトリ）extra.css  ?v=shops-v3
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（css/style.css）は編集しない。
   トークン（theme-tokens.md / css/style.css :root 1085-1092）のみ使用:
     --color9 #224995（プライマリ・アクセント／番号ピル・帯・エリアピル枠）
     --color4 #14355D（濃紺／お約束ボード・table th・region-head 文字）
     --color10 #EBF0F6（淡ブルーグレー／ボード地）
     --color7 #C8D4E4（淡ブルー罫）  本文 #333  サブ #5A7386
   角丸=5px（最頻）／ボタン=ピル999px／フォント=テーマ body 継承（Noto Sans JP）

   器の出典（class/CSS の視覚の器のみ借用。本文は wireframe-content.html のハブ固有清書）:
     fv-todo      = build/corporate/index.html:257-272 / extra.css:42-108
     worry        = build/beginners-guide/index.html:282-341 / extra.css:192-322
     compare      = build/beginners-guide/extra.css:357-438（.compare-table / .compare-pick / .compare-note）
     bg-feat      = build/beginners-guide/extra.css:324-355（reasons 4カード予備）
     apply-nudge  = build/beginners-guide/extra.css:786-832（.apply-nudge → ch-nudge 相当）
     img-slot     = build/delivery-purchase/extra.css:1242-1275（地図プレースホルダ枠）
     section-todo = build/beginners-guide/extra.css:45-66
     cta-band     = build/beginners-guide/extra.css:752-784
   buyshops 固有の最小追加（new+token・navy翻訳）:
     .area-nav（エリア早見ピル）/ .region-head（地方グルーピング見出し div）/ .pref-head（県見出し div）
   ============================================================ */

:root{
  --sp-1: 8px;
  --sp-2: 10px;
  --sp-3: 12px;
  --sp-4: 18px;
  --sp-5: 30px;
  --card-board: #EBF0F6;
}

/* ---- v3: 神戸三宮 臨時休業の注記（移店中・confirmed fact）------ */
/* new+token: 淡ブルーグレー地（--color10）＋濃紺文字（--color4）。角丸5px。 */
.main.buyshops:where(.buyshops) .store .kobe-closure{
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  color: #14355D;
  background: #EBF0F6;
  border-radius: 5px;
  padding: 8px 10px;
}
.main.buyshops:where(.buyshops) .store .kobe-closure b{ color: #14355D; }

/* ---- 共通: 注記文（テーマ .line-content より小・サブ色） ---- */
/* 2026-08-31 ledger#110: 色宣言だけ `:not(.connection)` へ切り出した。
   何が問題だったか: 本ページの `.connection`（#closing）内にある唯一の <p> がこの `.sub-note` で、
   `.main .part .sub-note`(0,2,1) が canon `_shared/components.css:52 .main .connection p{color:#14355D}`(0,2,1) に
   後読みで勝ち、**canon が死んでいた**（shared-dead-rule @390/@1280 とも1件）。
   実測（全31ページ・`.main .connection p` の computed）: 30ページが #14355D、本ページだけ #5A7386。
   #closing の当該文「お近くに店舗がない方は…」は ※付きの注記ではなく**帯の締めの本文**（他3つの .sub-note は
   すべて ※で始まる注記）なので、canon の navy が正。サイズ/行間/余白/字形は 1px も変えていない＝**変わるのは文字色だけ**。
   ★これは本タスクで唯一「描画が変わる」変更（#5A7386 → #14355D・コントラスト 4.9:1→11.4:1）。
     戻す場合はこの2ルールを元の1ルール（color:#5A7386 を基底に戻す）へ結合するだけ。 */
.main.buyshops:where(.buyshops) .part .sub-note{
  font-size: 11px;
  line-height: 1.8;
  margin-top: 10px;
}
.main.buyshops:where(.buyshops) .part:not(.connection) .sub-note{ color: #5A7386; }
.main.buyshops:where(.buyshops) .part .sub-note a{ color: #224995; }

/* ---- 共通: 通常本文段落（line-btitle 配下） ---------------- */
.main.buyshops:where(.buyshops) .part .sec-body{
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  margin: var(--sp-2) 0 0;
}
.main.buyshops:where(.buyshops) .part .sec-body a{ color: #224995; }
.main.buyshops:where(.buyshops) .part .sec-body b{ color: #14355D; }

/* ---- 共通 CTAボタン配置（item-btn 中央寄せ・上余白） ------- */
.main.buyshops:where(.buyshops) .item-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  margin: 18px auto 0;
}

/* ============================================================
   01 FV（🔶→.fv-todo プレースホルダ｜build/corporate extra.css:42-108 の器を踏襲）
   100点鉄則2：FVは作り込まない。h1相当の主訴求＋サブ1文＋主CTA＋画像ラベルのみ。
   token: bg --color4系グラデ・見出し白・アクセント淡青#9DB8E6・破線枠・radius5
   ============================================================ */
.main.buyshops:where(.buyshops) .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-todo-inner{
  max-width: 720px;
  margin: 0 auto;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #9DB8E6;
  margin: 0 0 8px;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-headline{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.45;
  margin: 0 0 12px;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-sub{
  font-size: 13px;
  color: #CFE0F4;
  line-height: 1.85;
  margin: 0 0 12px;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-trust{
  font-size: 11px;
  color: #9DB8E6;
  line-height: 1.6;
  margin: 0 0 16px;
}
.main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-cta{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}

/* ============================================================
   02 search（🔶 エリアから探す｜エリア早見ピル＝buyshops 固有 new+token）
   テーマに専用 part が無いため最小追加。色 --color9枠/--color4文字・ピル。
   ============================================================ */
.main.buyshops:where(.buyshops) .area-nav{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: var(--sp-2) 0 var(--sp-4);
}
.main.buyshops:where(.buyshops) .area-nav a{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #14355D;
  background: #fff;
  border: 1px solid #224995;
  border-radius: 999px;
  padding: 8px 15px;
  line-height: 1.4;
  transition: background .3s, color .3s;
}
.main.buyshops:where(.buyshops) .area-nav a:hover{ background: #224995; color: #fff; }
.main.buyshops:where(.buyshops) .area-nav a i{ width: 1em; height: 1em; }
.main.buyshops:where(.buyshops) .area-nav.pref a{
  font-weight: 600;
  color: #224995;
  background: #EBF0F6;
  border-color: #C8D4E4;
}
.main.buyshops:where(.buyshops) .area-nav.pref a:hover{ background: #224995; color: #fff; }

/* search 内 小見出し（テーマ line-btitle に寄せた淡青ラベル） */
.main.buyshops:where(.buyshops) .area-label{
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  background: #EBF0F6;
  border-radius: 5px;
  padding: 5px 12px;
  margin: var(--sp-3) 0 var(--sp-2);
}

/* ============================================================
   03 worry（🔶 ／ beginners extra.css:192-322 の worry 器を流用）
   ============================================================ */
.main.buyshops:where(.buyshops) .worry .worry-list{
  list-style: none;
  margin: var(--sp-4) 0 0;
  padding: 4px var(--sp-3);
  background: var(--card-board);
  border-radius: 5px;
}
.main.buyshops:where(.buyshops) .worry .worry-list li{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-1);
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.6;
  padding: 11px 0;
  border-top: 1px solid #C8D4E4;
}
.main.buyshops:where(.buyshops) .worry .worry-list li:first-child{ border-top: none; }
.main.buyshops:where(.buyshops) .worry .worry-list li img{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.main.buyshops:where(.buyshops) .worry .worry-pivot{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
  margin: var(--sp-3) 0 var(--sp-4);
  background: #224995;
  border-radius: 5px;
  padding: 14px var(--sp-3);
}
.main.buyshops:where(.buyshops) .worry .worry-pivot i{
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 1px;
}
.main.buyshops:where(.buyshops) .worry .worry-pivot p{
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  margin: 0;
}
.main.buyshops:where(.buyshops) .worry .worry-pivot p b{ color: #fff; }
.main.buyshops:where(.buyshops) .worry .worry-points{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.buyshops:where(.buyshops) .worry .worry-points .wp{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-t{
  display: flex;
  align-items: baseline;
  gap: var(--sp-1);
  font-size: 14px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
  margin: 0 0 6px;
}
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-t .wp-n{
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: #224995;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-d{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-d a{ color: #224995; }
/* 2026-08-27: 明地の強調は color9 一色（完了ゲート V-1）。#14355D(color4) は割れ＝14ページで同じドリフトだった。
   正値の出典: 唯一「証拠付き DONE」の beginners-guide extra.css:270（#224995）／apple-machine:540 も color9。 */
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-d b{ color: var(--color9); }
.main.buyshops:where(.buyshops) .worry .promise-card{
  margin-top: var(--sp-3);
  background: #14355D;
  border-radius: 5px;
  padding: var(--sp-4) var(--sp-3);
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-t{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  margin: 0 0 12px;
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list li{
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list li img{
  flex-shrink: 0;
  width: 18px;
  height: 15px;
  margin-top: 4px;
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list li span{
  font-size: 12px;
  line-height: 1.6;
  color: #CFE0F4;
}
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list li span b{ color: #fff; }
.main.buyshops:where(.buyshops) .worry .promise-card .pc-list li span a{ color: #9DB8E6; }

/* ============================================================
   04 stores（✅★ verbatim｜地方/県グルーピング見出し のみ new+token・div）
   テーマ stores CSS をそのまま使う。region-head/pref-head のみ最小追加（hタグにしない）。
   token: --color9下線/帯・--color4文字・radius5
   ============================================================ */
.main.buyshops:where(.buyshops) .stores .region-head,
.main.buyshops:where(.buyshops) .areas .region-head{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-1);
  margin: var(--sp-5) 0 var(--sp-3);
  padding-bottom: 7px;
  border-bottom: 2px solid #224995;
}
.main.buyshops:where(.buyshops) .stores .region-head .rn,
.main.buyshops:where(.buyshops) .areas .region-head .rn{
  font-size: 17px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.4;
}
.main.buyshops:where(.buyshops) .stores .region-head .rc,
.main.buyshops:where(.buyshops) .areas .region-head .rc{
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #224995;
  border-radius: 999px;
  padding: 2px 10px;
  white-space: nowrap;
}
.main.buyshops:where(.buyshops) .stores .pref-head{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  background: #EBF0F6;
  border-radius: 5px;
  padding: 6px 12px;
  margin: var(--sp-4) 0 var(--sp-2);
}
/* 出店なし地方の郵送受け皿カード（テーマ board 作法・淡青地） */
.main.buyshops:where(.buyshops) .stores .nostore-card{
  background: #EBF0F6;
  border-radius: 5px;
  padding: var(--sp-4) var(--sp-3);
  margin-top: var(--sp-2);
}
.main.buyshops:where(.buyshops) .stores .nostore-card p{
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  margin: 0;
}
.main.buyshops:where(.buyshops) .stores .nostore-card p a{ color: #224995; font-weight: 700; }
.main.buyshops:where(.buyshops) .stores .nostore-card + .line-btitle{ margin-top: var(--sp-5); }

/* ============================================================
   06 bring（汎用補足カード｜未成年同意＝テーマ board 系の淡青カード）
   ============================================================ */
.main.buyshops:where(.buyshops) .note-card{
  background: #EBF0F6;
  border-radius: 5px;
  padding: var(--sp-3);
  margin-top: var(--sp-3);
}
.main.buyshops:where(.buyshops) .note-card p{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}
/* 2026-08-27: 明地の強調は color9 一色（完了ゲート V-1）。color4 は割れ。 */
.main.buyshops:where(.buyshops) .note-card p b{ color: var(--color9); }

/* ============================================================
   09 compare（🔶 ／ beginners extra.css:357-438 の compare 器を流用）
   ============================================================ */.main.buyshops:where(.buyshops) .compare-table{ width: 100%; margin: 16px 0 8px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table th,
.main .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table thead th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table tbody tr:last-child th,
.main .compare-table tbody tr:last-child td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table tbody th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table td.ok *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main .compare-table td a */
.main.buyshops:where(.buyshops) .compare-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin-bottom: 14px;
}
.main.buyshops:where(.buyshops) .compare-note a{ color: #224995; }

/* ============================================================
   汎用 ch-nudge インライン帯（beginners extra.css:786-832 の .apply-nudge 器を流用）
   search の郵送受け皿・stores 末・closing で使用（電話/LINE 近道・淡青破線ボード）。
   ============================================================ */
.main.buyshops:where(.buyshops) .apply-nudge{
  background: var(--card-board);
  border: 1px dashed #224995;
  border-radius: 5px;
  padding: var(--sp-3);
  margin: var(--sp-4) 0;
}
.main.buyshops:where(.buyshops) .apply-nudge .an-t{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.6;
  margin-bottom: var(--sp-2);
}
.main.buyshops:where(.buyshops) .apply-nudge .an-b{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-1);
}
.main.buyshops:where(.buyshops) .apply-nudge .an-b a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  padding: 13px 8px;
  min-height: 46px;
  text-align: center;
  transition: opacity .3s;
}
.main.buyshops:where(.buyshops) .apply-nudge .an-b a:hover{ opacity: .7; }
.main.buyshops:where(.buyshops) .apply-nudge .an-b a.tel{ background: #224995; color: #fff; }
.main.buyshops:where(.buyshops) .apply-nudge .an-b a.line{ background: #06C755; color: #fff; }
.main.buyshops:where(.buyshops) .apply-nudge .an-b a .iconarrow{ width: 0.8em; height: 0.8em; display: inline-flex; }
.main.buyshops:where(.buyshops) .apply-nudge .an-b a .iconarrow svg{ width: 100%; height: 100%; }
.main.buyshops:where(.buyshops) .apply-nudge .an-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin: var(--sp-2) 0 0;
}

/* ============================================================
   11 closing 帯CTA cta-band（beginners extra.css:752-784 の器を流用）
   独立 section 化しない。テーマ connection の上に締め帯。
   ============================================================ */
.main.buyshops:where(.buyshops) .cta-band{
  background: #224995;
  border-radius: 5px;
  padding: var(--sp-4) var(--sp-3);
  text-align: center;
  margin: 0 0 var(--sp-4);
}
.main.buyshops:where(.buyshops) .cta-band .t{
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: var(--sp-2);
}
.main.buyshops:where(.buyshops) .cta-band .b{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-1);
  max-width: 400px;
  margin: 0 auto;
}
.main.buyshops:where(.buyshops) .cta-band .b a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 8px;
  min-height: 44px;
  text-align: center;
  transition: opacity .3s;
}
.main.buyshops:where(.buyshops) .cta-band .b a:hover{ opacity: .85; }
.main.buyshops:where(.buyshops) .cta-band .b a.p{ background: #fff; color: #14355D; }
.main.buyshops:where(.buyshops) .cta-band .b a.l{ background: #06C755; color: #fff; }

/* ============================================================
   PC（≥751）— 間延び防止（テーマ流儀の控えめ拡張）
   ============================================================ */
@media (min-width: 751px){
  .main.buyshops:where(.buyshops) .topbanner.fv-todo .fv-headline{ font-size: 26px; }
  .main.buyshops:where(.buyshops) .apply-nudge .an-b,
  .main.buyshops:where(.buyshops) .cta-band .b{ max-width: 520px; margin: 0 auto; }
}

/* 2026-08-27: compare-table の横スクロール min-width（ページ文脈＝表ごとの列数に依存する値のみページ側・_INDEX §3）。
   4列表なので他ページの wide5（560px）と同値。ラッパー/ヒントの実装は canon build/_shared/components.css。 */
.main.buyshops:where(.buyshops) .compare-table-scroll.wide5 .compare-table{ min-width: 560px; }

/* ============================================================
   2026-08-27 公開前 retrofit（harness 4幅・姉妹ページで確立済みの処方を横展開）
   ============================================================ */
/* [1] F_contrast: 買取責任者の英字名 span。テーマ既定 #7994AA(color11) は淡地上 2.76 で AA 未満。
   出典: 同型を先に是正した delivery-purchase/extra.css:582・store-purchase:721（テーマの詳細度 0,6,1 を超える 0,7,1 で color3）。 */
.main.buyshops.buyshops .reason .reason-introduction .intro-head .head-info .head-info-name span{ color:var(--color3); }

/* [3] B_buried: flow 写真下の白ラベル .item-pic-ttl が白地に白＝枠も影も無く埋もれる。
   出典: 同じ部品を先に是正した beginners-guide/extra.css:926（テーマ白ラベル on 写真の de-bury＝glow 影）。 */
.main.buyshops.buyshops .item-pic-ttl{ box-shadow:0 0 6px rgba(18,77,137,.18); }

/* [4] D_spacing: 見出し tier の line-height。テーマ見出しは 1.3（_INDEX §3）。
   .line-btitle / .board-head が 1.6（本文tier）を継承していた。 */
.main.buyshops.buyshops .line-btitle,
.main.buyshops.buyshops .board-head{ line-height:1.3; }

/* [5] D_spacing: #stores の見出し下 gap は全節 20px（テーマ標準）。25px は他節との不揃い。 */
.main.buyshops.buyshops #stores .line-title{ margin-bottom:20px; }
/* [6] D_spacing: .line-btitle の上余白は 20px（箱の先頭は 0）。 */
.main.buyshops.buyshops #stores .line-btitle{ margin-top:20px; }
/* [7] D_spacing: 独立した箱同士は 8px 以上あける（.flow-buying と .flow-board が密着0px）。 */
.main.buyshops.buyshops .flow-buying + .flow-board{ margin-top:16px; }

/* [8] PC 本文の拡大漏れ（[[pc-typography-bespoke-scaling-golden]]・テーマは本文 SP12→PC15）。 */
@media (min-width: 751px){
  .main.buyshops.buyshops .worry .worry-points .wp .wp-d,
  .main.buyshops.buyshops .kobe-closure{ font-size:15px; }
}

/* [9] 強調色: 休業告知の <b> も明地なので color9 一色（完了ゲート V-1）。 */
.main.buyshops.buyshops .kobe-closure b{ color:var(--color9); }

/* [10] （実体側 .note-card p b を color9 に是正済みのため上書きは不要。<b> 直下も同値で揃える） */
.main.buyshops.buyshops .note-card b{ color:var(--color9); }
/* [11] 泣き別れ: .wp-t（お悩み解決カードの見出し）は flex 由来で最終行が1-2字になる。見出しtierなので nowrap で末尾を結ぶ実体は HTML 側。 */

/* 2026-08-30 ledger#77: flex 見出しの本文を裸テキストで置いていたため、末尾の <span class="nowrap"> が別 flex item 化し、
   本文が2行目へ折り返した後も nowrap だけが1行目の右端に残って読み順が壊れていた（実測 390: 本文 89..131@2096 に対し nowrap 290..351@2075）。
   金型の .dt-t 作法（build/_shared/components.css:79）どおり本文全体を単一 flex item に包む。 */
.main.buyshops:where(.buyshops) .worry .worry-points .wp .wp-t .wp-tt{ flex:1 1 auto; min-width:0; }
/* 2026-08-30 台帳#82: 本文 line-height を 1.7 → 1.6 へ（テーマ既定 style.css:71 `font:...14px/1.6`）。
   原典に line-height:1.7 は2箇所しか無く、本文系は `.reason .reason-point .point-list .point p{font-size:15px;line-height:1.7}`(6633-6635) のみ＝それ以外は典拠なしのドリフト。
   金型は本文が例外ゼロで 1.6（ipad 59/59・aquos 68/68・apple-machine 78/78 実測）。`.point .pd` も金型4本は 1.6。 */

/* 2026-09-13 A-1: 責任者カードの氏名 .head-info-name を SP のみ 17px へ。
   なぜ: テーマ側では css/renewal-compat.css:1649 の `.main .reason … .head-info-name{font-size:24px}`（メディアクエリ無し）が
   style_new.css:6012 の SP 18px より後に読まれて勝つため、/buyshops/ の 390px で 24px になっていた（実測 2026-09-13）。
   build（0407 スナップショット）は 18px なのでテーマとズレる。同じ部品を持つ corporate.css:188 ／ delivery-purchase.css:681 ／
   store-purchase.css:677 は先に SP 17px へ是正済みで、buyshops だけ未適用だった＝その横展開。
   PC は theme 値 24px のまま（C_font は SP 判定のみ）。子 span は親を 17px にすると 0.5555em で 9.44px（scale 外）へ
   道連れになるため corporate.css:305 と同型で 10px に固定する。 */
@media (max-width:750px){
  .main.buyshops.buyshops .reason .reason-introduction .intro-head .head-info .head-info-name{ font-size:17px; }
}
.main.buyshops.buyshops .head-info-name span{ font-size:10px !important; }

/* 2026-09-13 **STANDIN-07-ADD2 D-01 の1ルール例外**: 残置した日本地図ブロック（section.mapbox）内の
   地域アコーディオンのリンク矢印。テーマ style.css:5183 が .shop-areas .shops_list a{color:#111} を当てており、
   ::after（content:>）がそれを継承して K_palette「パレット外文字色 rgb(17,17,17)」に 6 幅とも当たる。
   STANDIN-07 D-01③「地図の CSS は改修 CSS 側で上書きしない」は本ルールに限り例外（ADD2 D-01）。
   スコープは /buyshops/ の地図ブロック内の ::after だけ。レイアウト・サイズ・他の色には触れない。 */
.main.buyshops.buyshops section.mapbox .shops_list a.link-item::after{ color:var(--color9); }

/* ---- 01 FV 続き（2026-09-13 ADD2 D-02: 構成案 FV の要素を並べる。濃色地なので色は FV 既存トークンのみ） ---- */
.main.buyshops.buyshops .topbanner.fv-todo .fv-areas{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(157,184,230,.32);
  border-radius: 5px;
  padding: 13px 13px 4px;
  margin: 0 0 12px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-areas-t{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #9DB8E6;
  margin: 0 0 9px;
}
.main.buyshops.buyshops .topbanner.fv-todo .area-nav.fv-pref{ margin: 0 0 9px; }
.main.buyshops.buyshops .topbanner.fv-todo .area-nav.fv-pref a{
  color: #fff;
  background: rgba(255,255,255,.10);
  border-color: rgba(157,184,230,.4);
}
.main.buyshops.buyshops .topbanner.fv-todo .area-nav.fv-pref a:hover{ background: #224995; border-color: #224995; }
.main.buyshops.buyshops .topbanner.fv-todo .area-nav.fv-pref a.more{ color: #9DB8E6; background: transparent; }
.main.buyshops.buyshops .topbanner.fv-todo .area-nav.fv-pref a.more{ width: auto; height: auto; text-transform: none; }/* 2026-09-14 ASTRA-20260914-BUYSHOPS-A1-02: 現行テーマ style.css:1301 の .more（width:100px;height:32px）の打ち消し。build では当たらないが同じ規則を置く */
.main.buyshops.buyshops .topbanner.fv-todo .fv-note{
  font-size: 11px;
  color: #9DB8E6;
  line-height: 1.6;
  margin: 0 0 10px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-benefits{
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0 0 12px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-benefits .fb{
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(157,184,230,.3);
  border-radius: 5px;
  padding: 12px 13px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-benefits .fb-t{
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 5px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-benefits .fb-d{
  font-size: 11px;
  color: #CFE0F4;
  line-height: 1.6;
  margin: 0;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-badges{
  display: flex;
  gap: 8px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-badges .fbg{
  flex: 1;
  text-align: center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(157,184,230,.3);
  border-radius: 5px;
  padding: 9px 4px;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-badges .fbg-n{
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}
.main.buyshops.buyshops .topbanner.fv-todo .fv-badges .fbg-l{
  font-size: 11px;
  color: #CFE0F4;
  line-height: 1.5;
}
@media (min-width:751px){
  .main.buyshops.buyshops .topbanner.fv-todo .fv-benefits{ grid-template-columns: repeat(3, 1fr); }
}


/* ==== WP統合(port_page.py 自動追加) ==== */
.main.buyshops{ background:#fff; }
/* 2026-09-13 A-1: テーマ hero とタイトル帯は archive-buyshops.php から撤去したため CSS で隠す必要はない（ADD1 D-01(A)） */