/* ============================================================
   iphone-reset extra.css  ?v=iph05
   器＝金型 build/ipad-reset の複製（refer/page-build-protocol.md R1）。
   値の出典は二重接地（_INDEX §3）:
     (a) テーマ原典 refer/linxas-sp-0407/css/style.css の行番号 ／ (b) 完了ゲート済み build ページの同部品。
   本ファイルには **ページ固有分のみ**。共通部品（.note / .deflist(.di/.dt/.dd) / .compare-table＋scroll-hint /
   .connection(.partbg/.divided/-note/-note2) / .related-links / .fig-flow / .nowrap / 本文内リンク canon）の実体は
   build/_shared/components.css（唯一の実体）＝ここに複製しない。ページ側はコンテキスト差分（背景の出し分け・
   min-width・節固有 margin）だけを書く（refer/shared-component-library.md 冒頭）。

   節の地色リズム（refer/spacing-divider-craft-rules.md）:
     fv=濃紺グラデ / whathappens=color10 / before=白 / cta-before=白帯(full-bleed) / steps=color10 /
     force=白 / after=白 / restore=color10(末尾に白帯) / faq=白 / price=color10 / apply=白 / contact=白
     色節 = margin:0 ＋ padding:30px 0（padding+margin の二重を作らない・theme-golden §2）
     白節 = テーマ .part{margin:30px auto}（style.css:4521-4522 SP実効）をそのまま使う＝節に padding を足さない
   改行の作法: テーマ実使用は `word-break:break-word` のみ（style.css:63）。禁止プロパティ（ledger#15）は一切書かない。
     語のまとまりは HTML 側の <span class="nowrap"> / &nbsp; で個別対処する。
   トークンのみ使用: --color3 #527694 / --color4 #14355D / --color7 #C8D4E4 / --color9 #224995 /
     --color10 #EBF0F6 / --color11 #7994AA / --color13 #5A7386 / --color14 #333 / --border #F1F8FF
     ＋公認拡張: #16AEB1(◯/✓)・#E94F4F(強調1点)・自作SVG3トーン #E2EFFF/#72A2CE/#9DB8E6
   ============================================================ */

/* ============================================================
   [A] 共通base（reuse: build/ipad-reset/extra.css:60-84 と同値）
   ============================================================ */
.main.iphone-reset.iphone-reset [class*="part"] p,
.main.iphone-reset.iphone-reset .op-d, .main.iphone-reset.iphone-reset .sc-a,
.main.iphone-reset.iphone-reset .br-a, .main.iphone-reset.iphone-reset .tc-body,
.main.iphone-reset.iphone-reset .connection-note2,
.main.iphone-reset.iphone-reset .proc-micro,
.main.iphone-reset.iphone-reset .line-content{ overflow-wrap:break-word; word-break:break-word; }

/* [EMPH] 明地の本文中インライン強調（strong/.kw）は color9 一色（harness I_craft）。
   block化したカードタイトル<b>は color4 のまま＝この規則は inline 強調のみ。 */
/* ※ .line-content strong / .dd strong / .note strong は _shared/components.css（唯一の実体）にあるため複製しない（ledger#73） */
.main.iphone-reset.iphone-reset [class*="part"] p strong,
.main.iphone-reset.iphone-reset .br-a strong,
.main.iphone-reset.iphone-reset .tc-body strong,
.main.iphone-reset.iphone-reset .sc-a strong,
.main.iphone-reset.iphone-reset .op-d strong,
.main.iphone-reset.iphone-reset .qa-item-body strong,
.main.iphone-reset.iphone-reset .qa-item-body b,
.main.iphone-reset.iphone-reset .kw{ color:var(--color9); font-weight:700; }

/* [LT] h2.line-title＝テーマ正規 <span>（border-left:2px #8DB0D0・padding-left:7px / style.css:3442+3457）。 */
.main.iphone-reset.iphone-reset h2.line-title span{ border-left:2px solid #8DB0D0; padding-left:7px; line-height:1.3; }
.main.iphone-reset.iphone-reset h2.line-title .nowrap{ border-left:0; padding-left:0; display:inline; }
/* h3 .line-btitle の見出しtier line-height（theme body 1.6 → 見出し 1.3） */
.main.iphone-reset.iphone-reset .line-btitle{ line-height:1.3; }
/* board-head の UA 余白を 0 に（h3 化に伴う漏れ止め・ipad-reset/extra.css:421 と同値） */
.main.iphone-reset.iphone-reset .board-head{ margin:0; }

/* ============================================================
   [A-1] 01 fv（🔶 実写ヒーローは後付け・reuse: build/ipad-reset/extra.css:139-166 verbatim）
   ============================================================ */
.main.iphone-reset.iphone-reset .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 10px;
}
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 0;
}
/* FV 内 .deflist は _shared canon（淡青カード）そのまま＝濃紺グラデ上でカードが立つ。余白のみ節固有 */
.main.iphone-reset.iphone-reset .topbanner.fv-todo .deflist{ margin: 20px 0 20px; }
@media (min-width: 751px){
  .main.iphone-reset.iphone-reset .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ---- FV の 3ステップ帯（reuse: build/ipad-reset/extra.css:379-388 .quick .simple3 verbatim・
        濃紺グラデ上に置くため .s は #fff カードのまま＝図地反転で成立） ---- */
.main.iphone-reset.iphone-reset .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.iphone-reset.iphone-reset .simple3 .s{ position:relative; flex:1; min-width:0; display:flex; flex-direction:column; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 8px 14px; text-align:center; }
.main.iphone-reset.iphone-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.iphone-reset.iphone-reset .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.iphone-reset.iphone-reset .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.6; margin-top:auto; padding-top:4px; }
.main.iphone-reset.iphone-reset .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/iphone-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (max-width:750px){
  .main.iphone-reset.iphone-reset .simple3 .s{ padding:22px 4px 12px; }
  .main.iphone-reset.iphone-reset .simple3 .s .t{ font-size:12px; }
  .main.iphone-reset.iphone-reset .simple3 .arrow{ flex-basis:12px; }
}
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
}

/* ============================================================
   [B] 04 steps（iPhone初期化の手順・HowTo主手順）
   reuse: build/ipad-reset/extra.css:181-313（.part.steps / .proc-steps / .steps-ttl / .proc-step /
   .op-d / .step-fig / .safety-check / .proc-micro）を verbatim。details アコーディオンは使わず常時展開の div。
   ============================================================ */
.main.iphone-reset.iphone-reset .part.steps{ background:var(--color10); margin:0 !important; padding:30px 0 0; }
.main.iphone-reset.iphone-reset .steps .line-content{ margin:20px 0 0; }
.main.iphone-reset.iphone-reset .steps .st-sub{ font-size:12px; line-height:1.6; color:#333; margin:10px 0 0; }
.main.iphone-reset.iphone-reset .steps .st-sub a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

.main.iphone-reset.iphone-reset .steps .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:45px; }
.main.iphone-reset.iphone-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.iphone-reset.iphone-reset .steps .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.iphone-reset.iphone-reset .steps .steps-ttl em{ font-style:normal; font-size:1.7em; color:#fff; margin:0 2px; }

.main.iphone-reset.iphone-reset .steps .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
.main.iphone-reset.iphone-reset .steps .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.iphone-reset.iphone-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/iphone-reset/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
.main.iphone-reset.iphone-reset .steps .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.iphone-reset.iphone-reset .steps .proc-step-head .step-number{ white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:5px 10px; margin-right:10px; font-size:13px; line-height:1.2; flex-shrink:0; }
.main.iphone-reset.iphone-reset .steps .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0; }
.main.iphone-reset.iphone-reset .steps .proc-step-body{ margin-top:6px; }
.main.iphone-reset.iphone-reset .steps .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:12px; }

/* 操作パス チップ（new+token: 構成案 .path＝設定の階層。テーマ .tag 語彙（角丸5px・淡青地・navy字・note tier 11px）へ翻訳） */
.main.iphone-reset.iphone-reset .steps .path,
.main.iphone-reset.iphone-reset .restore .path{ display:inline-block; margin:10px 0 0; background:var(--color10); color:var(--color4); border-radius:5px; padding:4px 10px; font-size:11px; font-weight:700; line-height:1.5; }

/* 手順図（自前SVG・iOS設定画面）: reuse build/ipad-reset/extra.css:248-250 */
.main.iphone-reset.iphone-reset .steps .step-fig{ margin:18px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:14px; }
.main.iphone-reset.iphone-reset .steps .step-fig svg{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.iphone-reset.iphone-reset .steps .step-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }

/* 初期化前の安心チェック: reuse build/ipad-reset/extra.css:277-284 */
.main.iphone-reset.iphone-reset .steps .last-step-ja{ width:100%; color:var(--color9); font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid var(--color7); margin:0 0 22px; }
.main.iphone-reset.iphone-reset .steps .safety-check{ display:flex; flex-direction:column; gap:14px; }
.main.iphone-reset.iphone-reset .steps .sc-item{ position:relative; background:var(--color10); border-radius:5px; padding:16px 16px 16px 56px; }
.main.iphone-reset.iphone-reset .steps .sc-item .sc-check{ position:absolute; left:14px; top:14px; width:30px; height:30px; background:#16AEB1; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.iphone-reset.iphone-reset .steps .sc-item .sc-check svg{ width:15px; height:15px; display:block; }
.main.iphone-reset.iphone-reset .steps .sc-item .sc-q{ display:block; font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }
.main.iphone-reset.iphone-reset .steps .sc-item .sc-a{ display:block; font-size:12px; color:#333; line-height:1.6; margin-top:4px; }
.main.iphone-reset.iphone-reset .steps .sc-item .sc-a a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.iphone-reset.iphone-reset .steps .proc-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.iphone-reset.iphone-reset .steps .proc-micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

@media (max-width: 750px){
  .main.iphone-reset.iphone-reset .steps .proc-steps{ padding:0; margin-top:45px; }
  .main.iphone-reset.iphone-reset .steps .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
  .main.iphone-reset.iphone-reset .steps .proc-step{ padding:14px 13px; }
  .main.iphone-reset.iphone-reset .steps .proc-step:not(:last-child){ --bottom:26px; }
  .main.iphone-reset.iphone-reset .steps .proc-step-head .step-ja{ font-size:14px; }
  .main.iphone-reset.iphone-reset .steps .last-step-ja{ font-size:16px; }
  .main.iphone-reset.iphone-reset .steps .sc-item{ padding:14px 14px 14px 52px; }
}

/* ============================================================
   [C] 02 whathappens（消えるもの・残るもの）
   reuse: build/ipad-reset/extra.css:417-470（色節＋lead＋compare-table 幅＋line-btitle 余白＋note 出し分け）
   ＋ 765-782（.trouble .tc カード）を verbatim
   ============================================================ */
.main.iphone-reset.iphone-reset .whathappens{ background:var(--color10); margin:0 !important; padding:30px 0; }
.main.iphone-reset.iphone-reset .whathappens .wh-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .whathappens .wh-sub{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .whathappens .wh-sub + .wh-sub{ margin-top:10px; }
/* 対比図解（白カード額縁＝色節上の図地反転） */
.main.iphone-reset.iphone-reset .whathappens .wh-fig{ margin:20px 0 0; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:12px; }
.main.iphone-reset.iphone-reset .whathappens .wh-fig svg{ width:100%; max-width:320px; height:auto; display:block; margin:0 auto; }
.main.iphone-reset.iphone-reset .whathappens .wh-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }
/* 2列表（消える/残る）は 44/56 で対比列を広く取る（_shared canon の 34% はラベル列前提＝コンテキスト差分） */
.main.iphone-reset.iphone-reset .whathappens .compare-table th:first-child{ width:44%; }
.main.iphone-reset.iphone-reset .whathappens .line-btitle.wh-h4{ margin:20px 0 0; }
/* 色節の note は白（図地反転・theme-golden §6） */
.main.iphone-reset.iphone-reset .whathappens .note{ background:#fff; }

.main.iphone-reset.iphone-reset .whathappens .wh-cases{ display:flex; flex-direction:column; gap:14px; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .whathappens .tc{ border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-head{ display:flex; align-items:center; gap:11px; background:#fff; padding:11px 14px; border-bottom:1px solid var(--color7); }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-ic{ flex:0 0 48px; width:48px; height:48px; }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-ic svg{ width:100%; height:100%; display:block; }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
/* 番号チップ（reuse: build/ipad-reset/extra.css:715 .lock .ci .cq .num verbatim） */
.main.iphone-reset.iphone-reset .whathappens .tc .tc-q .num{ display:inline-block; font-size:11px; font-weight:700; color:#fff; background:var(--color9); border-radius:3px; padding:2px 8px; margin-right:8px; vertical-align:2px; line-height:1.3; }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }
.main.iphone-reset.iphone-reset .whathappens .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .whathappens .wh-lead,
  .main.iphone-reset.iphone-reset .whathappens .wh-sub{ max-width:780px; }
  .main.iphone-reset.iphone-reset .whathappens .wh-fig svg{ max-width:480px; }
  .main.iphone-reset.iphone-reset .whathappens .wh-cases{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
}

/* ============================================================
   [D] 03 before（初期化の前にやること 8項目）
   .deflist / .di / .dt / .dd の実体は _shared/components.css:85-92（複製しない）。
   ここは (1) 白節上の note の出し分け (2) .dt へ概念アイコンを差す幅指定（出典 build/kaitoriten-erabikata/extra.css:565-566）だけ。
   ============================================================ */
.main.iphone-reset.iphone-reset .before .bf-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .before .bf-sub{ font-size:12px; line-height:1.6; color:#333; margin:10px 0 0; }
/* 白節の note は淡地＋淡罫（theme-golden §6・reuse: build/ipad-reset/extra.css:531 .cheatsheet .note） */
.main.iphone-reset.iphone-reset .before .note,
.main.iphone-reset.iphone-reset .force .note,
.main.iphone-reset.iphone-reset .after .note,
.main.iphone-reset.iphone-reset .apply .note{ background:var(--border); border:1px solid var(--color7); }
/* 概念アイコンを .dt（flex）の子として差す。reuse: build/kaitoriten-erabikata/extra.css:565-566（30px→PC34px） */
.main.iphone-reset.iphone-reset .dt > .ci-ic{ flex:0 0 auto; align-self:flex-start; width:30px; height:30px; margin-top:-2px; }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .dt > .ci-ic{ width:34px; height:34px; }
  .main.iphone-reset.iphone-reset .before .deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}

/* ============================================================
   [E] 05 force（初期化できないときの強制初期化）
   reuse: build/ipad-reset/extra.css:610-655（.force-fig / .branch / .br / .lab / .br-a / .force-cta）verbatim。
   本ページの #force は【白節】なので図/カードの地色だけコンテキスト差分（白節上の箱＝淡地）。
   ============================================================ */
.main.iphone-reset.iphone-reset .force .force-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .force .force-lead + .force-lead{ margin-top:10px; }
.main.iphone-reset.iphone-reset .force .force-fig{ display:flex; align-items:center; gap:11px; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.iphone-reset.iphone-reset .force .force-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.iphone-reset.iphone-reset .force .force-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }
.main.iphone-reset.iphone-reset .force .compare-table th:first-child{ width:40%; }
.main.iphone-reset.iphone-reset .force .branch{ display:flex; flex-direction:column; gap:14px; margin:22px 0 0; }
.main.iphone-reset.iphone-reset .force .br{ background:var(--color10); border-radius:5px; padding:14px 15px; }
.main.iphone-reset.iphone-reset .force .br .br-q{ font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px dashed var(--color7); }
.main.iphone-reset.iphone-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.iphone-reset.iphone-reset .force .br .br-q .lab.warn{ color:#E94F4F; background:transparent; border:1px solid #E94F4F; }
.main.iphone-reset.iphone-reset .force .br .br-q > .ci-ic{ flex:0 0 auto; width:30px; height:30px; }/* svg 充填は _shared の .ci-ic canon */
.main.iphone-reset.iphone-reset .force .br .br-q .br-t{ min-width:0; }
.main.iphone-reset.iphone-reset .force .br .br-a{ font-size:12px; line-height:1.6; color:#333; margin-top:9px; }
/* Apple ID 不明＝摩擦の高い状況にだけコーラルの弱グロー1点（reuse: build/ipad-reset/extra.css:960） */
.main.iphone-reset.iphone-reset .force .br.warn{ box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.iphone-reset.iphone-reset .force .force-cta{ margin-top:18px; text-align:center; }
.main.iphone-reset.iphone-reset .force .force-cta a{ display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:400px; width:100%; box-sizing:border-box; background:#fff; border:2px solid var(--color9); color:var(--color9); font-weight:bold; font-size:14px; border-radius:5px; padding:13px 20px; text-decoration:none; }
.main.iphone-reset.iphone-reset .force .force-cta a:after{ content:""; width:16px; height:12px; background:url(../images/iphone-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .force .force-lead{ max-width:780px; }
  .main.iphone-reset.iphone-reset .force .branch{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .main.iphone-reset.iphone-reset .force .br .br-q > .ci-ic{ width:34px; height:34px; }
  .main.iphone-reset.iphone-reset .restore .op-t > .ci-ic{ width:34px; height:34px; }
}

/* ============================================================
   [F] 06 after（初期化のあとにやること・白節）
   .fig-flow の実体は _shared/components.css:229-236（複製しない）。.di は白節なので canon の淡地のまま。
   ============================================================ */
.main.iphone-reset.iphone-reset .after .af-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .after .af-sub{ font-size:12px; line-height:1.6; color:#333; margin:24px 0 0; }

/* ============================================================
   [G] 07 restore（データ復元手順・色節＋末尾に白CTA帯）
   reuse: build/ipad-reset/extra.css:224-229（.op / .op-num / .op-t / .op-d）verbatim。
   #steps の白カード列とは別 treatment（1枚の白カードに番号行を積む）＝同一treatment 3節連続の回避。
   ============================================================ */
.main.iphone-reset.iphone-reset .restore{ background:var(--color10); margin:0 !important; padding:30px 0 0; }
.main.iphone-reset.iphone-reset .restore .rs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .restore .rs-sub{ font-size:12px; line-height:1.6; color:#333; margin:10px 0 0; }
.main.iphone-reset.iphone-reset .restore .restore-ops{ background:#fff; border-radius:5px; padding:2px 16px; margin:24px 0 0; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.iphone-reset.iphone-reset .restore .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.iphone-reset.iphone-reset .restore .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.iphone-reset.iphone-reset .restore .op-num{ min-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; flex-shrink:0; margin-top:1px; }
.main.iphone-reset.iphone-reset .restore .op-box{ min-width:0; flex:1; }
.main.iphone-reset.iphone-reset .restore .op-t{ display:flex; align-items:center; gap:8px; font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }
.main.iphone-reset.iphone-reset .restore .op-t > .ci-ic{ flex:0 0 auto; width:30px; height:30px; }/* svg 充填は _shared の .ci-ic canon */
.main.iphone-reset.iphone-reset .restore .op-t .op-tt{ min-width:0; }
.main.iphone-reset.iphone-reset .restore .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }
/* 色節の note は白（図地反転） */
.main.iphone-reset.iphone-reset .restore .note,
.main.iphone-reset.iphone-reset .price .note{ background:#fff; }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .restore .rs-lead,
  .main.iphone-reset.iphone-reset .restore .rs-sub{ max-width:780px; }
}

/* ============================================================
   [H] 09 price（初期化後の買取価格）
   reuse: build/ipad-reset/extra.css:765-810（色節＋lead＋compare-table＋.hs-cta）を verbatim（.hs-cta → .price-cta）。
   実写真ラインナップは build/kaitoriten-erabikata/extra.css:580-581 .price-lineup と同値＋figcaption。
   ============================================================ */
.main.iphone-reset.iphone-reset .price{ background:var(--color10); margin:0 !important; padding:30px 0; }
.main.iphone-reset.iphone-reset .price .pr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .price .pr-sub{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .price .price-lineup{ margin:18px 0 0; border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); background:#fff; }
.main.iphone-reset.iphone-reset .price .price-lineup img{ width:100%; height:auto; display:block; }
.main.iphone-reset.iphone-reset .price .price-lineup figcaption{ background:#fff; border-top:1px solid var(--color7); padding:8px 10px; font-size:11px; line-height:1.6; color:var(--color13); text-align:center; }
.main.iphone-reset.iphone-reset .price .compare-table th:first-child{ width:38%; }
.main.iphone-reset.iphone-reset .price .price-cta{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:20px; }
.main.iphone-reset.iphone-reset .price .price-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.iphone-reset.iphone-reset .price .price-cta a.outline{ background:#fff; border:2px solid var(--color9); color:var(--color9); }
.main.iphone-reset.iphone-reset .price .price-cta a.fill{ background:var(--color9); color:#fff; }
.main.iphone-reset.iphone-reset .price .price-cta a:after{ content:""; width:15px; height:11px; background:url(../images/iphone-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
.main.iphone-reset.iphone-reset .price .price-cta a.fill:after{ filter:brightness(0) invert(1); }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .price .pr-lead,
  .main.iphone-reset.iphone-reset .price .pr-sub{ max-width:780px; }
  .main.iphone-reset.iphone-reset .price .price-lineup figcaption{ font-size:13px; }
}

/* ============================================================
   [I] 10 apply（3つの申し込み方法・白節）
   3経路カード .ways/.way = _shared/components.css:208-218 .why-extra .tc と同じ幾何（淡地カード・radius5・
   中央寄せ・padding 18px 8px 14px）をこの節名で持つ。related は theme board＋_shared .related-links。
   ============================================================ */
.main.iphone-reset.iphone-reset .apply .ap-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .apply .ap-sub{ font-size:12px; line-height:1.6; color:#333; margin:24px 0 0; }
.main.iphone-reset.iphone-reset .apply .ways{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin:20px 0 0; }
.main.iphone-reset.iphone-reset .apply .way{ background:var(--color10); border-radius:5px; padding:18px 8px 14px; text-align:center; }
.main.iphone-reset.iphone-reset .apply .way-ic{ display:block; width:48px; height:48px; margin:0 auto 8px; }
.main.iphone-reset.iphone-reset .apply .way-ic svg{ width:100%; height:100%; display:block; }
.main.iphone-reset.iphone-reset .apply .way-t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.iphone-reset.iphone-reset .apply .way-d{ display:block; font-size:11px; color:var(--color13); line-height:1.5; margin-top:6px; }
.main.iphone-reset.iphone-reset .apply .line-btitle.ap-h4{ margin:20px 0 0; }
.main.iphone-reset.iphone-reset .apply .apply-btns{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:24px; }
.main.iphone-reset.iphone-reset .apply .apply-btns 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.iphone-reset.iphone-reset .apply .apply-btns a.outline{ background:#fff; border:2px solid var(--color9); color:var(--color9); }
.main.iphone-reset.iphone-reset .apply .apply-btns a.fill{ background:var(--color9); color:#fff; }
.main.iphone-reset.iphone-reset .apply .apply-btns a:after{ content:""; width:15px; height:11px; background:url(../images/iphone-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
.main.iphone-reset.iphone-reset .apply .apply-btns a.fill:after{ filter:brightness(0) invert(1); }
.main.iphone-reset.iphone-reset .apply .ap-micro{ font-size:11px; color:var(--color3); line-height:1.6; margin:16px 0 0; }
/* related（reuse: build/ipad-reset/extra.css:174-175） */
.main.iphone-reset.iphone-reset .apply .board{ padding:6px 16px; margin-top:14px; }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .apply .ap-lead,
  .main.iphone-reset.iphone-reset .apply .ap-sub{ max-width:780px; }
  .main.iphone-reset.iphone-reset .apply .way-t{ font-size:14px; }
  .main.iphone-reset.iphone-reset .apply .way-d{ font-size:13px; }
}

/* ============================================================
   [PH] 節内の実写真フレーム（テーマ実素材・等倍以下で表示＝拡大ボケ回避）
   器は build/ipad-reset/extra.css:939-942 .ipad-photo（白カード額縁＋白キャプション帯）と同値。
   素材は 350×281 なので SP350 / PC400（1.14倍まで）に留める。
   ============================================================ */
.main.iphone-reset.iphone-reset .sec-shot{ position:relative; width:100%; max-width:350px; margin:22px auto 0; border:1px solid var(--color7); border-radius:5px; overflow:hidden; background:#fff; }
.main.iphone-reset.iphone-reset .sec-shot img{ width:100%; height:auto; display:block; }
.main.iphone-reset.iphone-reset .sec-shot figcaption{ position:relative; z-index:1; background:#fff; border-top:1px solid var(--color7); padding:8px 10px; font-size:11px; line-height:1.6; color:var(--color13); text-align:center; }
@media (min-width:751px){
  .main.iphone-reset.iphone-reset .sec-shot{ max-width:400px; }
  .main.iphone-reset.iphone-reset .sec-shot figcaption{ font-size:13px; }
}

/* ============================================================
   [CN] CTA帯（.connection.partbg / .cta-band / .divided）
   実体は _shared/components.css:55-82（複製しない）。ここはコンテキスト差分だけ:
     - #cta-before は main直下 full-bleed 白帯で、直上が白節（before）＝白×白 blend → border-top で自己区切り
       （spacing-divider §1・reuse: build/ipad-reset/extra.css:294 #cta-quick と同形）
     - #steps / #restore 末尾の帯は節内 full-bleed。節は padding-bottom:0 で flush、帯の上に 30px の呼吸を置く
       （reuse: build/ipad-reset/extra.css:290）
   ============================================================ */
.main.iphone-reset.iphone-reset .cta-band .titlegroup{ text-align:center; }
.main.iphone-reset.iphone-reset #cta-before{ border-top:1px solid var(--color7) !important; }
.main.iphone-reset.iphone-reset #steps .connection.partbg,
.main.iphone-reset.iphone-reset #restore .connection.partbg{ margin-top:30px !important; }

/* ============================================================
   [SH] ScrollHint（compare-table 横スクロール）
   実体は _shared/components.css:190-204。keyframes だけはページで定義が必要（reuse: build/ipad-reset/extra.css:826）。
   ============================================================ */
@keyframes scroll-hint-appear{ 0%{ transform:translateX(40px); opacity:0; } 10%{ opacity:1; } 50%,100%{ transform:translateX(-40px); opacity:0; } }

/* ============================================================
   [R] PC(デスクトップ)タイポ ── @media(min-width:751px) のみ＝SP(390px)は一切不変。
   テーマは本文を SP12px→PC~15px に拡大する設計（body clamp style.css:1130 / .line-content PC15px）。
   bespoke 節が 12px をメディア外固定だと PC で拡大せず本文が 12↔15.45px に割れる（memory pc-typography-bespoke-scaling-golden）。
   正値（テーマPC実測接地）: 本文=15 / カードタイトル=16 / 補足・note・キャプション=13 / 表 td14・th15（td/th は _shared canon）。
   ============================================================ */
@media (min-width:751px){
  /* 本文/リード/説明文/カード本文 → 15px */
  .main.iphone-reset.iphone-reset .whathappens .wh-lead,
  .main.iphone-reset.iphone-reset .whathappens .wh-sub,
  .main.iphone-reset.iphone-reset .whathappens .tc .tc-body,
  .main.iphone-reset.iphone-reset .before .bf-lead,
  .main.iphone-reset.iphone-reset .before .bf-sub,
  .main.iphone-reset.iphone-reset .steps .st-sub,
  .main.iphone-reset.iphone-reset .steps .op-d,
  .main.iphone-reset.iphone-reset .steps .sc-item .sc-a,
  .main.iphone-reset.iphone-reset .force .force-lead,
  .main.iphone-reset.iphone-reset .force .br .br-a,
  .main.iphone-reset.iphone-reset .after .af-lead,
  .main.iphone-reset.iphone-reset .after .af-sub,
  .main.iphone-reset.iphone-reset .restore .rs-lead,
  .main.iphone-reset.iphone-reset .restore .rs-sub,
  .main.iphone-reset.iphone-reset .restore .op-d,
  .main.iphone-reset.iphone-reset .price .pr-lead,
  .main.iphone-reset.iphone-reset .price .pr-sub,
  .main.iphone-reset.iphone-reset .apply .ap-lead,
  .main.iphone-reset.iphone-reset .apply .ap-sub{ font-size:15px; }
  /* カードタイトル/操作行/分岐見出し → 16px */
  .main.iphone-reset.iphone-reset .whathappens .tc .tc-q,
  .main.iphone-reset.iphone-reset .force .br .br-q,
  .main.iphone-reset.iphone-reset .restore .op-t,
  .main.iphone-reset.iphone-reset .steps .sc-item .sc-q{ font-size:16px; }
  /* 補足/キャプション/note/チップ → 13px（.note / .connection-note / .connection-note2 の PC 13 は _shared:256 が実体＝複製しない） */
  .main.iphone-reset.iphone-reset .steps .path,
  .main.iphone-reset.iphone-reset .restore .path,
  .main.iphone-reset.iphone-reset .steps .step-fig figcaption,
  .main.iphone-reset.iphone-reset .whathappens .wh-fig figcaption,
  .main.iphone-reset.iphone-reset .force .force-fig figcaption,
  .main.iphone-reset.iphone-reset .steps .proc-micro,
  .main.iphone-reset.iphone-reset .apply .ap-micro,
  .main.iphone-reset.iphone-reset .simple3 .s .d{ font-size:13px; }
}


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