/* 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 が死んでいた） */
/* ============================================================
xperia-reset extra.css ?v=xpr17-r2
── 器(HTML class語彙)は build/galaxy-reset/index.html を verbatim 流用（同ジャンル Android機リセット）。
namespace を .main.galaxy-reset → .main.xperia-reset へリネームし、節順は wfc（output/xperia-reset/wireframe-content.html）順で配置。
── 余白・見出し・色地モデルは build/airpods-reset/extra.css の §1-B 準拠実装を採用（galaxy-reset/extra.css は §1-B 確立前で
44px節padding／h2.line-title::before左罫／.5pxフォントの即FAIL逸脱を含むため流用しない）。
正本: refer/theme-conformance-spec.md §1-B（全面色節モデル）／refer/theme-golden-values.md。
方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（refer/linxas-sp-0407/css/style.css）は編集しない。
- スコープは全て `.main.xperia-reset`。
- トークン（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（破壊/不安の1点のみ）／
区切り線 var(--color7)#C8D4E4（§1-B 同色境界の線。#8DB0D0 は濃すぎ＝廃止。正本 refer/spacing-divider-craft-rules.md）。
- 角丸は 5px 基調（ボタンのみピル）。新色・独自角丸は持ち込まない。font-size は整数pxのみ（.5px禁止＝§4）。
- 見出しはテーマ正規 …
（span左罫＝テーマ style.css:3440）。::before 発明はしない（§2-1）。
- CSSパス基準: build/xperia-reset/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
============================================================ */
/* ============================================================
§1-B 全面色節モデルの正本コメント（aquos-reset:54-58,290-308／airpods-reset:79-95 等の §1-B確定実装に従う・正本 refer/spacing-divider-craft-rules.md）
── 白/透明節: テーマ標準 margin:30px auto; padding:0。色/CTA直後の白節も margin30 を残す（色padding30＋白margin30は別面の余白で二重でない・flush禁止＝margin-top:0 の潰しは廃止）。
── 全面色節（background:var(--color10)）: margin:0（連続色）。節padding(30px 0・張り付き禁止)・区切り線は各IDで個別指定。
区切り線=同じ背景色が隣接する境界だけ 1px solid var(--color7)。色↔白は色差で区切れるので線なし。線は同色が接する側(上同色=border-top/下同色=border-bottom)。
★判断は節の公称色でなく「実際に接する要素の背景」で（端の白CTA帯 connection.partbg／theme .connection に注意。例 #google の上は cta-mid1=白→上線なし／#force の上は reset末尾CTA=白→上線なし）。
── 25px等の bespoke 節padding 禁止。区切り線色は var(--color7)（#8DB0D0 は濃すぎ＝廃止）。
============================================================ */
/* ============================================================
[A] 共通base（泣き別れ抑制・connection-note・section-todo・related・共有部品）
============================================================ */
/* 日本語の泣き別れ(orphan)・不自然改行の抑制（bespoke本文/見出し全体・390px基準） */
.main.xperia-reset.xperia-reset [class*="part"] p,
.main.xperia-reset.xperia-reset .acs-d, .main.xperia-reset.xperia-reset .op-d,
.main.xperia-reset.xperia-reset .connection-note2,
.main.xperia-reset.xperia-reset .line-content{ word-break:break-word; overflow-wrap:break-word; word-break:normal; }
.main.xperia-reset.xperia-reset .acs-t, .main.xperia-reset.xperia-reset .op-t,
.main.xperia-reset.xperia-reset .step-ja{ word-break:break-word; }
/* connection-note2（中間CTA） / cta connection-note（締めCTA白地） 共通部品（airpods-reset:70-77）。
§1-B: 色地の上に置く note/CTA帯は白地(#fff)＋淡罫で埋もれさせない。 */
/* 締めCTA(#cta=.part.connection 非partbg・白地節)の note は白地＋淡罫（airpods-reset:75） */
.main.xperia-reset.xperia-reset .connection .connection-note .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .connection .connection-note2 .kw{ color:var(--color9); font-weight:700; }
/* §1-B: connection.partbg（連続色域内/末尾のCTA帯）＝白地(#fff)に決定（色節の中で白に抜く clean な CTA帯）＋上下30 breathing（aquos-reset:56／airpods-reset:80）。
区切り線は背景色の関係で面ごとに個別判断（var(--color7)）。blanket border-top は廃止。
- #cta-mid1（osaifu色とaccount色の間の白帯）: 上=osaifu(色)→色差→上線なし／下=account(色)→色差→下線なし＝両側コントラスト＝線なし。
- #cta-flow（flow白とsim色の間の full-bleed白帯／2026-06-26 鉄則13で金型 #worry+connection と同構造へ）: 上=flow(白・同色)→border-top var(--color7)／下=sim(色)→色差→下線なし。
- reset末尾 .steps .connection.partbg（remote/steps色の中の白帯）: 上下とも色→線なし。 */
.main.xperia-reset.xperia-reset .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }
/* #cta-flow: 上=flow(白)→同色なので border-top で分離（金型 airpods-reset:81 #worry+.connection.partbg=border-top:1px solid var(--color7) と同値）。下=sim(色)は色差で区切れるので border-bottom なし。 */
.main.xperia-reset.xperia-reset #cta-flow{ border-top:1px solid var(--color7) !important; }
/* reset末尾の白CTA帯だけ、手順リスト(proc-steps)との間に金型と同じ30pxの色地ブリージングを作る（金型 airpods #steps .connection.partbg=margin-top:30px。global margin:0!important を id 特異度+!importantで上書き）。視覚エージェントが「手順→CTA帯が0px密着・金型は30px」と検出した1点の修正。 */
.main.xperia-reset.xperia-reset #reset .connection.partbg{ margin-top:30px !important; }
/* connection-title 左右の矢印疑似要素を縮小（泣き別れ時の余白暴れ抑制・airpods-reset:96） */
.main.xperia-reset.xperia-reset .connection .connection-title:before,
.main.xperia-reset.xperia-reset .connection .connection-title:after{ margin:2px 9px 0; width:15px; height:15px; }
/* ============================================================
[A-1] 01 fv（eyebrow+h1+リード+2CTA＋構成案の結論カード）。土台の .topbanner はテーマ index.html:246。
※2026-08-30 r2 出典是正: 旧記述「金型 airpods-reset FV 水準に作り込み／airpods-reset:135-160」は誤り。
airpods の FV は .fv-todo で結論カードを持たない（fv-conc の出現数0で確認）。結論カードの出典は構成案 wfc:182-198。
============================================================ */
.main.xperia-reset.xperia-reset .topbanner.fv-done{
background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
padding: 28px 0 30px;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-inner{ max-width: 720px; margin: 0 auto; }
/* FV中央のAndroidスマホ本体アイコン（library/icons/android/smartphone.svg）。濃紺面 → #9DB8E6（icon-baked-fill-gotcha 準拠・currentColor継承） */
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-device{
display: block; width: 56px; height: 90px; margin: 0 auto 14px; color: #9DB8E6;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-device svg{ width: 100%; height: 100%; display: block; fill: currentColor; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-eyebrow{
font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-headline{
font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-headline strong{ color: #9DB8E6; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-sub{
font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-cta{
display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
/* 2026-08-30 r3 critic 手4: 旧 .fv-conc（白カード＋大番号丸＋矢印＋サブ文＝#flow .simple3 と重複していた結論カード）を
撤去し、1行ピル列 .fv-steps ＋ 枠線バッジ .fv-conc-badges へ置き換えた。実体は末尾 [T-6]。ここには死にセレクタを残さない。 */
@media (min-width: 751px){
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-headline{ font-size: 26px; }
}
/* ============================================================
[A-2] related（✅ テーマ board / 矢印アイコンへ翻訳）airpods-reset:181-198
============================================================ */
.main.xperia-reset.xperia-reset .related .line-btitle{ margin-top: 20px; }/* h3上余白＝テーマ .line-content SP(style.css:3711)=20px。30pxだと節余白と同等で階層が崩れる */
.main.xperia-reset.xperia-reset .related .board{ padding: 6px 16px; margin-top: 14px; }
.main.xperia-reset.xperia-reset .related .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幅・note・compare-table・deflist・simple3・card-hi・point・key-box・acc-steps
============================================================ */
/* B-1 thisinner（テーマ素 .thisinner と完全一致＝広画面1080pxまで／SP実効ガター15px=計30px） */
.main.xperia-reset.xperia-reset .worry .thisinner,
.main.xperia-reset.xperia-reset .flow .thisinner,
.main.xperia-reset.xperia-reset .prep .thisinner,
.main.xperia-reset.xperia-reset .sim .thisinner,
.main.xperia-reset.xperia-reset .osaifu .thisinner,
.main.xperia-reset.xperia-reset .account .thisinner,
.main.xperia-reset.xperia-reset .remote .thisinner,
.main.xperia-reset.xperia-reset .force .thisinner,
.main.xperia-reset.xperia-reset .safe .thisinner,
.main.xperia-reset.xperia-reset .trouble .thisinner,
.main.xperia-reset.xperia-reset .models .thisinner,
.main.xperia-reset.xperia-reset .highsell .thisinner,
.main.xperia-reset.xperia-reset .trust .thisinner,
.main.xperia-reset.xperia-reset .voice .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }
@media (max-width:750px){
/* SP実効ガター: テーマ .thisinner SP は calc(100% - 30px)(style.css:1186-1187)。bespoke節も15px×2=30へ統一（airpods-reset:851-859） */
.main.xperia-reset.xperia-reset .worry .thisinner,
.main.xperia-reset.xperia-reset .flow .thisinner,
.main.xperia-reset.xperia-reset .prep .thisinner,
.main.xperia-reset.xperia-reset .sim .thisinner,
.main.xperia-reset.xperia-reset .osaifu .thisinner,
.main.xperia-reset.xperia-reset .account .thisinner,
.main.xperia-reset.xperia-reset .remote .thisinner,
.main.xperia-reset.xperia-reset .force .thisinner,
.main.xperia-reset.xperia-reset .safe .thisinner,
.main.xperia-reset.xperia-reset .trouble .thisinner,
.main.xperia-reset.xperia-reset .models .thisinner,
.main.xperia-reset.xperia-reset .highsell .thisinner,
.main.xperia-reset.xperia-reset .trust .thisinner,
.main.xperia-reset.xperia-reset .voice .thisinner{ width:calc(100% - 30px); }
}
@media (min-width:751px){
.main.xperia-reset.xperia-reset .worry .thisinner,
.main.xperia-reset.xperia-reset .flow .thisinner,
.main.xperia-reset.xperia-reset .prep .thisinner,
.main.xperia-reset.xperia-reset .sim .thisinner,
.main.xperia-reset.xperia-reset .osaifu .thisinner,
.main.xperia-reset.xperia-reset .account .thisinner,
.main.xperia-reset.xperia-reset .remote .thisinner,
.main.xperia-reset.xperia-reset .force .thisinner,
.main.xperia-reset.xperia-reset .safe .thisinner,
.main.xperia-reset.xperia-reset .trouble .thisinner,
.main.xperia-reset.xperia-reset .models .thisinner,
.main.xperia-reset.xperia-reset .highsell .thisinner,
.main.xperia-reset.xperia-reset .trust .thisinner,
.main.xperia-reset.xperia-reset .voice .thisinner{ max-width:1000px; }
}
/* B-2 note（情報注記・白円infoチップ）airpods-reset note群。
2026-06-27 retrofit (note作法・user / galaxy/aquos と同型): 補足は控えめ＝11px・color:var(--color3)・box-shadow廃止。
背景/枠は背景色で出し分け（白節=transparent+border var(--color7)／色節=#fff・borderなし・影なし）。正値=theme-golden-values.md §6。 */
.main.xperia-reset.xperia-reset .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.xperia-reset.xperia-reset .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.xperia-reset.xperia-reset .note .n-i svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }/* 2026-06-27 retrofit: 本文中インラインリンクの疑似要素「›」を削除（テーマ本文リンクは矢印を持たない） */
.main.xperia-reset.xperia-reset .note strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .note .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .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; }
/* 白地節(flow/checklist=prep/models) 上の note→背景なし＋border var(--color7)・影なし（galaxy/aquos と同作法） */
.main.xperia-reset.xperia-reset .flow .note,
.main.xperia-reset.xperia-reset .prep .note,
.main.xperia-reset.xperia-reset #checklist .note,
.main.xperia-reset.xperia-reset .remote .note,
.main.xperia-reset.xperia-reset .trust .note,
.main.xperia-reset.xperia-reset .models .note{ background:transparent; border:1px solid var(--color7); }
/* 色地節(sim/osaifu/account/remote/steps/force/safe/trouble/highsell)上の白note→白背景・borderなし・影なし */
.main.xperia-reset.xperia-reset .sim .note,
.main.xperia-reset.xperia-reset .osaifu .note,
.main.xperia-reset.xperia-reset .account .note,
.main.xperia-reset.xperia-reset .voice .note,
.main.xperia-reset.xperia-reset .steps .note,
.main.xperia-reset.xperia-reset .force .note,
.main.xperia-reset.xperia-reset .safe .note,
.main.xperia-reset.xperia-reset .trouble .note,
.main.xperia-reset.xperia-reset .highsell .note{ background:#fff; }
/* B-3 compare-table（th navy / zebra / cell破線・airpods-reset model/highsell表 共通化） */
/* 2026-06-26 round2: 金型 airpods-reset の ScrollHint 作法を verbatim クローン（CLAUDE.md 鉄則13）。
旧 round1 は「収まる表をスクロールさせない」bespoke判断で .hscroll＋width:100%固定にし、金型に在る ScrollHint を落としていた（family逸脱）。
金型作法＝比較表を .compare-table-scroll>.cts-inner.swipe-hint で包み、収まらない幅広表に min-width を与えて横スクロール＋ScrollHint(js/scroll-hint.js)を出す。
本頁7表のうち 6表=2列(390pxに table-layout:fixed で収まる→min-widthなし→is-scrollable偽でヒント非表示=無害)、1表=3列(下取りvs買取/.highsell)のみ min-width:480px で横スクロール＋ScrollHint（金型 .highsell:480px と同値）。CSSは airpods:796-800,838-850 を .main.xperia-reset へ再scope。 */.main.xperia-reset.xperia-reset .compare-table{ width:100%; margin:18px 0 0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table *//* 2026-06-27 retrofit: td本文=12（style.css .line-content SP:3710）。thは13で th≧td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table,
.main.xperia-reset .compare-table th,
.main.xperia-reset .compare-table td */
.main.xperia-reset.xperia-reset .compare-table th:first-child{ width:34%; }
/* 2026-08-31 X-2（visual-scrutiny C-2・**前ラウンド r6 の自損の是正**）: #osaifu の2列表だけ、@375 でラベル列 34% だと
値列の内寸が 200px しか残らず、17字の括弧句「（カード会社・アプリにより異なる）」= 204px が1行に収まらない。
r6 で起こし括弧を nowrap の内側へ移した結果、@375 では2行目が「（カード」だけ＝**151px の空白**に置き換わっていた
（@390 は内寸 210px で収まるので出ない＝375 限定。r6 は 390 しか見ずに着地させた）。
nowrap をいじると 375 か 390 のどちらかが必ず割れる（実測: nowrap 撤去=@390 で「カ/ード」の語中割れ／
nowrap 拡張=@375 で3行 116px 空白）ため、**列比というコンテキスト差分**で解いた。
実測（@375 ラベル列 34%→32%）: 値列内寸 200→207px。QUICPay 行 3行(空白152px)→**2行(空白27/3px)**、
nanaco 行 3行→2行、末尾「しておく」の孤立(152px)も解消。ラベル列は内寸 89→82px で「QUICPay／iD」は1行のまま（実測）。
@390 以上は行組み不変（実測）。33% では QUICPay 行が3行のまま・30% ではラベルが2行に割れる＝32% が唯一の解。 */
.main.xperia-reset.xperia-reset .osaifu .compare-table th:first-child{ width:32%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table th *//* 2026-06-27 retrofit: th=見出しレベル13>td12 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td:not(:first-child) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td strong *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table .todo */
/* highsell: 優位列(.kaitori＝買取)に navy左罫アクセント＋strong800（列ベタ塗りには戻さない・airpods-reset:678-680） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table th.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table td.kaitori strong */
/* ScrollHint（金型 airpods-reset/extra.css:796-800,838-850 を verbatim・.main.xperia-reset へ再scope）。
表を .compare-table-scroll>.cts-inner.swipe-hint で包み、is-scrollable 時に scroll-hint.js が横スクロールヒントを表示。
表margin は wrapper(margin-top:18px)へ移譲し table 側は0。3列の .highsell のみ min-width:480px で横スクロールさせる。 */.main.xperia-reset.xperia-reset .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */
.main.xperia-reset.xperia-reset .compare-table-scroll .compare-table{ margin:0; }
.main.xperia-reset.xperia-reset .highsell .compare-table-scroll .compare-table{ min-width:480px; }
@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.xperia-reset .compare-table-scroll .scroll-hint-shadow-wrap */.main.xperia-reset.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.xperia-reset.xperia-reset .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon */.main.xperia-reset.xperia-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.xperia-reset.xperia-reset .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon:before */.main.xperia-reset.xperia-reset .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .compare-table-scroll .compare-table{ min-width:0; width:100%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table-scroll .scroll-hint-icon-wrap */
}
/* B-4 deflist（白カード番号付き定義リスト・prep で使用） */
.main.xperia-reset.xperia-reset .deflist{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.xperia-reset.xperia-reset .di{ background:var(--color10); border-radius:5px; padding:15px 16px; }/* 2026-06-27 retrofit(user): ドロップシャドー廃止（補足カードは影なし・図地は背景色）。prep=白地節ゆえ color10 で白on白回避 */
.main.xperia-reset.xperia-reset .dt{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }/* 2026-06-27 retrofit: カードタイトル=1.3（見出しtier統一）。旧1.5は本文級 */
.main.xperia-reset.xperia-reset .dt .n{ flex:0 0 auto; font-size:12px; font-weight:800; color:#fff; background:var(--color9); border-radius:4px; padding:3px 9px; line-height:1.2; }
.main.xperia-reset.xperia-reset .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:8px; word-break:break-word; }/* 2026-06-27 retrofit: 説明文body=12（style.css:3710）/1.6（base継承71）。改行はbreak-wordのみ */
.main.xperia-reset.xperia-reset .dd strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .dd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }/* 2026-06-27 retrofit: 本文中インラインリンクの疑似要素「›」を削除（テーマ本文リンクは矢印を持たない） */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .prep .deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}
/* B-5 simple3（3ステップ横並び・番号食い込み丸・flow で使用） */
.main.xperia-reset.xperia-reset .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.xperia-reset.xperia-reset .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.xperia-reset.xperia-reset .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:18px; 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.xperia-reset.xperia-reset .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }/* 2026-06-27 retrofit: stepタイトル=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.45; margin-top:4px; }
.main.xperia-reset.xperia-reset .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/xperia-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .simple3 .s{ padding:22px 4px 12px; }
.main.xperia-reset.xperia-reset .simple3 .s .t{ font-size:12px; }
.main.xperia-reset.xperia-reset .simple3 .arrow{ flex-basis:12px; }
}
@media (min-width:751px){
.main.xperia-reset.xperia-reset .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
}
/* B-6 card-hi（左上隅navy帯付き淡地カード・flow で使用） */
.main.xperia-reset.xperia-reset .card-hi{ position:relative; background:var(--color10); border-radius:5px; padding:60px 18px 20px; margin:24px 0 0; overflow:hidden; }
.main.xperia-reset.xperia-reset .card-hi .ch-tag{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; padding:6px 20px; line-height:1.3; }/* 2026-06-27 retrofit: ラベル帯title=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .card-hi p{ font-size:12px; line-height:1.6; color:#333; margin:0; word-break:break-word; }/* 2026-06-27 retrofit: 説明文body=12/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .card-hi p strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .card-hi p .kw{ color:var(--color9); font-weight:700; }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .card-hi{ padding:58px 12px 16px; }
.main.xperia-reset.xperia-reset .card-hi .ch-tag{ font-size:14px; padding:6px 16px; }
}
/* B-7 point / point.danger（左罫の注意ボックス） */
.main.xperia-reset.xperia-reset .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.xperia-reset.xperia-reset .point .pt{ display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.3; }/* 2026-06-27 retrofit: ポイントtitle=1.3（見出しtier統一）。旧1.5は本文級 */
.main.xperia-reset.xperia-reset .point .pt .pn{ flex:0 0 auto; font-size:11px; font-weight:700; color:#fff; background:var(--color9); border-radius:4px; padding:2px 8px; line-height:1.4; }
.main.xperia-reset.xperia-reset .point .pd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; word-break:break-word; }/* 2026-06-27 retrofit: 説明文body=12/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .point .pd strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .point.danger{ border-left-color:#E94F4F; box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.xperia-reset.xperia-reset .point.danger .pt{ color:#E94F4F; }
.main.xperia-reset.xperia-reset .point.danger .pt .pn{ background:#E94F4F; }
/* §0準拠(theme-fidelity FAIL是正): 上の bespoke .point 装飾(影/border-left:4px)が、同じ bare class を持つ ✅流用 reason カード(.reason .reason-point .point-list .point)へ漏れていた→reason カードのみ打ち消し(テーマ標準=影なし/左罫なし・airpods-reset baseline一致)。bespoke note/danger箱(osaifu/account/remote/force)はそのまま */
.main.xperia-reset.xperia-reset .reason .reason-point .point-list .point{ box-shadow:none; border-left:0; }
/* reasons の point カードは .point{margin-top:18px} が UL/LI を突き抜け（margin escape）、枠の padding-bottom:18 が効かず最後カードが枠下端に密着(枠内下余白0)。突き抜け分18＋金型の枠内下余白18=padding-bottom:36 で 18px breathing を作る（金型 airpods=18px と一致）。視覚エージェントが「枠内下余白0・金型18px」と検出した修正。 */
.main.xperia-reset.xperia-reset .reason .reason-point .point-list{ padding-bottom:36px; }
/* B-8 key-box（淡地カード＋line-btitle見出し・account/policy で使用）。
※色地節(account/policy)内に置くため key-box は白カードで地と分離（淡地→白へ変更）。 */
.main.xperia-reset.xperia-reset .key-box{ background:#fff; border-radius:5px; padding:18px 16px 16px; margin:20px 0 0; box-shadow:0 0 5px rgba(18,77,137,.2); }
.main.xperia-reset.xperia-reset .key-box .line-btitle.kb-t{ margin:0 0 10px; }
.main.xperia-reset.xperia-reset .key-box p{ font-size:12px; line-height:1.6; color:#333; margin:0; word-break:break-word; }/* 2026-06-27 retrofit: 説明文body=12/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .key-box p strong{ color:var(--color9); }
/* B-9 acc-steps（操作手順カード＝設定パス付き。account/force/remote/osaifu/models のアコーディオン外手順用） */
.main.xperia-reset.xperia-reset .acc-steps{ display:flex; flex-direction:column; gap:12px; margin:14px 0 0; }
.main.xperia-reset.xperia-reset .acs{ display:flex; gap:12px; background:#fff; border-radius:5px; padding:14px 15px; }/* 2026-08-30 r5 critic r4 手1: `align-items:flex-start` を撤去し既定 stretch へ。 出典 build/mac-reset/extra.css:629（コホート唯一の align-items:start はカード行でなく【カード内部グリッド】で、 grid-template-rows:auto 1fr auto により本文行が伸び末尾ラベルが下端で揃う）。カード行は金型62行すべて stretch（ラグド0件）。 *//* 2026-06-27 retrofit(user): ドロップシャドー廃止。色背景節(osaifu/google/remote/force=色)内＝白地#fffで図地分離維持 */
.main.xperia-reset.xperia-reset .models .acs{ border:1px solid var(--color7); }/* models=白地節＝白の acc-step を淡罫(color7)で図地分離（白on白回避・影なし） */
.main.xperia-reset.xperia-reset .acs-n{ flex:0 0 26px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-weight:bold; border-radius:5px; font-size:14px; margin-top:1px; }
.main.xperia-reset.xperia-reset .acs-box{ min-width:0; flex:1; display:grid; grid-template-rows:auto 1fr auto; align-content:start; }/* 2026-08-30 r5 critic r4 手1: mac-reset:629 と同方式。row1=.acs-t（auto）／row2=.acs-d（1fr＝カードが等高で伸びた分を本文行が吸う）／ row3=.acs-path（auto＝下端ピン留め）。.acs-path を持たない13枚は row3 が 0 で無害。 */
.main.xperia-reset.xperia-reset .acs-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* 2026-06-27 retrofit: 手順カードタイトル=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .acs-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* 2026-06-27 retrofit: 説明文body=12/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .acs-d strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .acs-d .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .acs-path{ display:block; font-size:11px; color:var(--color4); background:#fff; border:1px solid var(--color7); border-radius:5px; padding:7px 10px; margin-top:8px; line-height:1.6; }/* 色地節の中の設定パスチップ→白＋細枠で地と分離(色on色の埋もれ防止)。2026-06-27 retrofit: line-height=1.6（base継承71） */
.main.xperia-reset.xperia-reset .acs-path b{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .acs-d .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
@media (min-width:751px){
/* 2026-08-30 r2 critic 手5: B-9 のコメントは「account/force/remote/osaifu/models」と宣言しているのに、
このセレクタ列から .osaifu だけが落ちていた＝ページ最長の #osaifu（h=1871@390）の acc-steps 2本だけ
1280/768 で1列のまま＝同一部品が同一ページで2挙動（実測: #osaifu flex / 他 grid 494px 494px）。ヌケを補完。 */
.main.xperia-reset.xperia-reset .osaifu .acc-steps,
.main.xperia-reset.xperia-reset .account .acc-steps,
.main.xperia-reset.xperia-reset .remote .acc-steps,
.main.xperia-reset.xperia-reset .force .acc-steps,
.main.xperia-reset.xperia-reset .models .acc-steps{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}
/* ============================================================
§1-B 節地色・余白・区切り線（ID個別指定）
── 白節: margin:30px auto; padding:0（テーマ標準・色/CTA直後も margin30 を残す＝張り付き禁止）。
── 色節: background:var(--color10); margin:0。padding(30px 0)/区切り線(var(--color7)) は下記 ID で個別。
── 同色隣接境界のみ border-top:1px solid var(--color7) ＋上下30。色↔白は色差で区切れるので線なし。
── ★判断は節の公称色でなく実隣接の painted edge で（中間CTA/末尾CTA=白 .connection.partbg は full-bleed 白帯＝色域を分断するので、その直後の色節は上線なし。実測 painted edge で full-bleed か inset かを確認）。
── 節順(wfc) と実隣接背景: worry(白) reasons(白) checklist/prep(白) flow(白) → sim(色) osaifu(色・末尾inset白note→osaifu下端はcolor10) [cta-mid1=full-bleed白partbg] google/account(色) remote(色) reset/steps(色・末尾=full-bleed白partbg・reset下端にflush) force(色) policy/safe(色) trouble(色) → models(白) sell/highsell(色) → 締めCTA #cta(白 theme .connection SP) related(白) faq(白)
── 実測根拠(390px): reset末尾 .connection.partbg は left:0/width=viewport で reset 下端に flush＝full-bleed → reset→force は白→色＝線なし。osaifu末尾の .note は inset(left15/幅355・下に30pxのcolor10帯)＝osaifu下端はcolor10 → だが次は full-bleed白partbg(cta-mid1)で色差＝線なし。
============================================================ */
/* 白節（テーマ標準）— worry/reason/prep/flow/models/related/faq は .part{margin:30px auto}(style.css:4521) に委ねる＝上書き不要。
§1-B是正(2026-06-26): 色/CTA直後の白節も margin30 を残す（色節padding30＋白節margin30 は別面の余白で二重でない・張り付き解消）。
旧 margin-top:0 の潰し（models/related）は廃止＝白節標準 margin30 で上余白を戻す。 */
/* 色節（全面 color10）。共通=連続色 margin:0。padding/区切り線は各IDで個別。 */
/* 2026-08-30 r2 critic 手5（色地の連続を割る）: 旧は google→remote→reset→force→policy→trouble の
【色地6節連続 7,872px（ページ全体 21,690px の36%）】＝中盤がひと続きの色面で読み疲れる（@390 実測）。
#remote（画面割れ・手元に無い＝本流①②③から外れる分岐の節）を白地へ出して色域を割る＝
「地色で本流と分岐を描き分ける」＝ spacing-divider-craft-rules の面ごと判断。
これで色地の最長連続は reset→force→policy→trouble の 4節に縮む。 */
.main.xperia-reset.xperia-reset .sim,
.main.xperia-reset.xperia-reset .osaifu,
.main.xperia-reset.xperia-reset .account,
.main.xperia-reset.xperia-reset .part.steps,
.main.xperia-reset.xperia-reset .force,
.main.xperia-reset.xperia-reset .safe,
.main.xperia-reset.xperia-reset .trouble,
.main.xperia-reset.xperia-reset .voice,
.main.xperia-reset.xperia-reset .highsell{ background:var(--color10); margin:0; }
.main.xperia-reset.xperia-reset #sim{ padding:30px 0; } /* prev=flow(白)→色差で区切れる＝線なし。上下30 breathing */
.main.xperia-reset.xperia-reset #osaifu{ padding:30px 0; border-top:1px solid var(--color7); } /* prev=sim(同色)→区切り線・上下30 */
/* #cta-mid1 = connection.partbg＝白地(.connection.partbg 共通ルール)。上=osaifu(色)・下=google(色)→両側コントラスト→線なし */
.main.xperia-reset.xperia-reset #google{ padding:30px 0; } /* prev=cta-mid1(白CTA帯)→白→色＝色差で区切れる→上線なし（実隣接=白で判断・aquos #trust と同型） */
/* #remote = 白地（上の r2 コメント参照）。テーマ標準 .part{margin:30px auto}(style.css:4521) に委ねる＝padding/区切り線とも不要。
prev=account(色)→色差で区切れる／next=reset(色)→色差で区切れる＝両側とも線なし。 */
.main.xperia-reset.xperia-reset #reset{ padding:30px 0 0; } /* 2026-08-30 r2: prev=remote が白地になった＝色差で区切れるので border-top を撤去。下は末尾CTA(connection.partbg padding-bottom30)が breathing */
.main.xperia-reset.xperia-reset #force{ padding:30px 0; } /* prev=reset 末尾＝.connection.partbg＝full-bleed 白CTA帯(width=viewport・左0・reset下端にflush)→白が色域を分断＝白→色＝色差で区切れる→上線なし（実測 painted bottom=#fff full-bleed・airpods #steps-4 と同型。「inset note」は誤判定だった） */
.main.xperia-reset.xperia-reset #policy{ padding:30px 0; border-top:1px solid var(--color7); } /* prev=force(同色)→区切り線・上下30 */
.main.xperia-reset.xperia-reset #trouble{ padding:30px 0; border-top:1px solid var(--color7); }/* prev=policy(同色)→区切り線。下=models(白) margin30 が breathing を受ける */
.main.xperia-reset.xperia-reset #sell{ padding:30px 0; } /* prev=models(白)→色差で区切れる＝線なし。上下30 breathing。next=#trust(白)→色差→下線なし（2026-08-30 r2: 締めCTAを related の後ろへ移設したため next は #trust に変わった） */
/* #trust = 白地（テーマ標準 margin:30px auto）。prev=sell(色)/next=voices(色) とも色差＝線なし。 */
.main.xperia-reset.xperia-reset #voices{ padding:30px 0; } /* 2026-08-30 r2 新設: 色地。prev=trust(白)/next=related(白) とも色差で区切れる＝線なし。上下30 breathing */
/* ============================================================
[C] worry（不安提示→お約束1:1）airpods-reset:353-399
============================================================ */
.main.xperia-reset.xperia-reset .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; }
.main.xperia-reset.xperia-reset .board-head{ margin:0; }
.main.xperia-reset.xperia-reset .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; line-height:1.3; }/* 2026-06-27 retrofit: 板見出し=1.3（見出しtier・旧inherit1.6） */
.main.xperia-reset.xperia-reset .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi{ position:relative; width:88%; background:#fff; border-radius:5px; padding:12px 16px 12px 12px; display:flex; align-items:center; gap:11px; font-size:14px; line-height:1.6; color:#333; box-shadow:0 0 10px rgba(18,77,137,.16); }
.main.xperia-reset.xperia-reset .worry .worry-board .wi:after{ content:""; position:absolute; bottom:-5px; left:30px; width:12px; height:12px; background:#fff; transform:rotate(45deg); box-shadow:5px 5px 7px -3px rgba(18,77,137,.12); }
.main.xperia-reset.xperia-reset .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi .wic{ width:42px; min-width:42px; height:42px; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi .wi-t{ min-width:0; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi .wi-t strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .worry .w-arrow{ display:block; width:22px; height:15px; margin:20px auto 0; background:url(../images/xperia-reset/icon/select.svg) center/contain no-repeat; }
.main.xperia-reset.xperia-reset .worry .promise-board{ position:relative; background:var(--color10); padding:60px 16px 18px; border-radius:5px; overflow:hidden; margin-top:24px; }
.main.xperia-reset.xperia-reset .worry .promise-board .board-head{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; padding:6px 20px; display:inline-flex; align-items:center; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; margin:0; line-height:1.3; }/* 2026-06-27 retrofit: ラベル帯見出し=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .worry .promise-list{ display:flex; flex-direction:column; gap:14px; }
.main.xperia-reset.xperia-reset .worry .pi{ position:relative; background:#fff; border-radius:5px; padding:16px 16px 16px 66px; }
.main.xperia-reset.xperia-reset .worry .pi .pic{ position:absolute; left:13px; top:14px; width:42px; height:42px; }
.main.xperia-reset.xperia-reset .worry .pi .pic svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .worry .pi .px{ display:block; font-size:12px; color:#333; line-height:1.6; word-break:break-word; }
.main.xperia-reset.xperia-reset .worry .pi .px b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:4px; word-break:break-word; }/* 2026-06-27 retrofit: カードタイトル=15/1.3（見出しtier統一）。改行break-wordのみ */
.main.xperia-reset.xperia-reset .worry .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; }/* 2026-06-27 retrofit: 本文を独立要素(.pd)に分離＝title(b 1.3)/body(.pd 1.6)を要素ごとに明示（.di の .dt/.dd と同型） */
.main.xperia-reset.xperia-reset .worry .worry-lead{ font-size:12px; line-height:1.6; color:#333; margin:24px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .worry .worry-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .worry .worry-lead .kw{ color:var(--color9); font-weight:700; }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .worry .worry-board{ padding:0; }
.main.xperia-reset.xperia-reset .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; text-align:center; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi{ font-size:13px; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi .wic{ width:38px; min-width:38px; height:38px; }
.main.xperia-reset.xperia-reset .worry .promise-board .board-head{ font-size:14px; padding:6px 16px; }
.main.xperia-reset.xperia-reset .worry .pi{ padding:14px 14px 14px 52px; }
.main.xperia-reset.xperia-reset .worry .pi .pic{ top:13px; width:38px; height:38px; }
}
@media (min-width:751px){
.main.xperia-reset.xperia-reset .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi{ width:auto; }
.main.xperia-reset.xperia-reset .worry .worry-board .wi:nth-child(even){ margin-left:0; }
.main.xperia-reset.xperia-reset .worry .promise-board{ padding:72px 22px 22px; }
.main.xperia-reset.xperia-reset .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.main.xperia-reset.xperia-reset .worry .worry-lead{ max-width:780px; }
}
/* ============================================================
[D] flow（全体フロー早見表3ステップ）＝simple3/card-hi/note＋compare-table
============================================================ */
.main.xperia-reset.xperia-reset .flow .quick-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .flow .quick-lead strong{ color:var(--color9); font-weight:700; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .flow .compare-table td.lbl br */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .flow .quick-lead{ max-width:780px; }
}
/* ============================================================
[E] prep（準備チェックリスト）＝B-4 deflist＋lead。白地節。
============================================================ */
.main.xperia-reset.xperia-reset .prep .prep-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .prep .prep-lead strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .prep .prep-lead{ max-width:780px; }
}
/* ============================================================
[F] sim（eSIM・物理SIMの扱い）＝色地part＋compare-table＋note
============================================================ */
.main.xperia-reset.xperia-reset .sim .sim-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .sim .sim-lead strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .sim .sim-lead{ max-width:780px; }
}
/* ============================================================
[G] osaifu（おサイフ残高移行・Xperia固有・最重要）＝色地part＋acc-steps＋compare-table＋point.danger
============================================================ */
.main.xperia-reset.xperia-reset .osaifu .osaifu-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .osaifu .osaifu-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .osaifu .osaifu-lead .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .line-btitle{ line-height:1.3; word-break:break-word; }/* 2026-06-27 retrofit: h3=1.3（見出しtier統一・旧inherit1.6）。改行break-wordのみ（galaxy:130と同型） */
.main.xperia-reset.xperia-reset .osaifu .line-btitle.osaifu-h4{ margin:20px 0 12px; }
.main.xperia-reset.xperia-reset .osaifu .osaifu-sub{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }/* 2026-06-27 retrofit: 補足リードも本文＝12px/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .osaifu .osaifu-sub strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .osaifu .osaifu-lead{ max-width:780px; }
}
/* ============================================================
[H] account（Googleアカウント削除＝FRP回避）＝色地part＋key-box＋acc-steps＋point＋line-btitle
============================================================ */
.main.xperia-reset.xperia-reset .account .account-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .account .account-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .account .account-lead .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .account .line-btitle.account-h4{ margin:20px 0 6px; }
/* FRP仕組み図解（白カード＋navy3トーン＋figcaption・craft C2）。色地節内なので白カードで地と分離。 */
.main.xperia-reset.xperia-reset .account .frp-fig,
.main.xperia-reset.xperia-reset .osaifu .osaifu-fig{ margin:18px 0 0; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px 14px 12px; box-shadow:0 0 5px rgba(18,77,137,.16); }/* 2026-08-30 r5 手4: #osaifu の図解も同一実体（frp-fig）にぶら下げる＝値の複製をしない。両節とも色地(--color10)なので白カードで図地分離。 */
.main.xperia-reset.xperia-reset .account .frp-fig svg,
.main.xperia-reset.xperia-reset .osaifu .osaifu-fig svg{ width:100%; max-width:340px; height:auto; display:block; margin:0 auto; }
.main.xperia-reset.xperia-reset .account .frp-fig figcaption,
.main.xperia-reset.xperia-reset .osaifu .osaifu-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; word-break:break-word; }/* figcaption は golden 11px/mt8 に統一(step-fig と一致) */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .account .account-lead{ max-width:780px; }
}
/* ============================================================
[I] remote（遠隔初期化）＝色地part＋acc-steps＋point.danger＋note
============================================================ */
.main.xperia-reset.xperia-reset .remote .remote-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .remote .remote-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .remote .remote-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .remote .remote-lead{ max-width:780px; }
}
/* ============================================================
[J] steps（本体データの初期化・HowTo主役）airpods-reset:213-343 をリネーム移植
実機スクショ不使用（§9偽装回避）→確定手順図1点を .step-fig 枠で表示。
============================================================ */
/* (1) 全体像 3STEP バンド */
.main.xperia-reset.xperia-reset .steps .proc-overview{ display:flex; align-items:stretch; gap:0; margin:24px 0 8px; }
.main.xperia-reset.xperia-reset .steps .ov-step{ position:relative; flex:1; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 6px 12px; text-align:center; }
.main.xperia-reset.xperia-reset .steps .ov-step .ov-num{ position:absolute; left:50%; top:0; transform:translate(-50%,-48%); font-size:25px; font-weight:800; font-style:italic; color:var(--color9); line-height:1; white-space:nowrap; }
.main.xperia-reset.xperia-reset .steps .ov-step .ov-t{ font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; word-break:break-word; }/* 2026-06-27 retrofit: 概観stepタイトル=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .steps .ov-step .ov-d{ font-size:11px; color:var(--color13); line-height:1.4; margin-top:4px; }
.main.xperia-reset.xperia-reset .steps .ov-arrow{ flex:0 0 18px; align-self:center; height:14px; background:url(../images/xperia-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
/* ステッパー外殻＋導入見出し */
.main.xperia-reset.xperia-reset .steps .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:45px; }
.main.xperia-reset.xperia-reset .steps .steps-ttl{ display:table; margin:0 auto 20px; border-radius:5px; background:var(--color9); color:#fff; padding:8px 24px; min-width:260px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; line-height:1.3; white-space:nowrap; }
.main.xperia-reset.xperia-reset .steps .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.xperia-reset.xperia-reset .steps .steps-ttl em{ font-style:normal; font-size:1.7em; color:#fff; margin:0 2px; }
/* STEP白カード */
.main.xperia-reset.xperia-reset .steps .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
.main.xperia-reset.xperia-reset .steps .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.xperia-reset.xperia-reset .steps .proc-step:not(:last-child):after{ content:""; display:block; position:absolute; left:0; bottom:calc(-1 * var(--bottom)); width:100%; height:var(--bottom); background:url(../images/xperia-reset/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
.main.xperia-reset.xperia-reset .steps .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.xperia-reset.xperia-reset .steps details.proc-step:not([open]) > summary.proc-step-head{ padding-bottom:0; border-bottom:none; }
.main.xperia-reset.xperia-reset .steps .proc-step-head .step-number{ white-space:nowrap; font-weight:bold; color:var(--color9); border-radius:4px; background:#fff; border:1px solid var(--color9); padding:4px 9px; margin-right:10px; font-size:13px; line-height:1.2; flex-shrink:0; }
.main.xperia-reset.xperia-reset .steps .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0; word-break:break-word; }/* 2026-06-27 retrofit: STEP見出し=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .steps .proc-step-head .st-add{ margin-left:auto; flex-shrink:0; position:relative; width:22px; height:22px; border-radius:50%; background:var(--color11); }
.main.xperia-reset.xperia-reset .steps .proc-step-head .st-add:before,
.main.xperia-reset.xperia-reset .steps .proc-step-head .st-add:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.xperia-reset.xperia-reset .steps .proc-step-head .st-add:after{ width:50%; height:2px; }
.main.xperia-reset.xperia-reset .steps .proc-step-head .st-add:before{ width:2px; height:50%; }
.main.xperia-reset.xperia-reset .steps details.proc-step[open] > summary .st-add:before{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.main.xperia-reset.xperia-reset .steps summary.proc-step-head{ cursor:pointer; list-style:none; }
.main.xperia-reset.xperia-reset .steps summary.proc-step-head::-webkit-details-marker{ display:none; }
.main.xperia-reset.xperia-reset .steps .proc-step-body{ margin-top:6px; }
/* 操作1-2-3行 */
.main.xperia-reset.xperia-reset .steps .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.xperia-reset.xperia-reset .steps .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.xperia-reset.xperia-reset .steps .op-num{ min-width:25px; height:25px; display:flex; align-items:center; justify-content:center; background:var(--color10); color:var(--color9); font-weight:bold; border-radius:5px; font-size:13px; flex-shrink:0; margin-top:1px; }
.main.xperia-reset.xperia-reset .steps .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* 2026-06-27 retrofit: 操作行タイトル=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .steps .op-d{ font-size:13px; line-height:1.6; color:#333; margin-top:5px; }
.main.xperia-reset.xperia-reset .steps .op-d strong{ color:var(--color9); }
/* step-note */
.main.xperia-reset.xperia-reset .steps .step-note{ position:relative; margin-top:20px; background:#fff; box-shadow:0 0 5px rgba(18,77,137,.12); border-radius:5px; padding:12px 14px 12px 44px; font-size:12px; line-height:1.3; color:#14355D; font-weight:500; }/* 色地(steps)節の中のnote→白＋淡グローで地と分離(色on色の埋もれ防止) */
.main.xperia-reset.xperia-reset .steps .step-note .note-icon{ 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; box-sizing:border-box; }
.main.xperia-reset.xperia-reset .steps .step-note .note-icon svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .steps .step-note strong{ color:var(--color9); }
/* micro注記＋［要確認］ピル */
.main.xperia-reset.xperia-reset .steps .proc-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.xperia-reset.xperia-reset .steps .proc-micro .kw{ color:var(--color9); font-weight:700; }
/* 確定手順図（自前SVG・Xperia設定画面）= 実機スクショ枠の代替（§9偽装回避） */
.main.xperia-reset.xperia-reset .steps .step-fig{ margin:18px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:14px; }
.main.xperia-reset.xperia-reset .steps .step-fig svg{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.xperia-reset.xperia-reset .steps .step-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }
/* 中間CTA = connection.partbg（steps末尾の白CTA帯）。上下 breathing は .connection.partbg 共通の padding:30px 0 が提供（margin は !important で 0）。
上=steps手順カード(白)・下=force(色)→いずれも実隣接で個別判断（force側で上線なし＝色差） */
@media (max-width: 750px){
.main.xperia-reset.xperia-reset .steps .proc-overview{ margin:24px 0 8px; }
.main.xperia-reset.xperia-reset .steps .ov-step{ padding:22px 4px 11px; }
.main.xperia-reset.xperia-reset .steps .ov-step .ov-num{ font-size:22px; }
.main.xperia-reset.xperia-reset .steps .ov-step .ov-t{ font-size:12px; }
.main.xperia-reset.xperia-reset .steps .ov-arrow{ flex-basis:14px; }
.main.xperia-reset.xperia-reset .steps .proc-steps{ padding:0; margin-top:45px; }
.main.xperia-reset.xperia-reset .steps .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
.main.xperia-reset.xperia-reset .steps .proc-step{ padding:14px 13px; }
.main.xperia-reset.xperia-reset .steps .proc-step:not(:last-child){ --bottom:26px; }
.main.xperia-reset.xperia-reset .steps .proc-step-head .step-ja{ font-size:14px; }
.main.xperia-reset.xperia-reset .steps .op-t{ font-size:14px; }
}
/* ============================================================
[K] force（強制初期化・症状別分岐表）airpods-reset:518-558
色地part。branch（症状分岐）＋acc-steps（リカバリー手順）＋point.danger＋line-btitle。
============================================================ */
.main.xperia-reset.xperia-reset .force .force-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .force .force-lead .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .force .force-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .force .branch{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.xperia-reset.xperia-reset .force .br{ background:#fff; border-radius:5px; padding:14px 15px; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.xperia-reset.xperia-reset .force .br .br-q{ font-size:14px; font-weight:700; color:var(--color4); line-height:1.3; display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px dashed var(--color7); }/* 2026-06-27 retrofit: 分岐タイトル=1.3（見出しtier） */
.main.xperia-reset.xperia-reset .force .br .br-q .lab{ flex:0 0 auto; font-size:10px; font-weight:700; color:#fff; background:var(--color9); border-radius:3px; padding:2px 8px; line-height:1.4; }
.main.xperia-reset.xperia-reset .force .br .br-q .lab.warn{ color:#fff; background:#E94F4F; border:0; }/* 2026-06-27 xpr15: 症状Dバッジを塗りcoral＋白文字に（A/B/C=塗りnavyと「塗り」で一貫・galaxy:518 と同。旧=透明bg/coral文字/coral枠の抜きで作法不一致） */
.main.xperia-reset.xperia-reset .force .br.warn{ box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.xperia-reset.xperia-reset .force .br .br-a{ font-size:12px; line-height:1.6; color:#333; margin-top:9px; word-break:break-word; }/* 2026-06-27 retrofit: 説明文body=12/1.6（style.css:3710-71） */
.main.xperia-reset.xperia-reset .force .br .br-a strong{ color:var(--color9); }
.main.xperia-reset.xperia-reset .force .br .br-a a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.xperia-reset.xperia-reset .force .line-btitle.force-h4{ margin:20px 0 6px; }
.main.xperia-reset.xperia-reset .force .force-sub{ font-size:12px; line-height:1.6; color:#333; margin:0 0 4px; word-break:break-word; }/* 2026-06-27 retrofit: 補足説明文body=12/1.6 */
.main.xperia-reset.xperia-reset .force .force-sub strong{ color:var(--color9); }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .force .force-lead{ max-width:780px; }
.main.xperia-reset.xperia-reset .force .branch{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}
/* ============================================================
[L] safe（データ消去ポリシー＝#policy）airpods-reset:560-607
色地節。safe-fig＋key-box＋promise（左上隅navy帯＋チェック pi）。
============================================================ */
.main.xperia-reset.xperia-reset .safe .safe-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .safe .safe-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .safe .safe-lead .kw{ color:var(--color9); font-weight:700; }
/* safe-fig: 色地節内なので白カードで分離（2カラム） */
.main.xperia-reset.xperia-reset .safe .safe-fig{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.xperia-reset.xperia-reset .safe .safe-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
/* figcaption は golden caption=11px に統一（同ページ frp-fig/step-fig=11px と一致・1ページ内の figcaption font-size 不揃いを解消／round1 fidelity 是正）。
icon+statement 型のため navy(color4)・weight600 は維持（読みやすさ）。 */
.main.xperia-reset.xperia-reset .safe .safe-fig figcaption{ min-width:0; font-size:11px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }
.main.xperia-reset.xperia-reset .safe .promise{ position:relative; background:#fff; border-radius:5px; padding:60px 18px 20px; margin:20px 0 0; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.xperia-reset.xperia-reset .safe .promise .pm-t{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; padding:6px 20px; line-height:1.4; }
.main.xperia-reset.xperia-reset .safe .pl{ display:flex; flex-direction:column; gap:14px; }
.main.xperia-reset.xperia-reset .safe .pi{ position:relative; background:#fff; box-shadow:0 0 5px rgba(18,77,137,.12); border-radius:5px; padding:15px 16px 15px 50px; }/* 色地(color10)節の中のkey-box→白カードで地と分離(色on色の埋もれ防止) */
.main.xperia-reset.xperia-reset .safe .pi .ck{ position:absolute; left:13px; top:15px; width:26px; height:26px; border-radius:50%; background:#16AEB1; display:flex; align-items:center; justify-content:center; }
.main.xperia-reset.xperia-reset .safe .pi .ck svg{ width:14px; height:14px; display:block; }
.main.xperia-reset.xperia-reset .safe .pi .px{ font-size:12px; line-height:1.6; color:#333; word-break:break-word; }
.main.xperia-reset.xperia-reset .safe .pi .px b{ display:block; font-size:14px; color:var(--color4); line-height:1.3; margin-bottom:3px; }/* 2026-06-27 retrofit: カードタイトル=14/1.3（見出しtier統一） */
.main.xperia-reset.xperia-reset .safe .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; }/* 2026-06-27 retrofit: 本文を独立要素(.pd)に分離＝title(b 1.3)/body(.pd 1.6)を要素ごとに明示（.di の .dt/.dd と同型） */
.main.xperia-reset.xperia-reset .safe .pi .px .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .safe .promise{ padding:58px 12px 16px; }
.main.xperia-reset.xperia-reset .safe .promise .pm-t{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
.main.xperia-reset.xperia-reset .safe .safe-lead{ max-width:780px; }
.main.xperia-reset.xperia-reset .safe .pl{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}
/* ============================================================
[M] trouble（初期化できない早見表）airpods-reset:609-636
色地節。compare-table＋note。
============================================================ */
.main.xperia-reset.xperia-reset .trouble .tr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .trouble .tr-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .trouble .tr-lead{ max-width:780px; }
}
/* ============================================================
[N] models（機種・バージョン別の違い）＝白地part＋compare-table＋acc-steps＋line-btitle
============================================================ */
.main.xperia-reset.xperia-reset .models .models-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .models .models-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .models .line-btitle.models-h4{ margin:20px 0 6px; }
.main.xperia-reset.xperia-reset .models .models-sub{ font-size:12px; line-height:1.6; color:#333; margin:0 0 4px; word-break:break-word; }/* 2026-06-27 retrofit: 補足説明文body=12/1.6 */
.main.xperia-reset.xperia-reset .models .compare-table + .line-btitle{ margin-top:20px; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .models .models-lead{ max-width:780px; }
}
/* ============================================================
[O] highsell（初期化と査定の関係＝#sell）airpods-reset:638-702
色地節。lead＋line-btitle＋compare-table＋hs-cta。
============================================================ */
.main.xperia-reset.xperia-reset .highsell .hs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .highsell .hs-lead strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .highsell .hs-lead .kw{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .highsell .line-btitle.hs-h4{ margin:20px 0 8px; }
.main.xperia-reset.xperia-reset .highsell .hs-cta{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:20px; }
.main.xperia-reset.xperia-reset .highsell .hs-cta a{ display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:400px; width:100%; box-sizing:border-box; font-weight:bold; font-size:14px; border-radius:5px; padding:13px 20px; text-decoration:none; }
.main.xperia-reset.xperia-reset .highsell .hs-cta a.outline{ background:#fff; border:2px solid var(--color9); color:var(--color9); }
.main.xperia-reset.xperia-reset .highsell .hs-cta a.outline .todo{ display:inline; font-size:10px; background:var(--color10); border:1px solid var(--color7); color:var(--color13); border-radius:3px; padding:1px 5px; font-weight:500; margin-left:4px; }
.main.xperia-reset.xperia-reset .highsell .hs-cta a.fill{ background:var(--color9); color:#fff; }
.main.xperia-reset.xperia-reset .highsell .hs-cta a:after{ content:""; width:15px; height:11px; background:url(../images/xperia-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
.main.xperia-reset.xperia-reset .highsell .hs-cta a.fill:after{ filter:brightness(0) invert(1); }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .highsell .hs-lead{ max-width:780px; }
}
/* ============================================================
[P] cta-band（連続色域内の独立中間CTA帯）＝connection.partbg
── #cta-mid1 は .part.connection.partbg＝白地(#fff)＋上下30（共通 .connection.partbg ルール）。
上=osaifu(色)・下=google(色)→両側コントラスト＝区切り線なし（実隣接で判断・var(--color7)）。
独立section化のため margin:0（連続色域に置く帯）は !important 共通ルールに含む。
============================================================ */
.main.xperia-reset.xperia-reset .cta-band .titlegroup{ text-align:center; }
/* ============================================================
[Q] 375/390px 泣き別れ抑制（短い見出し/ラベル=balance、長文リード=pretty）airpods-reset:822-834
============================================================ */
.main.xperia-reset.xperia-reset .line-title span,
.main.xperia-reset.xperia-reset .steps .steps-ttl,
.main.xperia-reset.xperia-reset .connection .connection-title,
.main.xperia-reset.xperia-reset .steps .ov-d,
.main.xperia-reset.xperia-reset .fv-done .fv-headline{ word-break:break-word; }
.main.xperia-reset.xperia-reset .flow .quick-lead,
.main.xperia-reset.xperia-reset .highsell .hs-lead,
.main.xperia-reset.xperia-reset .fv-done .fv-sub{ word-break:break-word; }
/* 2026-06-27 h2 line-height 1.3 統一（aquos extra.css:568 と同型）。テーマの .reason 専用SP上書き .reason .line-title span=1.4（style.css:6932-6935）が #reasons だけ 1.4 に割る＝同役割で1.3/1.4の2値混在→ユーザー指摘「line-heightバラツキ・同役割同値」に従い全h2を1.3へ是正。ページ間(aquos/galaxy/xperia)整合。 */
.main.xperia-reset.xperia-reset .reason .line-title span{ line-height:1.3; }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .reason .line-title span{ line-height:1.3; }
}
/* ============================================================
[R] PC(デスクトップ)タイポ調整 ── @media(min-width:751px) のみ＝SP(390px)は一切不変。
根拠(2026-06-27 retrofit・galaxy extra.css:560-608 / aquos と同型・xperia class に調整): テーマは本文を SP12px→PC~15px に拡大する設計
（body=clamp(15px,…,16px) style.css:1130 / .line-content・.reason point p =PC15px・galaxy.html@1280実測）。
bespoke節は font-size:12px をメディア外で全幅固定していたため PCで拡大せず、同ページ内で本文が 12px↔15.45px に割れ＋1000px幅で間延び（harness D「PC本文未拡大」）。
正値はテーマPC実測に接地: 本文=15px / カードタイトル=16px / 補足・note=13px / board-head=20px / 表セル=td14・th15。
============================================================ */
@media (min-width:751px){
/* 本文/リード/説明文/カード本文 → 15px (テーマ line-content / reason point p) */
.main.xperia-reset.xperia-reset .dd,
.main.xperia-reset.xperia-reset .acs-d,
.main.xperia-reset.xperia-reset .point .pd,
.main.xperia-reset.xperia-reset .steps .op-d,
.main.xperia-reset.xperia-reset .card-hi p,
.main.xperia-reset.xperia-reset .key-box p,
.main.xperia-reset.xperia-reset .safe .pi .px,
.main.xperia-reset.xperia-reset .safe .pi .px .pd,
.main.xperia-reset.xperia-reset .worry .pi .px,
.main.xperia-reset.xperia-reset .worry .pi .px .pd,
.main.xperia-reset.xperia-reset .worry .worry-board .wi,
.main.xperia-reset.xperia-reset .worry .worry-lead,
.main.xperia-reset.xperia-reset .flow .quick-lead,
.main.xperia-reset.xperia-reset .prep .prep-lead,
.main.xperia-reset.xperia-reset .sim .sim-lead,
.main.xperia-reset.xperia-reset .osaifu .osaifu-lead,
.main.xperia-reset.xperia-reset .osaifu .osaifu-sub,
.main.xperia-reset.xperia-reset .account .account-lead,
.main.xperia-reset.xperia-reset .remote .remote-lead,
.main.xperia-reset.xperia-reset .force .force-lead,
.main.xperia-reset.xperia-reset .force .force-sub,
.main.xperia-reset.xperia-reset .force .br .br-a,
.main.xperia-reset.xperia-reset .safe .safe-lead,
.main.xperia-reset.xperia-reset .trouble .tr-lead,
.main.xperia-reset.xperia-reset .models .models-lead,
.main.xperia-reset.xperia-reset .models .models-sub,
.main.xperia-reset.xperia-reset .highsell .hs-lead{ font-size:15px; }
/* カードタイトル → 16px (テーマ .point-name=PC16px・style.css:6610)。本文15+1pxで階層は太字+navyで担保 */
.main.xperia-reset.xperia-reset .dt,
.main.xperia-reset.xperia-reset .acs-t,
.main.xperia-reset.xperia-reset .steps .op-t,
.main.xperia-reset.xperia-reset .point .pt,
.main.xperia-reset.xperia-reset .simple3 .s .t,
.main.xperia-reset.xperia-reset .steps .ov-step .ov-t,
.main.xperia-reset.xperia-reset .force .br .br-q,
.main.xperia-reset.xperia-reset .worry .pi .px b,
.main.xperia-reset.xperia-reset .safe .pi .px b{ font-size:16px; }
/* 補足/キャプション/note/FVアイブロウ → 13px (控えめ拡大・本文との段差を保つ。eyebrowは小ラベルなので本文15pxには上げない) */
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-eyebrow,
.main.xperia-reset.xperia-reset .note,
.main.xperia-reset.xperia-reset .simple3 .s .d,
.main.xperia-reset.xperia-reset .steps .ov-step .ov-d,
.main.xperia-reset.xperia-reset .acs-path,
.main.xperia-reset.xperia-reset .account .frp-fig figcaption,
.main.xperia-reset.xperia-reset .osaifu .osaifu-fig figcaption,
.main.xperia-reset.xperia-reset .steps .step-fig figcaption,
.main.xperia-reset.xperia-reset .steps .step-note,
.main.xperia-reset.xperia-reset .steps .proc-micro,
.main.xperia-reset.xperia-reset .safe .safe-fig figcaption{ font-size:13px; }/* 2026-08-28 ledger#73 修復: 閉じルール（共通部品の複製）撤去で宙に浮いたセレクタ列を独立させた */
/* 板見出し → 20px / 比較表セル td14・th15 */
.main.xperia-reset.xperia-reset .worry .worry-board .board-head,
.main.xperia-reset.xperia-reset .worry .promise-board .board-head{ font-size:20px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.xperia-reset .compare-table th */
}
/* ============================================================
xpr12 retrofit（完了ゲート: harness I 強調色・E 泣り別れ・ブランド語中割れ／footer NAP）2026-06-27
============================================================ */
/* 泣り別れ/語中割れの個別補正ユーティリティ（テーマ/旧xperia に .nowrap 実体が無く HTML の class="nowrap" が無効だった＝追加）。auto-phrase/text-wrap は使わない。 */
.main.xperia-reset.xperia-reset .nowrap{ white-space:nowrap; }
/* 見出し内の入れ子 に、テーマ .line-title span の左罫/inline-block が二重に乗るのを無効化（galaxy gxr08 と同作法）。 */
.main.xperia-reset.xperia-reset .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }
/* 強調色 V-1: 明地の本文中 inline strong/b/.kw は color9(#224995) 一色に統一。
旧ビルドが wi-t/worry-lead/quick-lead/account-lead/remote-lead/models-lead strong と acs-path b を color4 にしていた箇所を
各々の元ルール(344/402/414/438/480/495/647)で color9 に是正済み（aquos:288/340 precedent）。block化カードタイトル(.px b 等)は color4 のまま据置。 */
/* 旧xperia に欠落していた本文強調の color9 ルール（aquos:45 と同）＝line-content/qa-item-body 内の inline strong（#333継承だった）を color9 へ。 */
.main.xperia-reset.xperia-reset .line-content strong, .main.xperia-reset.xperia-reset .qa-item-body strong{ color:var(--color9); font-weight:700; }
/* ============================================================
[S] 2026-08-30 r2（design-quality-critic r1 63点 / visual-scrutiny r1 の指摘対応）
── 追加部品はいずれも姉妹 DONE ページの実装を .main.xperia-reset へ rescope（発明しない）。
値の出典は各ブロックのコメントに行番号で記載。トークン外の色・独自角丸・別フォントは持ち込まない。
============================================================ */
/* [S-1] photo-band（本文実写の帯）
出典: build/ipad-reset/extra.css:940-946 ＝ build/apple-machine/extra.css:472-474 ＝ build/galaxy-reset/extra.css:693-700
（21:9・1px var(--color7) 罫・navy overlay .08・object-position:left・上20/下16・PC max-width:760）と同値。
★共通化候補: 4ページで同値 → いずれ _shared へ（その時ここを撤去）。 */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.xperia-reset.xperia-reset .photo-band{ margin:20px 0 16px; aspect-ratio:21/9; }
/* 2026-08-31 _shared 昇格: .main.xperia-reset .photo-band:after { content; position; inset; background; pointer-events } は build/_shared/components.css（photo-band canon）へ移動＝ここでは複製しない */
/* 2026-08-31 _shared 昇格: width/display は _shared（photo-band canon）へ移動 */
.main.xperia-reset.xperia-reset .photo-band img{ height:100%; object-fit:cover; object-position:left center; }
.main.xperia-reset.xperia-reset #flow .photo-band img,
.main.xperia-reset.xperia-reset #sell .photo-band img{ object-position:center; }/* flow-mail2-pic / flow-store-pic とも被写体（手＋端末）が中央寄り＝左寄せだと切れる */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }
}
/* [S-2] 旧 .models-lineup（figure での実写ラインナップ）は 2026-08-30 r3 でテーマ正規の
a.brand-streamer（写真＋グラデ帯タイトル）へ置換した。実体は末尾 [T-8]。死にセレクタは残さない。 */
/* [S-3] #flow の3列比較表（構成案 wfc:313-317 復帰）
出典: build/galaxy-reset/extra.css:241 「.flow .compare-table-scroll .compare-table{min-width:480px}」 と同値。
列幅は _shared:171 の 「.compare-table-scroll[class*="wide"]」（table-layout:auto）に委ねる＝ここでは幅指定を書かない。 */
/* 2026-08-30 r3 critic 手5: min-width:480px（＋.wide の table-layout:auto）だと @390 で3列目「飛ばすと…」が
初期表示の外に出て、早見表なのに要点が読めなかった（critic 実測）。コピーは短縮せず、
構成案 wfc:313-317 が指定している列比率（順14% / やること / 飛ばすと…30%）の fixed 3列に戻して収める。 */
.main.xperia-reset.xperia-reset .flow .compare-table-scroll .compare-table{ min-width:0; width:100%; table-layout:fixed; }
.main.xperia-reset.xperia-reset .flow .compare-table-scroll .compare-table th:first-child,
.main.xperia-reset.xperia-reset .flow .compare-table-scroll .compare-table td:first-child{ width:14%; }
.main.xperia-reset.xperia-reset .flow .compare-table-scroll .compare-table th:last-child,
.main.xperia-reset.xperia-reset .flow .compare-table-scroll .compare-table td:last-child{ width:30%; }
/* [S-4] deflist に概念アイコン（#checklist の5枚／#reasons の特長5枚）
出典: build/galaxy-reset/extra.css:324-328（#prep .di .dt > .wic 42/38px ＋ .dt > .dt-t で単一 flex item 化）。
★.dt は flex（B-4）。本文を .dt-t に包まないと nowrap が別 flex item に散る（ledger#77）。 */
.main.xperia-reset.xperia-reset .di .dt > .wic{ flex:0 0 auto; width:42px; min-width:42px; height:42px; }
.main.xperia-reset.xperia-reset .di .dt > .wic svg{ width:100%; height:100%; display:block; }
@media (max-width:750px){
.main.xperia-reset.xperia-reset .di .dt > .wic{ width:38px; min-width:38px; height:38px; }
}
/* [S-4b] 特長カード列（番号チップ無しの並列カード）。#trust は白節なので .di 既定の var(--color10) のまま。 */
.main.xperia-reset.xperia-reset .trust .feat-list{ margin-top:20px; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .trust .feat-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.main.xperia-reset.xperia-reset .trust .feat-list .di-wide{ grid-column:1 / -1; }
}
/* [S-5] #trouble 症状カード（表→カード化）
出典: build/ipad-reset/extra.css:741-750 の .trouble .tr-list/.tc/.tc-head/.tc-ic/.tc-q/.tc-body と同値
（head=var(--color10)＋下罫 var(--color7)／body=#fff／ic=48px／q=14px・PCは本文スケーリングで16px）。
※本ページ #trouble は色地節なのでカードは #fff＋glow で地と分離（ipad と同じ .tc の box-shadow を継承）。
── 2026-08-31（台帳#92(b)「色地に同色の箱」）: 上の「カードは #fff」という宣言どおりになっていなかった。
.tc は背景を持たず、可視面は head(color10)＋body(#fff)。出典の ipad は #trouble が**白節**なので
head の color10 が ΔL13.36 の淡地帯として効くが、本ページの #trouble は**色節**＝head が地と Δ0 で溶け、
カード上半分（アイコン＋症状名）が地に浮いて見えていた（harness B_buried 6件）。
**実測での裏取り**: .tc-head を持つ全7ページ（ipad/mac/pixel/airpods/beginners/corporate/本ページ）のうち、
本ページ以外の6ページは全て親が #fff で ΔL13.36。本部品は「白地の上に載る」のが canon。
→ head を #fff へ反転＝カード全体が白プレートになり、色節に対して ΔL13.36（=6ページと同値）。
head/body の階層は既存の border-bottom:1px var(--color7) と .tc-q(14px bold navy) が担う。
※2026-08-31 X-1 で撤回: .tc-ic の土台円は #fff に戻し、本ページ30枚と同じ「白円＋外周罫」に統一した（下の T-10 ブロック参照）。旧記述＝
白カード上で白い土台円が消えるのを防ぐ。★節の地色は不変＝境界の余白/罫の再判定(台帳#94)は発生しない。 */
.main.xperia-reset.xperia-reset .trouble .tr-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.xperia-reset.xperia-reset .trouble .tc{ border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.xperia-reset.xperia-reset .trouble .tc .tc-head{ display:flex; align-items:center; gap:11px; background:#fff; padding:11px 14px; border-bottom:1px solid var(--color7); }
.main.xperia-reset.xperia-reset .trouble .tc .tc-ic{ flex:0 0 48px; width:48px; height:48px; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-ic svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-body strong{ color:var(--color9); }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .trouble .tr-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}
/* [S-6] #trust→proof（2026-09-01 台帳#122 是正）── 捏造実績数値（旧 dp-stats 81,000件/2,900機種/4.4）を全撤去し、
検証可能な事実のみの proof-cert＋trust-grid へ置換（手本= build/applewatch-reset/extra.css:687-691,868-874）。
trust-grid／.tc／.tl／.tn-s／.trust-note は _shared/components.css:208-219 の実体をそのまま使用（複製しない）。
proof-cert／.pc-i／.pc-t／.tl-ic は _shared 未収録（dp-stats/dp-cred 同様に他ページとの値ドリフト未検証のため
sc25 時点では昇格対象外＝components.css:7 参照）＝applewatch-reset と同値を .main.xperia-reset へ rescope。 */
.main.xperia-reset.xperia-reset .trust .trust-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .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.xperia-reset.xperia-reset .why-extra .proof-cert .pc-i{ flex:0 0 36px; width:36px; height:36px; }
.main.xperia-reset.xperia-reset .why-extra .proof-cert .pc-i svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .why-extra .proof-cert .pc-t{ font-size:12px; line-height:1.6; color:#333; }
.main.xperia-reset.xperia-reset .why-extra .proof-cert .pc-t b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.xperia-reset.xperia-reset .why-extra.trust .trust-grid{ margin:14px 0 0; }
.main.xperia-reset.xperia-reset .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }
.main.xperia-reset.xperia-reset .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .trust .trust-lead{ max-width:780px; }
.main.xperia-reset.xperia-reset .why-extra .proof-cert .pc-t{ font-size:15px; }
.main.xperia-reset.xperia-reset .why-extra .proof-cert .pc-t b{ font-size:16px; }
.main.xperia-reset.xperia-reset .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }
}
/* [S-7] #voices（2026-09-01 台帳#122 是正）── 属性・日付つきレビュー3枚（すべてダミー）を全撤去。
カルーセル（.reason-voices 等）自体を撤去したため、旧 .rating 非表示ルールも死にセレクタ＝撤去。
実データが確認でき次第、ipad-reset #voice の vc-list/vcard または reason-voices 構造で復元する。 */
.main.xperia-reset.xperia-reset .voice .vc-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; word-break:break-word; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .voice .vc-lead{ max-width:780px; }
}
/* [S-8] 白地になった #remote 内の白カードを地と分離（#models と同作法＝淡罫・影なし）
※#remote は r2 で色地→白地（色地6節連続の分割）。白 on 白の埋もれを防ぐ。 */
.main.xperia-reset.xperia-reset .remote .acs{ border:1px solid var(--color7); }
/* [S-9] PC タイポ（[R] と同じ役割別スケーリングを r2 の新要素にも適用＝ページ内で本文が 12↔15 に割れないように）
本文15 / カードタイトル16 / 補足13（根拠は [R] ブロックのコメント）。 */
@media (min-width:751px){
.main.xperia-reset.xperia-reset .trust .trust-lead,
.main.xperia-reset.xperia-reset .voice .vc-lead,
.main.xperia-reset.xperia-reset .trouble .tc .tc-body{ font-size:15px; }
.main.xperia-reset.xperia-reset .trouble .tc .tc-q{ font-size:16px; }
}
/* [S-10] #reasons の micro（構成案 wfc:270 の注記）。テーマ .note より小さい役割＝11px/color13（golden の micro tier）。
出典: build/airpods-reset/extra.css の .proc-micro（12px color13）と同役割だが、本ページは白節の締め注記なので
本ページ既存の .steps .proc-micro と同じ 12px/color13/1.6 に合わせる（ページ内で micro の値を割らない）。 */
.main.xperia-reset.xperia-reset .reason .reason-micro{ font-size:12px; line-height:1.6; color:var(--color13); margin:18px 0 0; word-break:break-word; }
.main.xperia-reset.xperia-reset .reason .reason-micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .reason .reason-micro{ font-size:13px; }
}
/* ================================================================================
[T] 2026-08-30 r3（design-quality-critic r2=79 の上位5手）
T-1 .acs 手順カードの概念アイコン（critic 手1・視覚アンカー皆無区間の解消）
T-2 #remote を症状カード（.tr-list/.tc）へ（critic 手2）※2026-08-30 r4 で .acc-steps/.acs に差し戻し済み（下の T-2 差し戻し注記を参照）
T-3 #sim を SIM カードへ（critic 手1/手2・アイコン＋表を1本減らす）
T-4 #osaifu の他社サービス表 → deflist（同上）
T-5 .acc-steps 3枚組の PC 空セル解消（critic 手5）
値はすべて theme-tokens / 本ページ既存部品の実測から取る（新色・新角丸を足さない）。
================================================================================ */
/* ---- T-1 .acs の左カラム＝番号チップ＋概念アイコン ----
2026-08-30 r4 critic r3 手5(a): r3 の縦積み（.acs-n 26 + gap8 + .acs-ic 42 = 76px）は、本文1〜2行の短い
カード（.acs-box=50px）でカード高をアイコン側が決めてしまい、本文の右下に空白が残っていた
（実測 #osaifu / #force / #models に各1枚・@768/@1280）。番号とアイコンを【横1行】に戻すと lead の高さは
42px（SP38px）で頭打ちになり、カード高は本文が決める＝空白が消える。
幅は 26+8+42=76px（SP 26+8+38=72px）。r3 のコメントが心配していた本文幅の目減りは、
下の T-5 で .three を @768=1列 / @1280=3列 に組み替えて相殺する（実測は _review/fix-instructions.md）。
アイコン寸法 42/38px は本ページ既存の .di .dt > .wic（[Q] ブロック・galaxy-reset:324-328 由来）と同値。 */
.main.xperia-reset.xperia-reset .acs > .acs-lead{ flex:0 0 auto; align-self:flex-start; display:flex; flex-direction:row; align-items:center; gap:8px; }/* r5 手1: 親が stretch になったので lead だけ上端固定（番号+アイコンがカード縦中央へ流れるのを防ぐ） */
.main.xperia-reset.xperia-reset .acs > .acs-lead > .acs-n{ margin-top:0; }
.main.xperia-reset.xperia-reset .acs-ic{ display:block; width:42px; height:42px; }
.main.xperia-reset.xperia-reset .acs-ic svg{ width:100%; height:100%; display:block; }
/* 本ページの概念アイコンは SP38 / PC42（.worry .wic は base42＋max-width:750 で38／.di .dt>.wic も同じ＝
extra.css [S-4] / 397-401 行）。.acs-ic もその2 tier に合わせる（ページ内でアイコン寸法を割らない）。 */
@media (max-width:750px){
.main.xperia-reset.xperia-reset .acs-ic{ width:38px; height:38px; }
}
/* ---- T-5 .acc-steps が3枚組のときの PC 列数 ----
2026-08-30 r4 critic r3 手5(b): r3 の「半幅2枚＋全幅1枚（grid-column:1/-1）」は 3ステップを 2+1 に割っていた
（実測 @1280 で 494/494/1000・@768 で 358/358/728）。3枚組は 3列か1列のどちらかで揃える:
- 751〜1024px（@768 帯）= 1列。3列にすると本文カラムが 116px まで痩せる（728/3 から padding30・lead76・gap12 を引いた実測見積り）。
- 1025px 以上（@1280 帯）= 3列。1000/3 → 本文カラム 207px が残るので 1→2→3 が横並びで読める。
.acc-steps の既定（1fr 1fr）は上書きするだけで、gap・カード内の作法は触らない。 */
@media (min-width:751px) and (max-width:1024px){
.main.xperia-reset.xperia-reset .acc-steps.three{ grid-template-columns:1fr; }
}
@media (min-width:1025px){
/* 2026-08-30 r5: r4 の align-items:start（＝ラグド）は誤り。金型7本の @1280 マルチカラム62行はラグド0件・
カード行で align-items:start を使う行も0件。空白の正しい抑え方は「stretch のまま中身の空きを .acs-box の
1fr 行に吸わせ、末尾チップを下端へピン留めする」（build/mac-reset/extra.css:629）。 */
.main.xperia-reset.xperia-reset .acc-steps.three{ grid-template-columns:repeat(3,1fr); }/* r5 手1: align-items:start 撤去＝既定 stretch。金型 galaxy-reset #force .acc-steps は3列 ai=normal で [302,302,302]＝等高が金型の解。空きは .acs-box の 1fr 行が吸う。 */
}
/* ---- T-2 #remote は .acc-steps/.acs へ差し戻し（2026-08-30 r4 critic r3 手3）----
r3 で足した `.remote .tr-list / .tc / .tc-head / .tc-ic / .tc-q / .tc-n / .tc-body` の一式は、
HTML を .acc-steps/.acs に戻したことで全て未使用になったので削除した（死にセレクタを残さない）。
#remote の手順カードは共通の .acs 作法（B-9 ブロック）＋白地節ぶんの淡罫 [S-8] だけで成立する。 */
/* ---- T-3 #sim の SIM カード ----
出典 = build/apple-machine/extra.css:313-330（.iphone .sim-table/.sim-item/.sim-head/.sim-fig/.sim-hx/.tag/.sim-t/.sim-d）。
2026-08-30 r5 手3: .sim-note 一式は注記を節レベル .note へ戻したことで未使用になり削除（死にセレクタを残さない）。
値はそのまま。差分は地色だけ: apple-machine の #iphone は白地なので .sim-item=var(--color10) だが、
本ページの #sim は色地節（extra.css §1-B: #sim{padding:30px 0} ＝ var(--color10) 面）なので
カードは #fff（＝同節の .acs と同じ図地分離の作法）。 */
.main.xperia-reset.xperia-reset .sim .sim-table{ display:flex; flex-direction:column; gap:14px; margin:18px 0 0; }
.main.xperia-reset.xperia-reset .sim .sim-item{ background:#fff; border-radius:5px; padding:16px 16px 15px; }
.main.xperia-reset.xperia-reset .sim .sim-head{ display:flex; align-items:center; gap:14px; padding-bottom:12px; border-bottom:1px solid var(--color7); }
.main.xperia-reset.xperia-reset .sim .sim-fig{ flex:0 0 64px; width:64px; height:64px; }
.main.xperia-reset.xperia-reset .sim .sim-fig svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .sim .sim-hx{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.main.xperia-reset.xperia-reset .sim .sim-hx .tag{ padding:3px 14px; color:#fff; border-radius:5px; font-size:12px; font-weight:bold; line-height:1.3; }
.main.xperia-reset.xperia-reset .sim .sim-hx .tag.blue{ background:var(--color9); }
.main.xperia-reset.xperia-reset .sim .sim-hx .tag.sky{ background:#fff; color:var(--color9); border:1px solid var(--color9); padding:2px 13px; }
.main.xperia-reset.xperia-reset .sim .sim-hx .sim-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }
.main.xperia-reset.xperia-reset .sim .sim-d{ margin:12px 0 0; font-size:12px; line-height:1.6; color:#333; }
.main.xperia-reset.xperia-reset .sim .sim-d strong{ color:var(--color9); font-weight:700; }
.main.xperia-reset.xperia-reset .sim .sim-d b{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
/* 2026-08-30 r4 critic r3 手1: r3 が足していた `align-items:flex-start` を撤去（出典に無い宣言＝r3 の新規混入）。
出典 build/apple-machine/extra.css:762-763 は `flex-direction:row; gap:18px;` の2宣言だけで align-items を持たず、
実測でも apple-machine の .sim-item は 344/344(@768)・320/320(@1280) と完全等高（computed align-items:normal）。
flex-start を外すと既定の stretch に戻り、短い方のカードも面として揃う（r3 は 162/452@768・162/410@1280 だった）。 */
.main.xperia-reset.xperia-reset .sim .sim-table{ flex-direction:row; gap:18px; }
.main.xperia-reset.xperia-reset .sim .sim-table .sim-item{ flex:1; min-width:0; }
.main.xperia-reset.xperia-reset .sim .sim-fig{ flex-basis:58px; width:58px; height:58px; }
.main.xperia-reset.xperia-reset .sim .sim-d{ font-size:15px; }
.main.xperia-reset.xperia-reset .sim .sim-hx .sim-t{ font-size:16px; }
}
/* ---- T-4（失効）2026-08-30 r5 critic r4 手2: #osaifu の deflist（.osaifu-svc）は構成案指定の表へ戻したため
`.osaifu .osaifu-svc .di / .osaifu-svc / .dt / @media(min-width:751px) の2列grid+align-items:start` は全て未使用になった＝削除。
（コホート唯一だった2つ目の align-items:start もこれで消える。） */
/* ---- T-6 FV: 3ステップチップ列＋信頼バッジ列（2026-08-30 r4 critic r3 手2）----
直した欠陥（実測・r3 起点）: @375/@390 で `.fv-steps` li の top = 541/541/579、`.fv-conc-badges` li の top = 772/772/805。
どちらも「2個＋中央に1個」で泣き別れ、しかもページ最上部で2連続していた（横並び flex + wrap の必然）。
→ 両方とも **3列 grid 固定**（repeat(3,1fr)）にして wrap そのものを無くす。SP でも 1行3列＝2+1 が構造的に起きない。
`.fv-steps` は 構成案 wfc:182-186 の chiprow（.c3 = 番号 .cn ／ 見出し .ct ／ 補足 .cd）を器ごと再現する形に戻した
（r3 は .cd を落として1行ピルにしていた＝リード文と役割が重なっていた）。番号・見出し・補足の3段が
チップ側に載るので、リードから ①②③ の列挙を外せる＝critic の言う「リードの3段重複」の解消と同じ手当て。
使う値: --color10 / --color9 / --color4 と、この FV が既に使っている #9DB8E6・#CFE0F4 のみ（新色なし）。
角丸は 5px（テーマ基調。ピルはボタンのみ＝_INDEX §3 の作法に合わせ、r3 の 999px チップは 5px に是正）。
font: 見出し 12px（本文 tier）／補足 11px（note tier）＝golden §5 の既存 tier だけを使う。 */
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps{
display:grid; grid-template-columns:repeat(3,1fr); gap:8px; list-style:none; margin:0 0 16px; padding:0;
}
/* 地色は #fff（濃紺FV面の上に白カード＝図地分離の作法／補足 .fs-d の color13 を白地で使うため。
color10 地だと #5A7386 のコントラストが 4.34 で 4.5 を割る＝実測して白地に決めた）。 */
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps li{
display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center;
background:#fff; border-radius:5px; padding:10px 7px 11px;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-tx{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-n{
flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--color9); color:#fff;
font-size:12px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; line-height:1;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-t{
font-size:12px; font-weight:700; color:var(--color4); line-height:1.3;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-d{
font-size:11px; font-weight:500; color:var(--color13); line-height:1.5;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-conc-badges{
display:grid; grid-template-columns:repeat(3,1fr); gap:8px; list-style:none; margin:16px 0 0; padding:0;
}
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-conc-badges li{
display:flex; align-items:center; justify-content:center; text-align:center;
font-size:11px; font-weight:700; color:#CFE0F4; background:transparent; border:1px solid #9DB8E6;
border-radius:5px; padding:7px 8px; line-height:1.5;
}
/* .bg-t = バッジ本文を「単一 flex item」に包む器（_shared:82 .dt-t と同じ作法・台帳#77）。
これが無いと li 直下のテキストノードと .nowrap span が別々の flex item になり、
1語を守るはずの nowrap が逆に強制改行を作る（実測: 「古物商許/可・/正規買取」の3行に割れた）。 */
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-conc-badges .bg-t{ min-width:0; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps{ gap:12px; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps li{ flex-direction:row; justify-content:center; gap:8px; padding:11px 12px; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-tx{ text-align:left; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-t{ font-size:15px; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-steps .fs-d{ font-size:13px; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-conc-badges{ gap:12px; }
.main.xperia-reset.xperia-reset .topbanner.fv-done .fv-conc-badges li{ font-size:13px; }
}
/* ---- T-7 #voices の注記（金型 ipad-reset:601-603 の .voice .vc-note と同値・.note とは別 tier）---- */
.main.xperia-reset.xperia-reset .voice .vc-note{ position:relative; margin-top:16px; background:#fff; border-radius:5px; padding:12px 14px 12px 44px; font-size:12px; line-height:1.3; color:#14355D; font-weight:500; }
.main.xperia-reset.xperia-reset .voice .vc-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.xperia-reset.xperia-reset .voice .vc-note .n-i svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .voice .vc-note{ font-size:13px; }
}
/* ---- T-8 #models の Xperia ラインナップを【テーマの帯部品】として成立させる（critic 手5）----
reuse: refer/linxas-sp-0407/index.html:612-620 a.brand-streamer > .streamer-pic.hasbg > picture + .streamer-title
＋ refer/linxas-sp-0407/css/style.css:5120-5135（streamer-pic position / streamer-title の
linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%)・padding 8px 10px・center・700・16px）と :5254（SP 12px）。
テーマ CSS は .brand 配下スコープなので、値だけを .main.xperia-reset .models へ再 scope する（テーマCSSは編集しない）。
旧 figure.models-lineup は写真が“ただ置いてある”だけで帯として成立していなかった＝テーマの正規形へ。 */
.main.xperia-reset.xperia-reset .models .brand-streamer{ display:block; margin:20px 0 0; text-decoration:none; }
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-pic{ position:relative; z-index:3; overflow:hidden; border-radius:5px 5px 0 0; }
/* 高さは【テーマと同じ仕組み】で作る: style.css:5124-5128 の .streamer-pic::after{content:"";padding-top:20%} が比率を決め、
写真はグローバルの .hasbg img（style.css:1163-1172 = position:absolute/inset0/object-fit:cover）が敷く。
ここを写さないと .streamer-pic の高さが 0 になり、絶対配置の img が z-index:-1 のまま見えなくなる（@390 撮影で検出）。
素材 xperiaseries.jpg は 980x190（19.4%）＝テーマの 20% とほぼ同値なので比率もテーマ値のまま使う。 */
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-pic::after{ display:block; content:""; padding-top:20%; }
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-title{
font-size:12px; color:#fff; background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%);
padding:8px 10px; text-align:center; font-weight:700; border-radius:0 0 5px 5px; line-height:1.5;
}
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-title .iconarrow{ display:inline-flex; width:13px; height:11px; margin-left:4px; vertical-align:0; }
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-title .iconarrow svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
.main.xperia-reset.xperia-reset .models .brand-streamer .streamer-title{ font-size:16px; }
}
/* ---- T-9 #force .branch のアイコン（critic 手1・#force の視覚アンカー皆無区間 1,041px@390 の解消）----
出典: build/galaxy-reset/extra.css:590,599-601（.force .br .br-q の gap:11px ＝ ipad-reset `.trouble .tc-head` の canon 値、
.wic 48px、.br-qt で本文を単一 flex item 化）。SP でも 48px のまま（galaxy が r3 で SP 38px 縮小規則を撤去したのと同じ）。 */
.main.xperia-reset.xperia-reset .force .br .br-q{ gap:11px; align-items:center; }
.main.xperia-reset.xperia-reset .force .br .br-q .br-qt .lab{ display:inline-block; margin:0 0 5px; }
.main.xperia-reset.xperia-reset .force .br .br-q .wic{ flex:0 0 48px; width:48px; min-width:48px; height:48px; }
.main.xperia-reset.xperia-reset .force .br .br-q .wic svg{ width:100%; height:100%; display:block; }
.main.xperia-reset.xperia-reset .force .br .br-q .br-qt{ flex:1 1 auto; min-width:0; }
/* ---- T-10 白いカードに載る概念アイコンの外周罫 ----
概念アイコンの土台は「白円」なので、白カードの上に置くと円が地に溶けて図だけが小さく浮く（@390 撮影で確認）。
canon = _shared/components.css:230 「.fig-flow.on-white .ff-ic svg circle:first-child{stroke:var(--color7);stroke-width:2}」。
同じ扱いを、本ページで【白地カードに載る】概念アイコンへ適用する。
※適用しない場所（地が var(--color10) で白円がそのまま図として立つため）:
#checklist / #trust の .di .wic ／ #worry の .wi .wic。
★2026-08-31 X-1（visual-scrutiny C-1）: #trouble .tc-head は前ラウンドで白地化したのに、土台円だけ「#EBF0F6 塗り」に図地反転させたため、
本ページの白地アイコンが【白円+罫 30枚／白円・罫なし 14枚／#EBF0F6 塗り 6枚】の3種類に割れていた（実測@390）。
本ページには既に「白地に載る円には外周罫」という解が 30枚分あるので、それを .tc-ic にも当てて 3種→2種へ収束させる
（土台円は #fff に戻し、この選択子列へ .trouble .tc-head .tc-ic を追加）。#worry の 14枚は金型 ipad と同一＝台帳#78 の正常形なので触らない。 */
.main.xperia-reset.xperia-reset .acs .acs-ic svg > circle:first-child,
.main.xperia-reset.xperia-reset .sim .sim-fig svg > circle:first-child,
.main.xperia-reset.xperia-reset .trouble .tc-head .tc-ic svg > circle:first-child,
.main.xperia-reset.xperia-reset .force .br .br-q .wic svg > circle:first-child{ stroke:var(--color7); stroke-width:2; }
@media (min-width:751px){
/* 2026-09-07 再ゲート r1: #trust 運営情報 4 枚が PC で 3+1 の孤児行（_shared:261 の PC 3 列がそのまま効いていた）。
金型 airpods-reset extra.css:682（2×2）＋:844（max-width 860 中央）と同値＝コンテキスト差分（枚数由来）。galaxy/ipad/mac/pixel と同処置。 */
.main.xperia-reset.xperia-reset .why-extra.trust .trust-grid{ grid-template-columns:1fr 1fr; max-width:860px; margin-left:auto; margin-right:auto; }
}
/* ==== WP統合(port_page.py 自動追加) ==== */
.main.xperia-reset{ background:#fff; }
/* 自前FVがあるためテーマ自動FV(page-bg)とタイトル帯(.pages)を隠す。無スコープだが mu-plugin の is_page() ゲートでこのページのみ読込 */
.page-bg.bg-photo, .pages{ display:none !important; }