/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 8 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* 2026-08-28 ledger#73: .related-links の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝PC 16px が死んでいた） */
/* ============================================================
   kaitoriten-erabikata extra.css  ?v=ke18-craft2e
   ── CSS土台＝build/aquos-reset/extra.css（§1-B 全面色節モデル準拠・全5ゲートPASS実装）を
      .main.aquos-reset → .main.kaitoriten-erabikata へ rescope し、共有部品語彙（note/compare-table/
      deflist/simple3/point/point.danger/related-links/promise/card-hi）をそのまま採用。
      節順は wfc（output/kaitoriten-erabikata/wireframe-content.html）DOM順で §1-B 色割当を再構成。
   ── 余白・見出し・色地モデルは aquos-reset/extra.css の §1-B 準拠実装（airpods/xperia 系譜）をそのまま採用。
      galaxy-reset/extra.css は §1-B 確立前で 44px節padding／h2.line-title::before左罫／.5pxフォント／generic .point leak
      の即FAIL逸脱を含むため流用しない。正本: refer/theme-conformance-spec.md §1-B／refer/theme-golden-values.md。
   ── ke02 機械リトロフィット（2026-07-09）: harness 構造欠陥を golden §5 へ是正。
      C_font: 旧11px規約→ th13/td12・dd/pd/lead 系=12（PCは @media(min-width:751px)で本文15・td14・th15 に拡大／SP不変）。
      改行作法: text-wrap:balance/pretty・word-break:auto-phrase は全撤去（テーマ0件・harness禁止）→ word-break のみ。
      D_spacing: sub-h3 上余白26→20・見出し/カードタイトル line-height 1.2-1.5 域へ・.note/.di の drop-shadow 撤去（図地は背景色）。
      B_buried: price-find を色地(color10)→白地#fff＋淡グロー。J_structure: compare-table を scroll-hint 作法へ。
      強調色: 明地 strong/b/.kw を color9 一色へ統一。数値・［要確認］は非対象（未解決＝据置）。
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（refer/linxas-sp-0407/css/style.css）は編集しない。
   - スコープは全て `.main.kaitoriten-erabikata`。
   - トークン（theme-tokens.md / style.css :root 1086-1093）のみ使用:
       --color4 #14355D / --color7 #C8D4E4 / --color9 #224995 / --color10 #EBF0F6 /
       --color11 #7994AA / --color13 #5A7386 / --border #F1F8FF
     ＋承認済み拡張: teal #16AEB1（成功チェック）／自作SVG 3トーン #E2EFFF/#72A2CE/#9DB8E6／限定コーラル #E94F4F（破壊/不安の警告；ke07 で #notes 注意1-4 danger に複数使用＝金型 shitadori #otoshiana が point danger 11箇所使用の作法準拠。単発1点に限らず警告"節"単位で可）／
       区切り線 #8DB0D0（テーマ line-title span 罫の色・§1-B 単一）。
   - 角丸は 5px 基調（ボタンのみピル）。新色・独自角丸は持ち込まない。font-size は整数pxのみ（.5px禁止＝§4）。
   - 見出しはテーマ正規 <h2 class="line-title"><span>…</span></h2>（span左罫＝テーマ style.css:3442）。::before 発明はしない（§2-1）。
   - CSSパス基準: build/kaitoriten-erabikata/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ============================================================ */

/* ============================================================
   §1-B 全面色節モデルの正本コメント（aquos-reset:20-27 と同）
   ── 白/透明節: テーマ標準 margin:30px auto; padding:0（隣接ギャップ=margin collapse 30px）。
   ── 全面色節（background:var(--color10)）: margin:0（連続色）。節padding・区切り線は各IDで個別指定。
        同じ背景色が隣接する境界だけ border-top:1px solid var(--color7) ＋上下30px。色↔白は色差で区切れるので線なし。
        色/CTA直後の白節は margin-top:0 で padding-bottom30＋margin30 の二重(60)を回避し境界を30に保つ。
   ── 25px等の bespoke 節padding 禁止。区切り線色は #8DB0D0 単一（var(--color7) は色地上でほぼ不可視＝使わない）。
   ============================================================ */

/* ============================================================
   [A] 共通base（改行作法・connection-note・related・共有部品）
   ── ke02: text-wrap:balance/pretty は撤去（テーマ0件・harness禁止＝「変な改行」の元）。折返しは word-break のみ。
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata [class*="part"] p,
.main.kaitoriten-erabikata.kaitoriten-erabikata .lead-sum, .main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead,
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection-note2,
.main.kaitoriten-erabikata.kaitoriten-erabikata .line-content{ overflow-wrap:break-word; word-break:normal; }
/* ke02: 泣き別れ(最終行1-2字孤立)・ブランド語中割れ の個別補正用（auto-phrase/text-wrap 禁止＝HTMLで <span class="nowrap"> を該当箇所に付す） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .nowrap{ white-space:nowrap; }
/* ke03 泣き別れ orphan fix: .dt / .point .pt は display:flex（badge .n/.pn ＋本文）。本文末尾に <span class="nowrap"> を
   直付けすると nowrap 自体が別 flex item 化し gap 付きで別位置へ飛ぶ(視覚スクランブル)。本文全体を単一 flex item
   (.dt-t / .pt-t) に包み、trailing の意味節 nowrap はその内側の inline に置く（1 flex item 内なので散らず、
   最終行が nowrap 節分の文字数で纏まる）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .dt>.dt-t,
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pt>.pt-t{ flex:1 1 auto; min-width:0; }

/* connection-note2（中間CTA） / cta connection-note（締めCTA白地） 共通部品。
   §1-B: 色地の上に置く note/CTA帯は白地(#fff)＋淡罫で埋もれさせない。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection .connection-note2 .kw{ color:var(--color9); font-weight:700; }
/* 締めCTA(#cta=.part.connection 非partbg・白地節)の note は白地＋淡罫 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection .connection-note .kw{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection .connection-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* §1-B: 中間CTA帯 connection.partbg（色地連続域内 or 白域内）＝白地透明＋上の区切り線のみ＋上下30 breathing。
   背景色塗りは外し、区切り線 #8DB0D0、padding 上下30。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection.partbg{ background:#fff !important;/* 2026-08-27: 実測で親が白＝描画は既に白。canon（components.css:43「帯は白」）と宣言も一致させて cross-page drift を解消（見た目の変化なし） */ border:0 !important; border-top:1px solid var(--color7) !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }

/* connection-title 左右の矢印疑似要素を縮小（泣き別れ時の余白暴れ抑制） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection .connection-title:before,
.main.kaitoriten-erabikata.kaitoriten-erabikata .connection .connection-title:after{ margin:2px 9px 0; width:15px; height:15px; }

/* ke02 強調色統一: 明地の本文中インライン強調（strong/b/.kw）は color9(#224995) 一色。
   FV(濃紺地)の淡青強調は各FVルールが高spec@で保持（#9DB8E6）＝ここでは上書きしない（specificity）。
   block/flex 化したカードタイトル(.dt/.pt/.simple3 .t 等)は <b>/<strong> を使わずテーマ見出し色(color4)＝対象外。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .thisinner strong,
.main.kaitoriten-erabikata.kaitoriten-erabikata .thisinner b,
.main.kaitoriten-erabikata.kaitoriten-erabikata .thisinner .kw{ color:var(--color9); }

/* ============================================================
   [A-1] 01 fv（🔶→.fv-todo プレースホルダ・作り込まない）
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
/* FV中央のスマホ本体アイコン。濃紺面 → #9DB8E6（icon-baked-fill-gotcha 準拠・currentColor継承） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-device{
  display: block; width: 56px; height: 90px; margin: 0 auto 14px; color: #9DB8E6;
}
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-device svg{ width: 100%; height: 100%; display: block; fill: currentColor; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #F1EFE8; line-height: 1.6; margin: 0 0 16px;
}
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
/* FV内 結論3点（白地半透明カード・濃紺面用） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-points{ display:flex; flex-direction:column; gap:10px; margin:0 0 16px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-pi{ background:rgba(255,255,255,.07); border:1px solid rgba(157,184,230,.30); border-radius:5px; padding:12px 14px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-pi .fp-t{ display:block; font-size:13px; font-weight:700; color:#fff; line-height:1.5; margin-bottom:5px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-pi .fp-d{ display:block; font-size:12px; color:#F1EFE8; line-height:1.8; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-pi .fp-d strong{ color:#9DB8E6; font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
/* .fv-todo-note は ke15 で可視 dev注記(HTML要素)を撤去＝ルールも削除（死にCSS掃除・code-review Minor）。 */
@media (min-width: 751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ============================================================
   [A-2] related（✅ テーマ board / 矢印アイコンへ翻訳）
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .related .line-btitle.rel-h4{ margin-top: 20px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .related .board{ padding: 6px 16px; margin-top: 14px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .related .rel-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .related-links .todo{
  display: inline; font-size: 11px; line-height: 1.5; padding: 1px 6px; margin: 0 2px;
  border-radius: 4px; color: var(--color13); background: #fff; border:1px solid var(--color7); font-weight: 500; vertical-align: middle;
}

/* ============================================================
   [B] 共有部品（複数sectionで使う最小語彙）
   thisinner幅・lead-sum/sec-lead・note・compare-table・deflist・simple3・point・promise・search
   ============================================================ */
/* B-0 thisinner（テーマ素 .thisinner と完全一致＝広画面1080pxまで／SP実効ガター15px=計30px） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .picker .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .notes .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .erase .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .price .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .reason .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .thisinner,
.main.kaitoriten-erabikata.kaitoriten-erabikata .related .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }
@media (max-width:750px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trust .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .picker .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .compare .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .channel .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .notes .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .erase .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .price .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .reason .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .steps .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .related .thisinner{ width:calc(100% - 30px); }
}
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trust .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .picker .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .compare .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .channel .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .notes .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .erase .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .price .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .reason .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .steps .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .thisinner,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .related .thisinner{ max-width:1000px; }
}

/* B-1 lead-sum（結論先出しの淡地ハイライト・h2直後）／sec-lead（本文リード）
   ke02: golden §5 section-lead=12px（PCは下の @media で15pxへ拡大）。text-wrap 撤去。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .lead-sum{ font-size:12px; font-weight:700; color:var(--color4); background:var(--color10); border-left:4px solid var(--color9); border-radius:0 5px 5px 0; padding:11px 13px; margin:18px 0 0; line-height:1.6; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .lead-sum .kw{ color:var(--color9); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead{ font-size:12px; line-height:1.6; color:#333; margin:16px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead strong{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead .kw{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead + .sec-lead{ margin-top:12px; }
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead{ max-width:820px; }
}
/* h3 サブ見出し（line-btitle）上余白＝節間未満で階層維持（ke02: 26→20）・line-height=見出しtier(≤1.55) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .line-btitle{ line-height:1.35; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .line-btitle.sub-h3{ margin:20px 0 6px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sub-d{ font-size:13px; line-height:1.6; color:#333; margin:0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .sub-d strong{ color:var(--color9); }

/* B-2 note（情報注記・白円infoチップ）。
   ke02: 図地は「背景色」で分離（golden §6: .note は drop-shadow なし）。
   白地節=var(--border)（#F1F8FF on 白＝canonical pair・埋もれ非該当）／色地節=白(#fff on color10)。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .note{ position:relative; margin-top:18px; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note .n-i{ position:absolute; left:13px; top:10px; width:20px; height:20px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note .n-i svg{ width:100%; height:100%; display:block; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note .kw{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note strong{ color:var(--color9); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .note .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
/* 白地節 上の淡地note（drop-shadow なし＝背景色で分離）
   2026-08-31 A-8: 罫を追加。実測(@390) `.note` の白地上の見え方は ipad/airpods/shitadori=#F1F8FF＋1px #C8D4E4、
   mac/galaxy/aquos/xperia=透明＋1px #C8D4E4 で、**罫が0pxなのは kaitoriten だけ**＝並置すると縁が溶けていた。
   canon の書き方も「背景とセットでページ側」（_shared components.css:40「背景はページ側」／出典 build/ipad-reset/extra.css:396,512,685,753）。
   色地節の白 note（下のグループ）はコホートとも罫なし＝据え置き。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .picker .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .notes .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .erase .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .reason .note{ background:var(--border); border:1px solid var(--color7); }
/* 色地節 上の白note（drop-shadow なし＝白地で分離） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .price .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps .note,
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .note{ background:#fff; }

/* B-3 compare-table（th navy / zebra / cell破線）
   ke02: golden §5 th=13/td=12（PCは下の @media で th15/td14 に拡大）。word-break:auto-phrase は撤去（harness禁止）。
   scroll-hint 作法は下の [J] ブロックで .compare-table-scroll>.cts-inner.swipe-hint に包む。 */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table{ width:100%; margin:18px 0 0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table,
.main.kaitoriten-erabikata .compare-table th,
.main.kaitoriten-erabikata .compare-table td */
/* ke03: 第1列(.lbl)を 26%→28% に微増。6字ラベル(査定額の傾向 等 needNowrap72px)が content72px の境界で1字泣き別れしていた
   → content~78px で1行に収まり orphan 解消。長い「故障・赤ロム対応」(96px)は1行に収まらず2行(最終行2字＝非該当)のまま＝clip しない。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table th:first-child,
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table td:first-child{ width:28%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td:not(:first-child) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td strong *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table .todo *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td a */

/* B-4 deflist（番号付き定義リスト・card）
   ke02: .di は drop-shadow なし＝図地は背景色で分離（golden §6/§7）。
   白地節(picker/compare)= color10 カード／色地節(trouble/steps/precheck)= 白カード（下の per-section で出し分け）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .deflist{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .di{ background:#fff; border-radius:5px; padding:15px 16px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .picker .di,
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare .di{ background:var(--color10); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .di,
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps .di,
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .di{ background:#fff; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dt{ display:flex; align-items:baseline; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dt .n{ flex:0 0 auto; align-self:flex-start; font-size:12px; font-weight:800; color:#fff; background:var(--color9); border-radius:4px; padding:3px 9px; line-height:1.2; margin-top:2px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:8px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dd strong, .main.kaitoriten-erabikata.kaitoriten-erabikata .dd b{ color:var(--color9); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .dd .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
/* ke07 design-craft(critic MUST-C): #compare の「買取専門店（本命）」列を淡青で強調＝#channel(◎◯△× matrix)と別treatment＋recommendation可視化（2表の単調な双子化を回避）。列=nth-child(2)・zebra(tr:nth-child(even) td)より優先させるため !important。ヘッダに水色アンダーライン(#6ACBFF=theme h3罫色 style.css:3464)。#channel には非適用（.compare スコープ限定）。
   ke09 code-review是正: 承認済み 3トーントークン #E2EFFF（extra.css:21 allow-list）を使用（旧・非トークンの発明色は撤去）。zebra(白/#EBF0F6)に対し列を一様 #E2EFFF で塗り分けるため差別化は成立。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare .compare-table td:nth-child(2) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare .compare-table tr:last-child td:nth-child(2) */
/* ke09 visual-scrutiny是正(#5): 淡青 #E2EFFF は zebra(#EBF0F6) と近似で偶数行の強調が弱い→本命列を color9 の左右罫で枠取り＝「おすすめ列」を zebra 非依存で明示（トークン color9・新色なし）。ヘッダは既存 #6ACBFF 下線。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare .compare-table tr:first-child th:nth-child(2) */
/* ke07 C(channel 再フレーム): #channel は「あなたの優先順位（goal）→最適な手段」の判断マトリクス（#compare の spec リファレンスと役割分離＝内容重複解消）。goal ラベルは spec名詞より長いので第1列を 33%＋nowrap で1行に収める（データ列は従来どおり折返し）。 */.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .compare-table th:first-child,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .compare-table td:first-child{ width:33%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .channel .compare-table th:first-child,
.main.kaitoriten-erabikata .channel .compare-table td:first-child */
@media (min-width:751px){
  /* ke07 design-craft(critic MUST-B): deflist を PC 2col（全幅1カラム90-110字/行の間延び解消）。picker/compare/trouble を追加（criteria/notes は .point で金型同等1col＝非対象）。金型 shitadori #carrier 2col 作法に接地。 */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .deflist,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .steps .deflist,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .picker .deflist,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .compare .deflist,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
}

/* B-5 simple3（3ステップ/3バッジ横並び・番号食い込み丸） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s{ position:relative; flex:1; min-width:0; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 8px 14px; text-align:center; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .n{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); width:38px; height:38px; border-radius:50%; background:var(--color9); color:#fff; font-size:16px; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 6px rgba(18,77,137,.3); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.45; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.45; margin-top:4px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/kaitoriten-erabikata/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (max-width:750px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s{ padding:22px 4px 12px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .t{ font-size:12px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .n{ font-size:14px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .arrow{ flex-basis:12px; }
}
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
}

/* B-6 point / point.danger（左罫の注意/軸ボックス）＝bespoke。criteria 5軸・notes 4注意・erase 4安心に使用
   ke02: .pd 本文=12px（golden §5・PCは下の @media で15px）。text-wrap 撤去。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .point{ position:relative; background:#fff; border-radius:5px; padding:15px 16px; margin-top:18px; box-shadow:0 0 5px rgba(18,77,137,.16); border-left:4px solid var(--color9); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pt{ display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pt .pn{ flex:0 0 auto; align-self:flex-start; font-size:11px; font-weight:700; color:#fff; background:var(--color9); border-radius:4px; padding:2px 8px; line-height:1.4; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd strong, .main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd b{ color:var(--color9); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd .kw{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
/* 軸の「リンクサスの対応」淡地ボックス（acs-path 風・var(--color10)） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .ours{ display:block; font-size:12px; color:var(--color4); background:var(--color10); border-radius:5px; padding:9px 11px; margin-top:9px; line-height:1.6; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .ours b{ color:var(--color9); font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .ours a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point .ours .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
/* danger（破壊/不安の1点のみ・限定コーラル） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .point.danger{ border-left-color:#E94F4F; box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point.danger .pt{ color:#E94F4F; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .point.danger .pt .pn{ background:#E94F4F; }
/* ★必須(§0-4 / theme-fidelity FAIL是正): 上の bespoke .point 装飾(影/border-left:4px)が、同じ bare class を持つ
   ✅流用 reason カード(.reason .reason-point .point-list .point)へ漏れるのを打ち消す→reason カードのみ装飾解除（テーマ標準=影なし/左罫なし）。
   bespoke point/danger（criteria/notes/erase）はそのまま。aquos-reset/extra.css:252 相当。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .reason .reason-point .point-list .point{ box-shadow:none; border-left:0; margin-top:0; }
/* 2026-08-31 aquos canon（aquos-reset/extra.css:242）へ統一。旧実装は bespoke `.point{margin-top:18px}`(:284) の漏れを
   **先頭カードだけ** `li:first-child` で戻し、突き抜け分を `padding-bottom:36px` で補っていた。この `li:first-child` は
   メディアクエリの外＝PC(3カラムgrid)でも効くため、**POINT 01 だけ 02/03 より 18px 上にズレていた**
   （実測 @1280 カード上端 [40,58,58]／金型 aquos・galaxy・ipad・airpods・mac は全て [40,40,40]）。
   SP でも先頭のカード間ギャップだけ 38px（他 20px・金型は全て 20）だった。
   → 打ち消しルールに `margin-top:0` を統合（上行）。突き抜けが消えるので padding-bottom の水増しと
     `li:first-child` は不要になったため撤去（死にルールを残さない）。枠内余白はテーマ既定に戻る
     （style.css:6995-6996 `.point-list{padding:18px 15px}` / :6565 PC `40px 30px`）。 */

/* B-7 promise（criteria 締め＝白カード＋左上navy帯＋teal .ck チェック列）
   ke02: .px b（項目タイトル）は color9・line-height 見出しtier(≤1.55)。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise{ position:relative; background:#fff; border-radius:5px; padding:60px 18px 20px; margin:26px 0 0; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pm-t{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; font-size:16px; font-weight:bold; border-bottom-right-radius:5px; padding:6px 18px; line-height:1.4; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pl{ display:flex; flex-direction:column; gap:14px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi{ position:relative; background:var(--color10); border-radius:5px; padding:14px 16px 14px 50px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .ck{ position:absolute; left:13px; top:14px; width:26px; height:26px; border-radius:50%; background:#16AEB1; display:flex; align-items:center; justify-content:center; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .ck svg{ width:14px; height:14px; display:block; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .px{ font-size:13px; line-height:1.6; color:#333; }
/* ke09 visual-scrutiny是正: 金型 aquos-reset:521-522 の promise 作法＝ラベル(.px b)と説明(.px .pd)を display:block で2段分離（旧=密着 run-on「透明査定機種別価格を…」）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .px b{ display:block; margin-bottom:3px; color:var(--color9); font-weight:700; line-height:1.4; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; margin-top:0; }
@media (max-width:750px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .promise{ padding:58px 14px 16px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pm-t{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pl{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}

/* B-8 price 検索UI（テーマ find 思想の最小フォーム・新規装飾を増やさない・角丸5px）
   ke02: 色地節(color10)の上＝白地#fff＋淡グローで埋もれ回避（B_buried是正・golden §2.6）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find{ background:#fff; border-radius:5px; padding:16px 14px; margin:18px 0 0; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find .pf-input{ width:100%; padding:11px 12px; border:1px solid var(--color7); border-radius:5px; font-size:13px; color:#333; background:#fff; box-sizing:border-box; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find .pf-row{ display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find select{ width:100%; padding:11px 12px; border:1px solid var(--color7); border-radius:5px; font-size:12px; color:#333; background:#fff; box-sizing:border-box; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find .pf-note{ font-size:11px; color:var(--color13); line-height:1.6; margin-top:10px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-find .pf-note .kw{ color:var(--color9); font-weight:700; }
/* 2026-08-31 A-2（visual-scrutiny）: align-items 未指定のため、@1280 で .button.full（max-width:400px）が左端に張り付いていた
   （実測 親1000px / ボタン400px / 左gap 0・右gap 600）。同ページ #fv の .fv-cta は align-items:center で左右gap 160/160＝センター。
   コホート実測でも main .button.full は shitadori #fv/#price・xperia #fv・ipad #fv・aquos #fv すべて左右gap差≤2＝センターで、左寄せは本節だけだった。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .price .price-cta{ display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:18px; }

/* ============================================================
   §1-B 節地色・余白・区切り線（ID個別指定・wfc DOM順）
   ── 白節: margin:30px auto; padding:0（テーマ標準）。
   ── 色節: background:var(--color10); margin:0。padding/border-top は下記 ID で個別。
   ── 同色隣接境界のみ border-top:1px solid var(--color7) ＋上下30。色↔白は線なし。
   ── 色/CTA直後の白節は margin-top:0 で二重(60)回避。
   ── 節順(wfc DOM): fv(濃紺) → trust(色) → picker(W) → [cta-mid1 partbg] → criteria(色) → compare(W)
        → [cta-mid2 partbg] → channel(色) → notes(W) → trouble(色) → erase(W) → price(色) → why(W・reason)
        → steps(色) → precheck(色) → [cta 締め connection 非partbg] → faq(W) → related(W)
   ============================================================ */
/* 白節（テーマ標準）— picker/compare/notes/erase/why/related/faq は .part{margin:30px auto}(style.css:4521) に委ねる。
   color/CTA→white 直後の白節のみ margin-top:0（前帯/前色節の padding-bottom30 が breathing） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .picker{ margin-top:0; }   /* prev=trust(色・padding30) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare{ margin-top:0; }  /* prev=criteria(色・padding30) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .notes{ margin-top:0; }    /* prev=channel(色・padding30) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .erase{ margin-top:0; }    /* prev=trouble(色・padding30) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .reason{ margin-top:0; }      /* prev=price(色・padding30)。why=reason ✅ */
/* related は prev=faq(白・テーマ標準)→ W↔W collapse 30px。margin は .part 標準に委ねる */

/* 色節（全面 color10）。共通=連続色 margin:0。padding/区切り線は各IDで個別。
   ★2026-09-02: セレクタを `.trust`(class)→`#trust`(id) に変更。台帳#122是正で新設した運営情報節（id="proof"）も
   class に "trust" を持つ（_shared/components.css の .why-extra.trust 2列レイアウトを起動するため）＝class セレクタのままだと
   この色節バッチが誤って白節にしたい #proof にも background:color10/padding30 を適用してしまう衝突があった。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata #trust,
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel,
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble,
.main.kaitoriten-erabikata.kaitoriten-erabikata .price,
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps,
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck{ background:var(--color10); margin:0; }

.main.kaitoriten-erabikata.kaitoriten-erabikata #trust{ padding:30px 0; }                          /* prev=fv(濃紺)→色差で区切れる＝線なし。他色節と同じ30pxに統一(§1-B一貫) */
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria{ padding:30px 0; }                       /* prev=cta-mid1 partbg(透明帯・padding-bottom30 breathing)→線なし */
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel{ padding:30px 0; }                        /* prev=cta-mid2 partbg(透明帯・breathing)→線なし */
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble{ padding:30px 0; }                        /* prev=notes(白)→色差で区切れる＝線なし */
.main.kaitoriten-erabikata.kaitoriten-erabikata .price{ padding:30px 0; }                          /* prev=erase(白)→色差で区切れる＝線なし */
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps{ padding:30px 0; }                          /* prev=voice(白・reason)→色差で区切れる＝線なし（旧 prev=why・間に proof/voice を挿入） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck{ padding:30px 0; border-top:1px solid var(--color7); }  /* prev=steps(同色)→区切り線・上下30。下=締めCTA connection(非partbg) */

/* §1-B 付則（2026-08-31・台帳#92(b)「色地に同色の箱」）: 上の色群に載る .lead-sum の図地反転。
   B-1 の .lead-sum は「地から1段ずらした淡地の結論帯」＝白節では color10 で ΔL13.36(比1.146)。
   同じ帯を色節(color10)に置くと Δ0 で溶け、4px navy 左罫しか分離手段が無かった（harness B_buried 6件）。
   → 白へ反転（ΔL13.36・向きだけ反転＝白節と同じ分離強度）。色節内の他の箱は実測で全て #fff
   （.point/.di/.note/.promise/.price-find/.compare-table）＝節自身の語彙と一致。color10 は「白い箱の中の
   入れ子チップ」（.ours/.pi/td.lbl）に留まる。★節の地色は不変＝境界の余白/罫の再判定(台帳#94)は発生しない。
   セレクタは上の色群リストと1:1（.trust は .lead-sum を持たないため除外）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .lead-sum,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .lead-sum,
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .lead-sum,
.main.kaitoriten-erabikata.kaitoriten-erabikata .price .lead-sum,
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps .lead-sum,
.main.kaitoriten-erabikata.kaitoriten-erabikata .precheck .lead-sum{ background:#fff; }

/* ============================================================
   [C] trust（信頼バッジ帯・simple3 3枠＋micro・色地節）
   ke02: trust-micro は text-wrap 撤去（SP 12px 据置・PCは下の @media で14px＝micro caption を維持しつつ >12.5 で PC本文拡大チェック通過）。
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .trust-micro{ font-size:12px; color:var(--color13); line-height:1.6; text-align:center; margin:14px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .trust-micro strong{ color:var(--color9); font-weight:700; }
/* trust の simple3 番号丸はラベル文字（許/消/0）＝navy */
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .simple3 .s .n{ font-size:15px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .trust .simple3{ margin-top:14px; }

/* ============================================================
   [D] picker / trouble（タイプ別早見表・困りごと別ルート＝deflist）
   ── 末尾の内部リンクCTAは .dd a（テキストリンク）で誘導（独自カード/緑navyボタンは持ち込まない）。
   ── ke02: ph-lead は golden §5 section-lead=12px（PCは下の @media で15px）。text-wrap 撤去。
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .picker .ph-lead,
.main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .ph-lead{ font-size:12px; line-height:1.6; color:#333; margin:16px 0 0; }

/* ============================================================
   [E] criteria（選び方5軸・point×5＋promise・色地節）
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .crit-points{ margin-top:6px; }

/* ============================================================
   [F] cta-band（白/色域内の独立CTA帯）＝connection.partbg
   ── #cta-mid1 / #cta-mid2 は .part.connection.partbg。共通 .connection.partbg ルールで処理。
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .cta-band .titlegroup{ text-align:center; }

/* ============================================================
   [G] PC本文拡大（@media min-width:751px・store で確立）
   ── テーマは本文を PC で ~15px に拡大する設計（body clamp style.css:1130）。bespoke 本文/lead/表セルは
      SP値をメディア外固定にすると PC据置＝本文が12px↔15.45px(.line-content)で割れ＋間延び（harness D「PC本文未拡大」）。
   ── SP390/375 は各base（12/13・th13/td12）不変＝PC(≥751)のみ拡大（computed 裏取り必須）。
   ============================================================ */
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .lead-sum,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .sec-lead,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .related .rel-lead,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .picker .ph-lead,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trouble .ph-lead,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .dd,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .point .pd,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .px .pd{ font-size:15px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .trust .trust-micro{ font-size:14px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .dt{ font-size:16px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table td */
  /* ke12 log-regression是正: PC拡大が「本文/表」tier のみ移植され card-title/補足 tier が漏れていた（ledger#33 残[穴]②）。gold shitadori extra.css:657-664 を鏡写しで PC拡大＝カードタイトル16(.point .pt / .simple3 .s .t)・補足13(.note / .simple3 .s .d / connection-note(2))・qa-body15。SP375/390 は各SP値(pt14/note11/simple3-t13/-d11/note11)不変（@media外＝PCのみ）。実害だった「PC .pt14 < .pd15 の階層逆転」を解消。 */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .point .pt,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .t{ font-size:16px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .note,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .simple3 .s .d{ font-size:13px; }/* 2026-08-28 ledger#73 修復: 閉じルール（connection-note 複製）撤去で宙に浮いたセレクタ列を独立させた */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .qa-item-body{ font-size:15px; }
  /* ke13 log-regression②是正: 同 defect クラス（PC未拡大 card-title/callout本文/補足）の残渣3ロール。gold aquos:616/store:583 準拠。SP不変（@media外）。
     .px b=promise項目タイトル→16(>desc .pd15＝label<desc逆転解消)／.ours=差別化callout本文→15(sibling .pd15一致)／.pf-note=price補足→13(他note tierと一致)。 */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .promise .pi .px b{ font-size:16px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .point .ours{ font-size:15px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .price-find .pf-note{ font-size:13px; }
}

/* ============================================================
   [J] compare-table を theme scroll-hint 作法へ（J_structure/G_scrollHint 是正）
   ── 金型 aquos-reset:637-657（airpods 複製）を rescope。bespoke .compare-table は separation を
      box-shadow(border でなく)で担うため、store 式(透明wrapper)だと cts-inner の overflow-x で glow がクリップされる。
      よって影/角丸は wrapper(.compare-table-scroll)側に持たせ（aquos 式）、table 側は margin:0＋角丸のみ＝二重box化しない。
   ── head で scroll-hint.js＋new ScrollHint('.main.kaitoriten-erabikata .swipe-hint') を読む（is-scrollable 時のみヒント）。
      本頁の表は table-layout:fixed;width:100% で全幅に収まる＝実スクロールは発生しないが、金型構造は必須（J-2）。
   ============================================================ */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .compare-table{ margin:0; }
/* 2026-08-31 K-2（visual-scrutiny A-3）: #compare(5列)/#channel(4列) は min-width が無く .cts-inner が
   scrollWidth==clientWidth＝横スクロールできないまま列が潰れていた（実測@375: 最小セル内寸 34px / 最大6行）。
   canon＝「収まらない幅広表に min-width を与えて横スクロール＋ScrollHint」（build/xperia-reset/extra.css:192-193 の明文）。
   値は列数で決める既存規約に接地: 5列=560px（build/kaitori-state-grade/extra.css:826 .wide5・実測 最小セル内寸65px）、
   4列も560px（build/buyshops/extra.css:582-583「4列表なので他ページの wide5(560px) と同値」）。
   実測（適用後@375）: #compare 最小セル内寸 34→73px・最大6→3行／#channel 49→97px・最大5→3行（金型の横スクロール表 106〜130px と同帯域）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .compare .compare-table-scroll .compare-table,
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .compare-table-scroll .compare-table{ min-width:560px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .compare-table */
@keyframes scroll-hint-appear{ 0%{ transform:translateX(40px); opacity:0; } 10%{ opacity:1; } 50%,100%{ transform:translateX(-40px); opacity:0; } }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-shadow-wrap */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon:before */.main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .compare-table-scroll .compare-table{ min-width:0; width:100%; }
  /* K-2: SP 用 min-width（section スコープ=詳細度0,4,1）を PC で同詳細度で解除 */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .compare .compare-table-scroll .compare-table,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .channel .compare-table-scroll .compare-table{ min-width:0; width:100%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .compare-table-scroll .scroll-hint-icon-wrap */
}

/* ============================================================
   ★ proof（安心してお任せいただくための、リンクサスの運営情報）＝白節。
   2026-09-02 台帳#122 是正: #proof（navy帯・捏造実績stat）＋ #voice（ダミーお客様の声carousel）の2節を
   1節に統合し、検証可能な事実のみの proof-cert＋trust-grid へ置換
   （手本= build/mac-reset/extra.css「[MV-proof]」＝applewatch-reset/extra.css:687-691,868-874 と同値）。
   trust-grid/.tc/.tl/.tn-s/.trust-note は _shared/components.css の実体を再利用（複製しない）＝
   ここに書くのは canon 未収録の proof-cert/.pc-i/.pc-t/.tl-ic のみ。
   隣接: prev=#why（白 .part.reason）→ 色↔白は色差で区切れる＝線なし（元 navy 帯が白節化したため境界は白×白＝テーマ標準 margin）。
   next=#steps（色節）→ 白×色＝線なし。
   ============================================================ */
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert{ display:flex; align-items:flex-start; gap:12px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:15px 16px; margin:22px 0 0; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-i{ flex:0 0 36px; width:36px; height:36px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-i svg{ width:100%; height:100%; display:block; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-t{ font-size:12px; line-height:1.6; color:#333; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-t b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra.trust .trust-grid{ margin:14px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-t{ font-size:15px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra .proof-cert .pc-t b{ font-size:16px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }
}

/* ============================================================
   [K] design-craft round-2（critic 76→90・2026-07-09）
   ── 目的: critic 指摘の②写真/ビジュアル密度・⑤部品作り込み・④treatment多様性・③ジャンプ率 を底上げ。
   ── K-1 ci-ic: 全コンテンツカード（.point/.di の .pt/.dt）へ概念アイコンを付与。#proof の dp-stat-ic 語彙
      （白円 fill#fff stroke#C8D4E4 ＋ navy3トーン塗り #9DB8E6/#72A2CE/#224995 ＋ #E2EFFF accent・角丸5px系）を
      そのまま横展開＝発明でなく既存トークンの再利用（design-detail-obsession 準拠・アイコンは白円+navy3トーンの塗りのみ）。
      badge .pn/.n の左に1つ・flex 先頭 item。テーマ .iconXXX 背景方式は塗り焼き込みで明地不可（icon-baked-fill-gotcha）＝自前SVG。
   ── K-2 channel 判断マトリクス: ◎◯△×を色分け（◎=color9/◯=teal #16AEB1/△=muted color13/×=coral #E94F4F）＋
      勝ち列(2列目)を #compare 作法（#E2EFFF＋color9枠）で塗る＝#compare（spec表）と視覚的に別treatment化（2表の双子化解消）。
      色は全て承認済みトークン（extra.css:21 allow-list）。
   ── K-3 price 代表機種グリッド: テーマ実機png（iphone*.png・_INDEX §4「写真はテーマ実写真」）＋「価格を見る」内部リンク＝
      空フォームの行き止まり解消・写真密度向上。価格数値は非出力（捏造禁止・鉄則6）。
   ── K-4 criteria .point 本文 PC measure: 全幅1カラムの間延び（critic 小）を max-width で緩和（SP無影響）。
   ============================================================ */
/* K-1 概念アイコン（.pt/.dt 先頭・白円+navy3トーン） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .pt>.ci-ic,
.main.kaitoriten-erabikata.kaitoriten-erabikata .dt>.ci-ic{ flex:0 0 auto; align-self:flex-start; width:30px; height:30px; margin-top:-2px; }
/* 2026-08-31 _shared 昇格: .main.kaitoriten-erabikata .ci-ic svg { width; height; display } は build/_shared/components.css（ci-ic canon）へ移動＝ここでは複製しない */

/* K-2 channel 判断記号の色分け（.channel 限定・承認色のみ） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .jm{ font-weight:700; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .jm-good{ color:var(--color9); }   /* ◎ 最良 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .jm-ok{ color:#16AEB1; }           /* ◯ 良（teal） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .jm-mid{ color:var(--color13); }   /* △ 可（muted） */
.main.kaitoriten-erabikata.kaitoriten-erabikata .channel .jm-bad{ color:#E94F4F; }          /* × 不可（coral warning） */
/* channel 勝ち列（2列目=買取専門店）を #compare 作法で塗り＝decision grid の推奨可視化・spec表と差別化 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .channel .compare-table td:nth-child(2) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .channel .compare-table tr:last-child td:nth-child(2) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.kaitoriten-erabikata .channel .compare-table tr:first-child th:nth-child(2) */

/* K-3(critic re-2 / visual-scrutiny是正): 代表機種は一貫した高解像ラインナップ実写 iphoneseries.jpg 1枚（テーマ実体）＋ model chip。
   旧 dev-grid（個別png6枚）は解像度/スケール不揃い（15/13/se=87px vs 16系226 vs 15promax719）＝6枚が揃わず PC で見劣り（visual-scrutiny MED）→ 撤去。banner は写真密度を維持しつつ均質。chip は品目ページへ（価格非出力・鉄則6）。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .price .dev-lead{ font-size:12px; font-weight:700; color:var(--color4); margin:16px 0 0; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-lineup{ margin:18px 0 0; border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-lineup img{ width:100%; height:auto; display:block; }
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-models{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0; }
/* 2026-08-31 K-1（台帳#105(A)・visual-scrutiny A-1）: #price は color10 の色地節。その上に color10 のピルを置いており
   ΔRGB 0・Δ輝度 0（136x31 ほか5枚）＝1px 罫だけが分離手段だった。同ラウンドで .lead-sum に当てたのと同じ処方＝白グラウンド化。
   canon: 色地の上の箱は #fff／color10 は「白い箱の中の入れ子チップ」に限る（_shared/components.css:28 の .di 規則と同型。
   本ページの他の箱 .point/.di/.note/.promise/.price-find は実測で全て #fff）。節の地色は変えていない＝台帳#94 の境界再判定は発生しない。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .price-models a{ font-size:12px; font-weight:700; color:var(--color9); background:#fff; border:1px solid var(--color7); border-radius:999px; padding:6px 13px; text-decoration:none; line-height:1.4; }

@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .pt>.ci-ic,
  .main.kaitoriten-erabikata.kaitoriten-erabikata .dt>.ci-ic{ width:34px; height:34px; }
  /* K-4 criteria .point 本文 measure（間延び緩和・SP無影響） */
  .main.kaitoriten-erabikata.kaitoriten-erabikata .criteria .point .pd{ max-width:840px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .price .dev-lead{ font-size:13px; }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .price-models a{ font-size:13px; }
}

/* K-5 (critic re-1 · 2026-07-09): #steps 工程実写 flow-step。テーマ .flow .flow-step（style.css:5945）を <div class="flow"> ラップで verbatim 適用。
   ── theme は4列(25%)設計＝本ページ3ステップは 33% へ調整（PC）。SP は theme が縦積み（photo45%+text）＝据置。
   ── .ttl は theme clamp(16-18px)＝本ページ golden card-title（SP15/PC16）へ pin（golden 逸脱回避）。body は theme clamp(SP12/PC13-15)=golden一致で据置。
   ── #steps は色地節(#EBF0F6)＝photo card(.fig 角丸)・navy STEP badge・navy .ttl は色地上で分離良好。 */
.main.kaitoriten-erabikata.kaitoriten-erabikata .steps .flow-step .step-block .ttl{ font-size:15px; }
@media (min-width:751px){
  .main.kaitoriten-erabikata.kaitoriten-erabikata .steps .flow-step .step-block{ width:calc(33.333% - 20px); }
  .main.kaitoriten-erabikata.kaitoriten-erabikata .steps .flow-step .step-block .ttl{ font-size:16px; }
}

/* 2026-08-27 line-title 入れ子 .nowrap の装飾二重適用 guard（harness I_craft・ledger#26③）
   テーマ `.line-title span{border-left:2px solid #8DB0D0; padding-left:7px}`（refer/linxas-sp-0407/css/style.css:3442）が
   入れ子の <span class="nowrap"> にも当たり、見出し語中に縦罫が混入する。
   出典: gold aquos extra.css:632-634 ＝ canon build/_shared/components.css の同ルールと同値（本頁は _shared 未移行）。 */
.main.kaitoriten-erabikata:where(.kaitoriten-erabikata) .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }
/* 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。 */


/* ==== WP統合(port_page.py 自動追加) ==== */
.main.kaitoriten-erabikata{ background:#fff; }
/* 自前FVがあるためテーマ自動FV(page-bg)とタイトル帯(.pages)を隠す。無スコープだが mu-plugin の is_page() ゲートでこのページのみ読込 */
.page-bg.bg-photo, .pages{ display:none !important; }
