/* 2026-07-28: html{scroll-behavior:smooth} を撤去。テーマ function.js の jQuery .animate({scrollTop}) と競合し、
   サブナビを押しても最初の約0.5秒ほぼ動かない（実測 170ms:22px→488ms:143px・目標11425px／auto なら 180ms:4119px で490ms着地）。
   金型4本(airpods/aquos/apple-machine/ipad)とテーマ原典 style.css は scroll-behavior を1つも宣言していない。 */
/* ============================================================
   store-purchase / extra.css  （v5-rebuild2＝trust/voice を DONE姉妹 delivery-purchase から実装）
   ── rebuild2 (s2): trust/voice の section-todo プレースホルダを廃し、
      build/delivery-purchase DONE版 #trust（navy帯 + dp-stats + dp-dummy-note + reason-voices）を
      .main.store-purchase へ rescope 複製。store は構成案の2節構成に合わせ trust(navy帯:実績stat+古物商fact) と voice(白節:voice swiper) を別 section に分割。
      実績数値・お客様の声はダミー（可視バッジ/注記で明示）・要本番差替。Review/AggregateRating・実績数値の構造化データは非出力。
      追加CSS = 末尾「rebuild2 trust/voice」ブロック（#trust navy帯 / dp-stats / dp-cred / dp-dummy-note）。残 section-todo は無し（FV は topbanner の fv-todo で別管理）。
   ────────────────────────────────────────────────────────────
   store-purchase / extra.css  （v4-rebuild1＝worry/secure/trouble を DONE姉妹から実装）
   ── rebuild1 (s1): worry/secure/trouble の section-todo プレースホルダを廃し、
      build/delivery-purchase（worry-board/promise-board/erase-board）＋
      build/shitadori-vs-kaitori（.point）の DONE 部品を .main.store-purchase へ rescope 複製して実装。
      追加CSS = 末尾「rebuild1」ブロック（point / worry / secure / sum-lead）。残 section-todo は trust/voice のみ。
   ────────────────────────────────────────────────────────────
   store-purchase / extra.css  （v3-2＝全店対象の店頭買取「方法ページ」へ作り直し）
   theme-porter 追加分のみ。テーマ css/style.css は編集しない。
   v3-2 の核（個店専用部品を排除＝単一店舗ページ化の初歩ミスを繰り返さない）:
     - main class から shop を外す（.main.store-purchase のみ）。.main.shop スコープ部品
       （shop-feature/infos/access/buying/message）を1つも置かない＝.main.shop CSS に非依存。
     - 個店専用部品（新宿FV/個店infos/地図iframe/写真ルート/個店buying金額/個店message）を全撤去。
     - stores は index.html:1751 流用＝全4店（新宿/品川/横浜/神戸）を地域見出し付きで表示。
     - A01 FV：軽量プレースホルダ .fv-todo（先方デザイン前提・h1は1つ）。
     - buying/message → 撤回。voice/trust/secure/trouble/worry → 誠実プレースホルダ（section-todo）。
     - 新規自前: cta-band（帯CTA）／related linklist。
   残す正当な自前は「3列比較表 table・品目状態早見表 table・IMEI card＋NW制限常時card化・
   merit の info-list・cta-band・related linklist・section-todo/fv-todo プレースホルダ」のみ。

   ★ スコープ規約:
     - 自前は全て .main.store-purchase ... に隔離（テーマCSSを上書きしない）。
     - 流用 shop.html 部品（flow-step/flow-times/flow-board/spattention/flow-others）は
       .flow…/.part .spattention の共有スコープで描画＝shop 不要。
   使用トークン（theme-tokens.md）:
     --color9 #224995 / --color4 #14355D / --color10 #EBF0F6
     角丸 5px / ボタンのみピル999px / Noto Sans JP
     色は #224995 / #14355D / #EBF0F6 + 白 + #333 + 補助罫(#C8D4E4/#5A7386) + 控えめコーラル #E94F4F に限定。
   SP+PC: テーマ準拠ブレークポイント min-width:751px / min-width:1101px（delivery-purchase 同作法）。
   ============================================================ */

:root{
  /* 統一スペーシングスケール（テーマ .point=padding20/12・SP .part=margin30 感に整合・5pxトークン互換） */
  --sp-1: 8px;   /* 隣接タップ・chip gap */
  --sp-2: 10px;  /* 縦積みカード列 gap */
  --sp-3: 12px;  /* カード内側 padding */
  --sp-4: 18px;  /* リード→カード群 */
  --sp-5: 30px;  /* セクション間 */
  --card-board: #EBF0F6;  /* テーマ .point-list / .board と同じ淡青ボード地 */
}/* 2026-08-27: 表以外の部品も担うルール。.compare-table のセレクタだけ canon へ委譲し、残りは維持 */
.main.store-purchase.store-purchase .info-list .il-num,
.main.store-purchase.store-purchase .needcheck{ font-variant-numeric: tabular-nums; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .info-list .il-num,
.main.store-purchase .compare-table td,
.main.store-purchase .needcheck */

/* ============================================================
   A01 FV → navyヒーロー（delivery型・写真ゼロで完成）
   reuse: build/delivery-purchase/extra.css:129-151（.topbanner.fv-todo ヒーロー）を .main.store-purchase へ rescope 複製。
   2026-07-07 design-craft A-1: 旧 .fv-todo 破線プレースホルダCSS（構造メモ）を撤去し delivery FV verbatim に置換。
   濃色地文字色は CLAUDE.md 鉄則3（eyebrow #9DB8E6／headline #fff・strong #9DB8E6／sub #CFE0F4・strong #9DB8E6／chips 白 on rgba）。
   token: #0E2440/#14355D/#224995(navyグラデ＝FV例外) / #9DB8E6・#CFE0F4(明色) / #06C755(LINE) / radius999。
   ============================================================ */
.main.store-purchase.store-purchase .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-eyebrow{ font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-headline{ font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-sub{ font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-cta{ display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 14px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-sub2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; max-width:400px; margin:0 auto 12px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-line{ background:#06C755; color:#fff; font-size:13px; font-weight:700; padding:13px; border-radius:999px; text-align:center; text-decoration:none; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-tel{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(157,184,230,.55); font-size:13px; font-weight:700; padding:13px; border-radius:999px; text-align:center; text-decoration:none; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-chips{ display:flex; flex-wrap:wrap; gap:10px 6px; justify-content:center; margin:0 auto 14px; max-width:560px; }
.main.store-purchase.store-purchase .topbanner.fv-todo .fv-chips span{ background:rgba(255,255,255,.10); border:1px solid rgba(157,184,230,.45); color:#fff; font-size:11px; font-weight:700; border-radius:999px; padding:5px 12px; line-height:1.4; }
@media (min-width: 751px){
  .main.store-purchase.store-purchase .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ---- 共通: ［要確認］インライン表記 ----------------------- */
.main.store-purchase.store-purchase .needcheck{
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #14355D;
  background: #EBF0F6;
  border-radius: 5px;
  padding: 1px 7px;
  margin: 0 2px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ---- ❌ プレースホルダ枠（section-todo） ------------------- */
/* rebuild1(s1): worry/secure/trouble は実装済（末尾 rebuild1 ブロック）＝section-todo から離脱。
   残 section-todo は trust / voice のみ（実データ無のため誠実プレースホルダ）。 */
.main.store-purchase.store-purchase .section-todo{
  margin: var(--sp-5) auto;
}
.main.store-purchase.store-purchase .section-todo .thisinner{
  border: 2px dashed #C8D4E4;
  border-radius: 5px;
  background: #FAFCFF;
  padding: 28px 20px;
}
.main.store-purchase.store-purchase .section-todo .todo-note{
  color: #14355D;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
.main.store-purchase.store-purchase .section-todo .todo-note small{
  display: block;
  margin-top: 6px;
  font-weight: 500;
  color: #224995;
  font-size: 11px;
}

/* ---- 共通 CTAボタン配置（テーマ flow/faq の .item-btn 中央寄せ作法を汎用化） --- */
.main.store-purchase.store-purchase .item-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  margin: 18px auto 0;
}

/* ============================================================
   A03 merit / 汎用 info-list（左ネイビーバー版）
   テーマ reason-point は3枠固定だが構成案は4点 → 泣き別れ回避で info-list--accent。
   テーマ .point-list 作法＝白カードを --color10 ボードに載せ影撤去・padding締め。
   ============================================================ */
.main.store-purchase.store-purchase .info-list{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin: var(--sp-4) 0 0;
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.store-purchase.store-purchase .info-list .il{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.store-purchase.store-purchase .info-list--accent .il{
  border-left: 4px solid #224995;
  border-radius: 0 5px 5px 0;
}
.main.store-purchase.store-purchase .info-list .il .il-head{
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  margin-bottom: 6px;
}
.main.store-purchase.store-purchase .info-list .il .il-t{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
}
.main.store-purchase.store-purchase .info-list .il .il-d{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
.main.store-purchase.store-purchase .info-list .il .il-d a{ color: #224995; }

/* ============================================================
   A04 compare（3列早見表 table）＋ ELG eligible（品目・状態 早見表 table）
   テーマに無い → 自前。token: th=--color4・白 / td罫=#C8D4E4 / 強調=--color9 / radius5
   不可セル .ng は控えめコーラル #E94F4F（CLAUDE.md 準拠）。
   ============================================================ */.main.store-purchase.store-purchase .compare-table{ width: 100%; margin: 16px 0 8px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table th,
.main.store-purchase .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table thead th */
/* s3: 表 th=13px（golden §5 th>td）。旧=12.6px inherit で C_font「compare-table th 非13」検出→13px明示で是正（compare/eligible 共通・td は12px据置） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table tbody tr:last-child th,
.main.store-purchase .compare-table tbody tr:last-child td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table tbody th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table td.ok */
/* ELG 早見表は1列目（品目）が長文のため nowrap 解除・幅指定 */
.main.store-purchase.store-purchase .eligible-table tbody th{
  white-space: normal;
  width: 64%;
  font-weight: 600;
}
.main.store-purchase.store-purchase .eligible-table td.ng{
  color: #E94F4F;
  font-weight: 700;
}
.main.store-purchase.store-purchase .compare-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin-bottom: 14px;
}
.main.store-purchase.store-purchase .compare-note a{ color: #224995; }

/* ============================================================
   B01 network（purchase.html popup を常時表示 card に組替）
   .box/.title/.article/.buttons/.grey-box を .main.purchase スコープ外で表示するため再現。
   token: card radius5・--color10地・--color9アクセント
   ============================================================ */
.main.store-purchase.store-purchase .network-popup .box{
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.store-purchase.store-purchase .network-popup .box .title{
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.6;
  margin-bottom: 10px;
}
.main.store-purchase.store-purchase .network-popup .box .title .icon{ flex-shrink: 0; width: 18px; }
.main.store-purchase.store-purchase .network-popup .box .title .icon img{ width: 18px; height: auto; display: block; margin-top: 2px; }
.main.store-purchase.store-purchase .network-popup .box .article{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 12px;
}
.main.store-purchase.store-purchase .network-popup .box .article .red{ color: #D01F00; font-weight: 700; }
.main.store-purchase.store-purchase .network-popup .box .buttons{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.main.store-purchase.store-purchase .network-popup .box .buttons .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #fff;
  color: #14355D;
  border: 1px solid #C8D4E4;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 8px;
  text-align: center;
  transition: opacity .3s;
}
.main.store-purchase.store-purchase .network-popup .box .buttons .btn:hover{ opacity: .7; }
/* 2026-07-26 是正（visual-scrutiny M-1 の横展開・memory icon-baked-fill-gotcha）: テーマ iconlink.svg は fill="white" 焼き込みで白地ボタンでは不可視。
   HTML をテーマ原典と同形状のインライン SVG（fill="currentColor"）へ置換したため svg にも同寸法を当てる。 */
.main.store-purchase.store-purchase .network-popup .box .buttons .btn .icon img,
.main.store-purchase.store-purchase .network-popup .box .buttons .btn .icon svg{ width: 13px; height: auto; display: block; }
.main.store-purchase.store-purchase .network-popup .box .grey-box{
  background: #fff;
  border-radius: 5px;
  padding: var(--sp-3);
  margin-bottom: var(--sp-2);
}
.main.store-purchase.store-purchase .network-popup .box .grey-box dl{
  display: flex;
  gap: 8px;
  align-items: baseline;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.6;
}
.main.store-purchase.store-purchase .network-popup .box .grey-box dl dt{
  font-weight: 700;
  color: #14355D;
  white-space: nowrap;
}
.main.store-purchase.store-purchase .network-popup .box .grey-box dl dd{ color: #333; display: flex; gap: 4px; }
.main.store-purchase.store-purchase .network-popup .box .grey-box dl .icon{ color: #224995; font-weight: 700; }
/* IMEI調べ方（テーマpopupに無い不足分）。テーマ .board 作法＝淡青地・影なし・padding締め。 */
.main.store-purchase.store-purchase .network-popup .imei{
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
  margin-bottom: var(--sp-2);
}
.main.store-purchase.store-purchase .network-popup .imei .imei-t{
  font-size: 14px;
  font-weight: 700;
  color: #14355D;
  margin-bottom: 8px;
}
.main.store-purchase.store-purchase .network-popup .imei .imei-t i[class^="icon"]{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: -2px;
}
.main.store-purchase.store-purchase .network-popup .imei .imei-lead{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 10px;
}
.main.store-purchase.store-purchase .network-popup .imei dl{
  border-top: 1px solid #C8D4E4;
  padding: 10px 0;
}
.main.store-purchase.store-purchase .network-popup .imei dl:first-of-type{ border-top: none; padding-top: 0; }
.main.store-purchase.store-purchase .network-popup .imei dl dt{
  font-size: 13px;
  font-weight: 700;
  color: #224995;
  margin-bottom: 3px;
}
.main.store-purchase.store-purchase .network-popup .imei dl dd{
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
.main.store-purchase.store-purchase .network-popup .imei-note{
  font-size: 11px;
  color: #5A7386;
  line-height: 1.6;
  margin-top: 8px;
}

/* ============================================================
   CTA-B cta-band（査定無料・キャンセル無料｜予約なし当日来店OK の帯CTA）
   テーマに該当partなし → 自前。connection の linktouch 思想を帯に圧縮。
   token: bg --color4(濃紺) / 文字白 / ボタン=テーマ .button(--color9ピル)＋.whitebtn / radius5。
   ============================================================ */
.main.store-purchase.store-purchase .cta-band{
  background: #14355D;
  border-radius: 5px;
  padding: 20px 16px;
  text-align: center;
}
.main.store-purchase.store-purchase .cta-band .cta-band-t{
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 14px;
}
.main.store-purchase.store-purchase .cta-band .cta-band-btns{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  align-items: center;
}
/* 帯の中のボタンは幅いっぱい（SP）。テーマ .button のピル形・矢印はそのまま活かす。 */
.main.store-purchase.store-purchase .cta-band .cta-band-btns .button{
  width: 100%;
  max-width: 360px;
}
/* LINE導線は緑（CLAUDE.md: LINE緑 #06C755 は維持）。テーマに greenbtn 定義が無い場合のフォールバック。 */
.main.store-purchase.store-purchase .cta-band .button.greenbtn{
  background: #06C755;
  border-color: #06C755;
  color: #fff;
}
/* 濃紺帯の上の whitebtn は白地・濃紺文字で可読性確保 */
.main.store-purchase.store-purchase .cta-band .button.whitebtn{
  background: #fff;
  border-color: #fff;
  color: #14355D;
}
.main.store-purchase.store-purchase .cta-band .button.whitebtn .iconarrow{ color: #14355D; }

/* ============================================================
   REL related（関連ガイド linklist）
   テーマに linklist 専用 part なし → 自前。白カードを淡青ボード地(--color10)に載せる board 作法。
   token: 白カード / radius5 / 矢印 iconarrow（テーマ svg）。
   ============================================================ */
.main.store-purchase.store-purchase .linklist{
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
  background: var(--card-board);
  border-radius: 5px;
  padding: var(--sp-3);
}
.main.store-purchase.store-purchase .linklist .ll{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
  background: #fff;
  border-radius: 5px;
  padding: 13px var(--sp-3);
  transition: opacity .3s;
}
.main.store-purchase.store-purchase .linklist .ll:hover{ opacity: .75; }
.main.store-purchase.store-purchase .linklist .ll .ll-t{
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
}
.main.store-purchase.store-purchase .linklist .ll .ll-d{
  font-size: 11px;
  line-height: 1.6;
  color: #5A7386;
  margin-top: 3px;
}
.main.store-purchase.store-purchase .linklist .ll .iconarrow{
  flex-shrink: 0;
  width: 13px;
  color: #224995;
}
.main.store-purchase.store-purchase .linklist .ll .iconarrow svg{ width: 13px; height: auto; display: block; }

/* ============================================================
   PCレイアウト（@media min-width:751px）— 自前部のみ段組み。
   ✅テーマ部（stores/flow/reason/find/ranking/faq/connection）はテーマ PC定義に委ねる（触らない）。
   ============================================================ */
@media (min-width: 751px){
  /* 共通 CTAボタン：縦stack→横並び（中央寄せ・テーマ .button.full と同寸400px） */
  .main.store-purchase.store-purchase .item-btn{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
  .main.store-purchase.store-purchase .item-btn .button.full{
    flex: 0 1 400px;
    max-width: 400px;
    width: auto;
  }

  /* merit info-list（4項目=偶数）→2列グリッド（孤立なし） */
  .main.store-purchase.store-purchase .info-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
  }
  .main.store-purchase.store-purchase .info-list .il{ height: 100%; }

  /* 早見表 table：PCで間延びを防ぐため中央寄せ・幅制限 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table */

  /* network キャリアボタン3列／○△×定義を3列 */
  .main.store-purchase.store-purchase .network-popup .box .buttons{
    grid-template-columns: repeat(3, 1fr);
  }
  .main.store-purchase.store-purchase .network-popup .box .grey-box > div{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 18px;
  }

  /* cta-band：帯内ボタンを横並び中央寄せ（泣き別れ回避） */
  .main.store-purchase.store-purchase .cta-band{ padding: 26px 24px; }
  .main.store-purchase.store-purchase .cta-band .cta-band-t{ font-size: 17px; }
  .main.store-purchase.store-purchase .cta-band .cta-band-btns{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
  .main.store-purchase.store-purchase .cta-band .cta-band-btns .button{
    flex: 0 1 280px;
    max-width: 280px;
    width: auto;
  }

  /* related linklist：2列グリッド（偶数=6件＝孤立なし） */
  .main.store-purchase.store-purchase .linklist{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
  }

  /* A-2 (2026-07-07 design-craft): worry解決1-4 / trouble ケース1-5 の .point を PC 2col 化（1列積みの間延び解消）。
     delivery .wl の PC grid 作法（gap:18px 22px）を流用。gap が段間を担うため .point の SP用 margin-top:18px は PC で0化。SP は1列不変。 */
  .main.store-purchase.store-purchase .point-cols{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 22px;
  }
  .main.store-purchase.store-purchase .point-cols .point{ margin-top: 0; }
}

/* ============================================================
   rebuild1 (s1) — worry / secure / trouble 実装用CSS
   DONE姉妹の verbatim 移植（rescope）。テーマトークンのみ・角丸5px・.wf禁止。
   ── point    ← build/shitadori-vs-kaitori/extra.css:280-286（B-7 左navy罫の注意/理由ボックス）
   ── worry    ← build/delivery-purchase/extra.css:196-228,545-548（worry-board 吹き出し／w-arrow／promise-board）
   ── secure   ← build/delivery-purchase/extra.css:452-460,556-558（safety .erase-board 二重消去2ステップ）を .secure へ rename
   ── sum-lead ← build/delivery-purchase/extra.css:67-69
   色: #224995=color9 / #14355D=color4 / #EBF0F6=color10（本file既存の hex 慣習）。矢印=テーマ img/icon/select.svg
   ============================================================ */

/* ---- sum-lead（要約リード）: 本ページ harness golden = section lead 12px（line-content）に接地。
   delivery は sum-lead=14px だが store の page-qa-audit は「section lead 非12px」を鳴らす＝14px bump は撤去。
   強調 strong のみ color9（明地 golden §3）を残す。 ---- */
.main.store-purchase.store-purchase .sum-lead strong,
.main.store-purchase.store-purchase .line-content strong{ color:#224995; font-weight:700; }

/* ---- point（左navy罫・pn番号バッジ） copy: shitadori extra.css:280-286 ----
   s4: base .point{} は worry/secure/trouble に scope 限定（[[galaxy-ki-point-leak]] 対策）。
   無scopeだと theme reason の ✅点card（.reason .reason-point .point-list .point・style.css:6582）へ
   border-left/box-shadow/margin-top:18px が漏れ、最下点card→箱下端0px の「point-list 枠内下余白の食い込み」を発生させていた。
   子 .point .pt/.pd は reason が .point-num/.point-name/p を使い pt/pd 非採用＝leakしない（generic のまま安全）。 */
.main.store-purchase.store-purchase .worry .point,
.main.store-purchase.store-purchase .secure .point,
.main.store-purchase.store-purchase .trouble .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 #224995; }
.main.store-purchase.store-purchase .point .pt{ display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:700; color:#14355D; line-height:1.5; word-break:break-word; }
.main.store-purchase.store-purchase .point .pt .pn{ flex:0 0 auto; font-size:11px; font-weight:700; color:#fff; background:#224995; border-radius:4px; padding:2px 8px; line-height:1.4; }
.main.store-purchase.store-purchase .point .pd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; word-break:break-word; }  /* golden §5 カード本文(.pd)=12（shitadori原本の13はdrift・本ページ harness に接地） */
.main.store-purchase.store-purchase .point .pd strong{ color:#224995; }
.main.store-purchase.store-purchase .point .pd a{ color:#224995; font-weight:bold; text-decoration:underline; }

/* ---- theme iconクラスの実SVG紐付け（iconquestion/iconcheck は style.css 未定義＝delivery extra.css:87-88 同作法）。
   ＝新規アイコンの発明ではなく、テーマ同梱の実SVGを theme icon機構(base i[class*=icon]=center/contain/no-repeat)で描画。 ---- */
.main.store-purchase.store-purchase i.iconquestion{ background-image:url(../images/store-purchase/icon/iconquestion.svg); }
.main.store-purchase.store-purchase i.iconcheck{ background-image:url(../images/store-purchase/icon/iconcheck.svg); }

/* ---- worry: worry-board 吹き出し copy: delivery extra.css:196-206 ---- */
.main.store-purchase.store-purchase .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:24px; }
.main.store-purchase.store-purchase .worry .worry-board .board-head{ text-align:center; color:#14355D; font-size:17px; font-weight:bold; line-height:1.4; padding:0 0 16px; margin:0; }  /* line-height 1.4=見出しtier（harness域内・1.6域外を回避） */
.main.store-purchase.store-purchase .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.store-purchase.store-purchase .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.store-purchase.store-purchase .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.store-purchase.store-purchase .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.store-purchase.store-purchase .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.store-purchase.store-purchase .worry .worry-board .wi i.iconquestion{ flex:0 0 auto; width:30px; height:30px; }
.main.store-purchase.store-purchase .worry .worry-board .wi .wi-t{ min-width:0; word-break:break-word; }

/* w-arrow copy: delivery extra.css:207 */
.main.store-purchase.store-purchase .worry .w-arrow{ display:block; width:22px; height:15px; margin:18px auto 0; background:url(../images/store-purchase/icon/select.svg) center/contain no-repeat; }

/* promise-board copy: delivery extra.css:210-221 */
.main.store-purchase.store-purchase .worry .promise-board{ position:relative; background:#EBF0F6; padding:18px 16px 16px; border-radius:5px; margin-top:16px; }
.main.store-purchase.store-purchase .worry .promise-board .board-head{ color:#14355D; padding:0 0 14px; text-align:center; font-size:17px; font-weight:bold; line-height:1.4; margin:0; }
.main.store-purchase.store-purchase .worry .promise-list{ display:flex; flex-direction:column; gap:10px; }
.main.store-purchase.store-purchase .worry .pi{ background:#fff; border-radius:5px; padding:16px; display:flex; gap:11px; align-items:flex-start; }
.main.store-purchase.store-purchase .worry .pi i.iconcheck{ flex:0 0 auto; width:22px; height:22px; margin-top:3px; }
.main.store-purchase.store-purchase .worry .pi .px{ display:block; min-width:0; font-size:13px; color:#333; line-height:1.6; word-break:break-word; }
.main.store-purchase.store-purchase .worry .pi .px b{ display:block; font-size:15px; color:#14355D; line-height:1.5; margin-bottom:4px; word-break:break-word; }
.main.store-purchase.store-purchase .worry .pi .px .px-d{ display:block; }

/* ---- secure: erase-board 二重消去 copy: delivery extra.css:452-460（.safety→.secure rename） ---- */
.main.store-purchase.store-purchase .secure .erase-board{ background:#EBF0F6; border-radius:5px; padding:34px 18px 22px; margin-top:14px; }
.main.store-purchase.store-purchase .secure .erase-board .e1{ position:relative; background:#fff; border-radius:5px; padding:26px 18px 16px; }
.main.store-purchase.store-purchase .secure .erase-board .e1 .en{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:#224995; color:#fff; font-size:13px; font-weight:bold; border-radius:5px; padding:4px 16px; line-height:1.4; white-space:nowrap; box-shadow:0 0 5px rgba(18,77,137,.2); }
.main.store-purchase.store-purchase .secure .erase-board .e1 .et{ font-weight:700; color:#14355D; font-size:16px; line-height:1.4; text-align:center; margin:0; }
.main.store-purchase.store-purchase .secure .erase-board .e1 .ed{ font-size:13px; line-height:1.6; color:#333; margin-top:9px; }
.main.store-purchase.store-purchase .secure .erase-board .e1 .ed strong{ color:#224995; }
.main.store-purchase.store-purchase .secure .erase-board .e1 .ed a{ color:#224995; font-weight:bold; text-decoration:underline; }
.main.store-purchase.store-purchase .secure .erase-board .e1.company{ box-shadow:0 0 6px rgba(18,77,137,.22); }
.main.store-purchase.store-purchase .secure .erase-board .e-arrow{ display:block; width:22px; height:15px; margin:14px auto; background:url(../images/store-purchase/icon/select.svg) center/contain no-repeat; }

/* SP微調整 copy: delivery extra.css:224-228,470-473 */
@media (max-width:750px){
  .main.store-purchase.store-purchase .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; }
  .main.store-purchase.store-purchase .worry .promise-board .board-head{ font-size:16px; padding:0 0 12px; }
  .main.store-purchase.store-purchase .worry .worry-board .wi{ font-size:13px; }
  .main.store-purchase.store-purchase .worry .worry-board .wi i.iconquestion{ width:26px; height:26px; }
  .main.store-purchase.store-purchase .worry .pi{ padding:14px; }
  .main.store-purchase.store-purchase .secure .erase-board{ padding:30px 12px 18px; }
  .main.store-purchase.store-purchase .secure .erase-board .e1{ padding:24px 14px 14px; }
  .main.store-purchase.store-purchase .secure .erase-board .e1 .et{ font-size:15px; }
}

/* PC copy: delivery extra.css:545-548,556-558（worry-board 2col・erase-board row）＋716-750（PC本文/タイトル拡大） */
@media (min-width:751px){
  .main.store-purchase.store-purchase .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.store-purchase.store-purchase .worry .worry-board .wi{ width:auto; }
  .main.store-purchase.store-purchase .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.store-purchase.store-purchase .secure .erase-board{ display:flex; align-items:stretch; gap:0; padding:38px 24px 26px; }
  .main.store-purchase.store-purchase .secure .erase-board .e1{ flex:1; min-width:0; }
  .main.store-purchase.store-purchase .secure .erase-board .e-arrow{ flex:0 0 34px; margin:0 12px; align-self:center; transform:rotate(-90deg); }

  /* PC本文拡大（SP12/13/14→PC15）: theme本文≈15.5px 相当。golden pc-typography・delivery extra.css:716-731 同作法 */
  .main.store-purchase.store-purchase .point .pd,
  .main.store-purchase.store-purchase .worry .pi .px,
  .main.store-purchase.store-purchase .worry .worry-board .wi,
  .main.store-purchase.store-purchase .secure .erase-board .e1 .ed{ font-size:15px; }
  /* PCカードタイトル→16（本文15+1・太字+navyで階層担保）: delivery extra.css:732-750 同作法 */
  .main.store-purchase.store-purchase .point .pt,
  .main.store-purchase.store-purchase .worry .pi .px b,
  .main.store-purchase.store-purchase .secure .erase-board .e1 .et{ font-size:16px; }
}

/* ============================================================
/* ============================================================
   ★ trust（安心してお任せいただくための、リンクサスの運営情報）＝白節。
   2026-09-02 台帳#122 是正: #trust（navy帯・捏造実績stat）＋ #voice（ダミーお客様の声carousel）の2節を
   1節に統合し、検証可能な事実のみの proof-cert＋trust-grid へ置換
   （手本= build/mac-reset/extra.css「[MV-proof]」＝applewatch-reset/extra.css:687-691,868-874 と同値）。
   trust-grid/.tc/.tl/.tn-s/.trust-note は _shared/components.css の実体を再利用（複製しない）＝
   ここに書くのは canon 未収録の proof-cert/.pc-i/.pc-t/.tl-ic のみ。
   隣接: prev=#reason（color10 淡青 色帯）→ 色↔白は色差で区切れる＝線なし（旧 navy帯時代の border-top/
   :has(+ #trust) 二重回避は不要になったため撤去。#reason 自身は元々 margin:0 のため影響なし）。
   next=#faq（白）→ 白×白＝テーマ標準margin。
   ============================================================ */
.main.store-purchase.store-purchase .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.store-purchase.store-purchase .why-extra .proof-cert .pc-i{ flex:0 0 36px; width:36px; height:36px; }
.main.store-purchase.store-purchase .why-extra .proof-cert .pc-i svg{ width:100%; height:100%; display:block; }
.main.store-purchase.store-purchase .why-extra .proof-cert .pc-t{ font-size:12px; line-height:1.6; color:#333; }
.main.store-purchase.store-purchase .why-extra .proof-cert .pc-t b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.store-purchase.store-purchase .why-extra.trust .trust-grid{ margin:14px 0 0; }
.main.store-purchase.store-purchase .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }
.main.store-purchase.store-purchase .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.store-purchase.store-purchase .why-extra .proof-cert .pc-t{ font-size:15px; }
  .main.store-purchase.store-purchase .why-extra .proof-cert .pc-t b{ font-size:16px; }
  .main.store-purchase.store-purchase .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }
}

/* ============================================================
   ★ s3 bring（2026-07-06）── #bring 店頭買取に必要なもの・来店前チェックリスト
   作法= build/delivery-purchase DONE版 #prepare の .prep-list>.pp（マーク badge＋タイトル＋本文）を
   .main.store-purchase .bring へ rescope 複製（出典= delivery extra.css:404-411,561,718,738）。
   ・群見出し .bring-gt = 自前（左navy罫・line-height1.5）。theme .line-btitle(SP実測1.60=harness逸脱)・.h4chip は使わない。
     bg なし・1辺 border・radius0 ＝ box-flush(独立箱)非該当（harness D_spacing 箱密着を鳴らさない）。
   ・pp-num は ✓(必須)/＋(加点=navy3補助トーン#527694)/番号(ケース別) を内包＝白円badgeでなく navy塗り円（金型 pp-num 同 family）。
   ・token のみ: --color9 #224995 / --color4 #14355D / #527694(navy3補助) / #C8D4E4(点線罫) / #333本文 / radius5 / glow影。
   ・PC: prep-list 2col・本文15/タイトル16（PC本文未拡大 検出回避・delivery pp 同作法）。
   ============================================================ */
.main.store-purchase.store-purchase .bring .bring-gt{
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #14355D;
  line-height: 1.5;
  border-left: 3px solid #224995;
  padding-left: 9px;
  margin: 20px 0 10px;
}
.main.store-purchase.store-purchase .bring .prep-list{ display: flex; flex-direction: column; gap: 10px; margin-top: 0; }
.main.store-purchase.store-purchase .bring .pp{ background:#fff; border-left:4px solid #224995; border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.16); padding:15px 16px 14px; }
.main.store-purchase.store-purchase .bring .pp .pp-head{ display:flex; align-items:center; gap:10px; padding-bottom:11px; border-bottom:1px dashed #C8D4E4; }
.main.store-purchase.store-purchase .bring .pp .pp-num{ flex:0 0 auto; width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:#224995; color:#fff; font-weight:700; border-radius:50%; font-size:14px; line-height:1; }
.main.store-purchase.store-purchase .bring .pp.pp-plus .pp-num{ background:#527694; }
.main.store-purchase.store-purchase .bring .pp .pp-t{ font-weight:700; color:#14355D; font-size:15px; line-height:1.4; margin:0; min-width:0; word-break:break-word; }
.main.store-purchase.store-purchase .bring .pp .pp-d{ font-size:13px; line-height:1.6; color:#333; margin-top:11px; word-break:break-word; }
.main.store-purchase.store-purchase .bring .pp .pp-d a{ color:#224995; font-weight:bold; text-decoration:underline; }

@media (min-width:751px){
  .main.store-purchase.store-purchase .bring .prep-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .main.store-purchase.store-purchase .bring .pp .pp-t{ font-size:16px; }
  .main.store-purchase.store-purchase .bring .pp .pp-d{ font-size:15px; }
}

/* ============================================================
   ★ s4 機械リトロフィット（2026-07-06）── harness 375/390/768/1280 の構造/CSS欠陥を潰す（[要確認]27件=別バッチ）
   出典: 値の正=refer/theme-golden-values.md＋theme原典 style.css(行番号)＋合格済み delivery/corporate/aquos 実測（_INDEX §3）。
   トークンのみ・角丸5px・.wf不使用・強調color9・改行break-word。theme style.css/_shared/components.css は未編集。
   ============================================================ */

/* ---- D_spacing 見出しtier line-height（line-btitle/board-head=1.60→1.3） ----
   出典: delivery/extra.css（corporate:190 同型 `.board-head,.line-btitle{line-height:1.3}`）。
   theme .line-btitle(SP実測 25.6/16=1.60)・flow .board-head(22.4/14=1.60) が harness 見出しtier(1.2-1.55)逸脱。
   1.3=見出しtier golden（1行見出しゆえ視覚差なし）。worry board-head(1.4・0,4,1)は既存の高specで維持＝範囲内。 */
.main.store-purchase.store-purchase .line-btitle,
.main.store-purchase.store-purchase .board-head{ line-height:1.3; }

/* ---- D_spacing stores 見出し下gap 25→20 ----
   出典: theme style.css:7336 `.stores .line-title{margin-bottom:25px}`（0,2,0）を 0,4,0 で 0 化。
   次要素 sum-lead(margin-top:20px)が gap を担保＝h2下 20px（harness 見出し下gap=20 golden・他節=20 と揃う）。 */
.main.store-purchase.store-purchase .stores .line-title{ margin-bottom:0; }

/* ---- C_font flow-others .ttl 18px→16（scale外18px是正・card-title golden tier） ----
   出典: theme style.css:6158 `.flow .flow-others .others-content .others-content-block .text .ttl{font-size:18px}`（0,6,0）を 0,8,0 で是正。
   16=flow-step .ttl と同 card-title tier（FONT_SCALE内・同 flow 節内で card-title 揃え）。 */
.main.store-purchase.store-purchase .flow .flow-others .others-content .others-content-block .text .ttl{ font-size:16px; }

/* ---- C_font head-info-name 18px→17（SPのみ・scale外是正）＋ F_contrast span 低コントラスト是正 ----
   出典: delivery/extra.css（corporate:187-189 同型・SP のみ head-info-name→17／PC は theme 24px 維持）。
   theme SP: style.css:7056 head-info-name=18px（@media max-width:750・0,5,0）／base:6669=24px（PC）→ SP のみ 17px（0,7,0）。
   span: theme 6677 `color:var(--color11 #7994AA)`（ratio 2.76・0,6,1）→ #3C5168（AA 7.07:1・0,8,1 で全幅是正・delivery と同値）。 */
@media (max-width:750px){
  .main.store-purchase.store-purchase .reason .reason-introduction .intro-head .head-info .head-info-name{ font-size:17px; }
}
.main.store-purchase.store-purchase .reason .reason-introduction .intro-head .head-info .head-info-name span{ color:var(--color3); }

/* ---- D_spacing PC本文未拡大（network-popup body/title を PC で 15/16 に拡大） ----
   出典: golden pc-typography（本文SP12→PC15・[[pc-typography-bespoke-scaling-golden]]）／delivery PCタイポブロック同作法。
   harness は .imei-lead=12px を検出。同一カード内で 12/15 が割れないよう network-popup の body(intro/dd)を 15・card-title を 16 に cohesive 拡大（buttons/○△×legend/note の機能テキストは tier 維持）。SP不変（min-width:751 のみ）。 */
@media (min-width:751px){
  .main.store-purchase.store-purchase .network-popup .imei .imei-lead,
  .main.store-purchase.store-purchase .network-popup .imei dl dt,
  .main.store-purchase.store-purchase .network-popup .imei dl dd,
  .main.store-purchase.store-purchase .network-popup .box .article{ font-size:15px; }
  .main.store-purchase.store-purchase .network-popup .imei .imei-t,
  .main.store-purchase.store-purchase .network-popup .box .title{ font-size:16px; }
}

/* ---- J_structure/G_scrollHint compare-table を theme scroll-hint 作法に ----
   出典: build/aquos-reset/extra.css:639-658（＝_shared/components.css:72-87・金型 airpods）を .main.store-purchase へ scoped 複製。
   store の compare-table は自前 border/radius/overflow を持つ bespoke（border-collapse:collapse）＝wrapper は bg/影を付けず
   「position:relative(scroll-hint-icon 基準)＋cts-inner の overflow-x:auto」だけを担い二重box化しない（context差分）。
   表 margin は wrapper へ移譲し table 側は 0。head の scroll-hint.js＋new ScrollHint('.swipe-hint') で is-scrollable時のみヒント表示。 */
/* 2026-08-31 ledger#110: `margin:16px 0 8px` の一括指定が canon `_shared/components.css:184 .main .compare-table-scroll{margin-top:18px}` を
   殺していた（shared-dead-rule @390/@1280 とも1件・一致要素2個すべて 16px）。**13ページ（airpods/aquos/ipad/mac/pixel/galaxy/xperia/
   android-machine/applewatch/before-shipping/data-erasure-security/kaitoriten-erabikata/shitadori-vs-kaitori）はすべて 18px** で、
   16px は本ページだけの残置＝canon 移行時に一括指定を分解し忘れたもの（意図的なコンテキスト差分の記録なし）。
   → margin-top は canon に返す。margin-bottom:8px だけページ側に残す（#eligible の直後に `p.compare-note`（自身の margin-top:0）が
     来るため、0 にすると表と注記が密着する＝実測 gap 8px→0px。これはコンテキスト差分なのでページ側が正）。
   実測差分: #compare は前後とも上 20px / 下 18px（隣接 margin の相殺で不変）、#eligible のみ表の上が 16px→18px（+2px）。 */
.main.store-purchase.store-purchase .compare-table-scroll{ margin-bottom:8px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */
.main.store-purchase.store-purchase .compare-table-scroll .compare-table{ margin:0; }
@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.store-purchase .compare-table-scroll .scroll-hint-shadow-wrap */.main.store-purchase.store-purchase .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.store-purchase.store-purchase .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon */.main.store-purchase.store-purchase .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.store-purchase.store-purchase .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon:before */.main.store-purchase.store-purchase .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table-scroll .scroll-hint-icon-wrap */
}

/* ---- D_spacing closing 色面 padding+margin 二重／チップ上クリアランス不足 ----
   出典: build/corporate/extra.css:351,359（#estimate-cta＝connection-before チップ帯の theme-exact spacing）。
   HTML側で closing の partbg を撤去＝theme 素の .connection（bg透明・color7 上下罫）に戻す→bg≠color10 で「色面 padding+margin 二重」解消。
   theme SP `.connection:not(.partbg){padding:0 !important}`（style.css:5592）を上書きするため padding は !important。
   connection-before チップは band 上端から迫り出す（SP translate -72%）ため band に margin-top を与え prev→chip=約16px（corporate 実測）を確保。 */
.main.store-purchase.store-purchase #cta{ margin-top:56px !important; padding-top:22px !important; padding-bottom:22px !important; }
@media (min-width:751px){
  .main.store-purchase.store-purchase #cta{ margin-top:64px !important; padding-top:40px !important; padding-bottom:40px !important; }
}

/* ============================================================
   sp-v11-bands（2026-07-07）── 色帯リズム復元（Batch B）
   構成案 output/store-purchase/wireframe-content.html は merit/eligible/reasons を .sec-alt（淡色 bg-secondary）
   に指定し白節と交互配置する設計。build が全て白に潰した＝白節13連続の原因（critic 72 最大要因）。
   → 3節（#merit/#eligible/#reason）を theme accent-light var(--color10) #EBF0F6 の full-bleed 色帯へ格上げ＝
      構成案の intended treatment を戻す（新規content追加なし・背景treatmentのみ）。
   手本= build/delivery-purchase .eeat/.fee（color10 band・extra.css:182,927）／build/shitadori-vs-kaitori .hayami/.rank。
   spacing 正本= refer/spacing-divider-craft-rules.md §1-2／[[bg-color-drives-divider-and-spacing]]。
     色節=margin:0＋padding:30px 0（張り付き禁止・二重禁止／store #trust:646 と同作法＝padding直付け・.thisinner縦padなし）。
     色↔白 境界（merit/eligible の両隣・reason 上隣=#price）→ 色差で自己分離＝区切り線なし（白節 margin30＋色帯 padding30＝60px breathing）。
     色↔色 境界（#reason 淡青→#trust navy）→ var(--color7) 罫（下記 reason ブロック）。#8DB0D0 は使わない（濃すぎ）。
   ledger#28（色節上の箱は白地・near-tone埋没回避）: 色帯に載る箱で bg が color10（band と同色）になる箇所を白/透明へ是正。
   ============================================================ */

/* --- #merit（メリット・説得の山）を color10 full-bleed 帯へ ---
   prev=#worry(白)→色差で線なし・worry margin-bottom30＋merit padding-top30=60 breathing。
   next=#compare(白)→同様に merit padding-bottom30＋compare margin-top30=60。二重なし。 */
.main.store-purchase.store-purchase #merit{ background:var(--color10); margin:0; padding:30px 0; }
/* ledger#28: info-list ラッパは bg=color10（band と同色＝埋没）→ 帯上では透明化（中の白 .il カードが視覚アンカー・
   白カード on 色帯＝delivery .eeat と同パターン）。white il カードは不変＝tone-on-tone回避。#compare(白節)の info-list は不変。 */
.main.store-purchase.store-purchase #merit .info-list{ background:transparent; border-radius:0; }/* 透過layout wrapper＝箱でない（中の白.ilが視覚箱）。vestigial radius を除去し B_buried box誤認を解除（視覚不変・delivery .eeat .eg 同様の素コンテナ） */

/* --- #eligible（買取できる品目・状態の早見表）を color10 full-bleed 帯へ ---
   prev=#network(白)→色差で線なし・60 breathing。next=#secure(白)→同様に60。二重なし。 */
.main.store-purchase.store-purchase #eligible{ background:var(--color10); margin:0; padding:30px 0; }
/* ledger#28: 早見表は table bg 透明＋tbody th bg=color10（band と同色＝行見出しセルが埋没・td と融合）
   → 帯上では table を白地カード化（delivery .dtable 白化 extra.css:929 と同作法）。td透明→白／tbody th color10→白地上で可視／
   thead th navy は不変。border(#C8D4E4)＋白地で band 上の白カードとして自己分離（scroll wrapper overflow で影は切れるため border で成立）。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase #eligible .compare-table */
/* ledger#28/F_contrast: compare-note(#5A7386 11px) は band(#EBF0F6)上で ~3.9:1（白地では4.6:1）→ AA割れ回避に帯上のみ #445D74 へ。 */
.main.store-purchase.store-purchase #eligible .compare-note{ color:#333; }
/* ledger#28: .needcheck チップ（bg=#EBF0F6・要確認マーカー）は color10 帯上で埋没 → 帯上のみ 白地＋color7枠で分離（白節では従来の淡青チップのまま）。 */
.main.store-purchase.store-purchase #merit .needcheck,
.main.store-purchase.store-purchase #eligible .needcheck,
.main.store-purchase.store-purchase #reason .needcheck{ background:#fff; border:1px solid var(--color7); }

/* --- #reason（選ばれる理由・説得の山）を color10 full-bleed 帯へ ---
   prev=#price(.find 白)→色差で線なし・60 breathing。next=#trust(navy)→色↔色＝var(--color7) 罫（#trust 側 border-top・上記 #trust ブロック）。
   帯上の白カード: reason-point .point（既に白・style.css:6582）／point-top 見出し・threepoint.png はそのまま。 */
.main.store-purchase.store-purchase #reason{ background:var(--color10); margin:0; padding:30px 0; }
/* ledger#28: 責任者紹介 .reason-introduction は theme bg=color10（style.css:6641）＝band と同色で埋没
   → 帯上では白カード化（写真+氏名+紹介文を1枚の白プロフィールカードに統合）。内側 .intro-content(白 style.css:6684) は
   透明化して白パネルに溶かす（白on白の二重box埋没を回避＝harness埋もれ0）。glow で band から浮かせる（store 白カード convention 0 0 5px）。 */
.main.store-purchase.store-purchase #reason .reason-introduction{ background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.store-purchase.store-purchase #reason .reason-introduction .intro-content{ background:transparent; border-radius:0; }/* 白カード内の透過content＝箱でない。radius除去で B_buried 誤認解除（視覚不変） */
/* ledger#28: theme .point-list ボードは bg=color10（style.css:6568）＝band と同色で埋没 → 帯上では透明化
   （中の白 .point カード style.css:6586 が視覚アンカー＝merit .info-list と同パターン・white on 色帯）。 */
.main.store-purchase.store-purchase #reason .reason-point .point-list{ background:transparent; border-radius:0; }/* 透過layout wrapper＝箱でない（中の白.pointが視覚箱）。radius除去で B_buried 誤認解除（視覚不変） */

/* ============================================================
   sp-v13（2026-07-08）── design-craft 仕上げ（critic 80→90・MUST①②③）
   ①#merit を delivery(90) .mlist 密度へ＝白円+navy3トーン塗りアイコン（il-ic）＋dashed罫（delivery .mh 作法 extra.css:237-239 に接地）。
   ②#eligible を ○△× アイコンの可否チェックリストへ（#compare 比較表との同型連続を分離）。
   ③#compare 選び方 deflist の PC孤児セル（3枚を2colで右下空白）解消＝3col。
   値の接地= theme-golden-values.md（本文12/カードタイトル15・PC16／glow 0 0 5px rgba(18,77,137,.2)／radius5・円50%）＋delivery .mh/.mn 実測。
   アイコン= golden-icon-tonmana（白円+#224995/#72A2CE/#9DB8E6/#E2EFFF の塗り/線のみ・線画/極彩色/発明なし）。×のみ CLAUDE.md 控えめコーラル #E94F4F。
   ============================================================ */
/* ① merit il-head：アイコン + dashed罫（delivery .mi .mh :237 に接地。白カード上の白円は SVG circle stroke #C8D4E4 で de-bury＝dp-stat-ic 同作法） */
.main.store-purchase.store-purchase #merit .info-list .il .il-head{
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #C8D4E4;
}
.main.store-purchase.store-purchase #merit .il-ic{ flex:0 0 auto; width:44px; height:44px; }
.main.store-purchase.store-purchase #merit .il-ic svg{ width:100%; height:100%; display:block; }
/* カードタイトル presence 付与：13→15px（golden カードタイトル tier .dt=15・§5）。PC は下 media で16。 */
.main.store-purchase.store-purchase #merit .info-list .il .il-t{ font-size:15px; color:#14355D; }

/* ② eligible judge アイコン（td 内 ○△× マーカー・凡例） */
.main.store-purchase.store-purchase .eligible-table td .judge{
  display:inline-flex; align-items:center; justify-content:center;
  width:19px; height:19px; margin-right:6px; vertical-align:-4px; flex:0 0 auto;
}
.main.store-purchase.store-purchase .eligible-table td .judge svg{ width:100%; height:100%; display:block; }
/* 凡例カード：#eligible は color10 帯 → 白地カード+glow で de-bury（ledger#28 同作法・帯上の白カード） */
.main.store-purchase.store-purchase .judge-legend{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
  margin:0; padding:9px 13px; background:#fff; border-radius:5px;
  box-shadow:0 0 5px rgba(18,77,137,.16);
}
.main.store-purchase.store-purchase .judge-legend .jl{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:#14355D; }
.main.store-purchase.store-purchase .judge-legend .jl .judge{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 auto; }
.main.store-purchase.store-purchase .judge-legend .jl .judge svg{ width:100%; height:100%; display:block; }

/* ③ #compare「選び方」deflist は3枚＝PC 3col（base info-list PC 2col:472 だと右下が孤児セル）。merit(4枚)は2×2のまま。 */
@media (min-width:751px){
  .main.store-purchase.store-purchase #compare .info-list{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .main.store-purchase.store-purchase #merit .info-list .il .il-t{ font-size:16px; }
  .main.store-purchase.store-purchase #merit .il-ic{ width:48px; height:48px; }
  /* F-1 (2026-07-08 log-regression): merit/compare/eligible の PC本文・表セルが SP値のまま（12/13）＝gold delivery
     (.mlist body=15 / .dtable th15·td14) と乖離＝★受入基準「乖離0」違反。harness silent-skip（ledger#30 参照要素body=15は拡大済／#31 PC[R]は.dtable限定で.compare-table対象外）。
     → info-list カードタイトル→16・カード本文→15（merit/compare 共通）／compare・eligible 表 th→15・td→14 へ golden 拡大。SP390 は各base(15/13/12・th13/td12)不変。 */
  .main.store-purchase.store-purchase .info-list .il .il-t{ font-size:16px; }
  .main.store-purchase.store-purchase .info-list .il .il-d{ font-size:15px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.store-purchase .compare-table td */
}



/* ledger#36 (2026-07-10): theme `.connection p{color:#DE4A9B}`(style.css:5470 ピンク) の native漏れ打ち消し。
   gold canon = navy #14355D（corporate extra.css:160 corp-clone3 と同手本・airpods/aquos/delivery も全打ち消し済）。
   検出器 = page-qa-audit.js K_palette。 */
.main.store-purchase:where(.store-purchase) .connection p{ color:#14355D; }

/* 2026-07-28: テーマ .head-info-name span は 0.5555em（親18px→10px）。ページで親を17pxへ是正した際に子が
   9.44px（FONT_SCALE外）へ道連れになる。先例 build/corporate/extra.css:304 と同型で子を10pxに固定。 */
.main.store-purchase.store-purchase .head-info-name span{ font-size:10px !important; }

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


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