/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 3 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* ============================================================
   delivery-purchase extra.css  ?v=dp27-slotnote0912
   dp21-dtable（2026-07-06・s6・critic 手4/手5）: ビジュアル密度＋価格未完成解消＋白連続の分割。
     手4a= items 6品目カードに白円+navy3トーン塗りのデバイスアイコン（.ih/.idev・#trust .dp-stat-ic と同 family・線画/発明なし）。
     手4b= #price に (a) fig-vs 2カード「手取りの考え方」（shitadori .fig-vs 流用・数値なし相対）／(b) 機種カードに navyモデルバッジ .pmodel＋質的チップ .dp-kai-tag（shitadori .n/.svk-kai-tag 相当・捏造数値なし）。
     手5= (色帯) #fee を §1-B color10 full-bleed へ格上げ＝中盤の白連続を割る（1本のみ・色帯上カードは全て白地=B2回避）／(disclaimer) 「確定価格は準備中」系を機種節末尾 micro 1本へ集約（find micro/機種 intro の重複を除去）。
     CSS実体は本ファイル末尾「dp21-dtable」ブロック。harness 4幅 total:0・content-fidelity pass(≥90) を壊さない範囲。
   ------------------------------------------------------------ 旧ヘッダ ↓
   delivery-purchase extra.css  ?v=dp18-grid
   dp18-grid（2026-07-06・s5・critic 手3）: PC下半分の「1カラムprose箱の反復＝間延び」を responsive grid で解消（レイアウトのみ・テキスト/構造/数値 不変）。
     compare .branch-list（3）→SP1列/PC3列／fee .fee-deflist（3）→SP1列/PC3列／items .items-deflist（6）→SP1列/PC2列／
     price レンジ4要因 .price-deflist.dp-grid2（4）→SP1列/PC2列／eeat .eg（4枚・色帯上=白カード）→SP1列/PC2列。
     based-on: build/shitadori-vs-kaitori/extra.css:502-509 .dc-grid（display:grid;grid-template-columns;gap）を delivery namespace へトークン翻訳。
     背景色は不変＝B2回避（eeat=color10帯上に白カードのまま／compare・fee・items・price=白節上の既存カード地）。CSS実体は本ファイル末尾「dp18-grid」ブロック。
   ------------------------------------------------------------ 旧ヘッダ ↓
   delivery-purchase extra.css  ?v=dp17-cta
   dp17-cta（2026-07-06・s4・critic 手1）: CTA帯の過剰反復を間引き（banner blindness＝「押し売り/素人」感の抑制）。
     HTML側で撤去= merit/compare/pack/prepare のインライン申込帯／#flow 郵送タブ内の申込帯（#flow 2→1・残=flow末尾）／
       compare後・price後の独立 connection.partbg／safety末尾の連結 connection.partbg（各節の removed コメント参照）。
     残す申込導線= FV／#flow末尾／#price末尾（←ここを .dp-inline-cta 別treatment化）／#safety末尾／#closing＋sticky。
     残す 電話/LINE partbg= #worry末尾・#trust後・#closing。撤去節の余白は §1-B の :has() ルールが自動復帰（二重余白なし・harness D 0維持）。
     content-fidelity: 撤去コピーは反復（「郵送買取を申し込む」等）＋同文の別インスタンス保持ゆえ pass(≥90) 維持（node で確認）。
     ↓ dp17-cta の新規CSS実体は本ファイル末尾「dp17-cta：price末尾 1行インラインCTA」ブロック。
   ------------------------------------------------------------ 旧ヘッダ ↓
   delivery-purchase extra.css  ?v=dp16-flowstep
   dp16-flowstep（2026-07-06・s3）: #flow「各STEPで必要なもの」の連続段落テキスト壁を、#pack の step-process 作法（ft/ft-circle/ft-card/fh/fd）を流用した STEP独立ブロック4つへ再構成（CSSは selector拡張で単一実体を共有・extra.css:269〜/SP media/fd strong）。
   dp15-trust（2026-07-06・s2）: #trust 口コミ・お客様の声（navy帯・ダミー値付き復元・要本番差替＝末尾 dp15-trust ブロック）。
     content-fidelity 78.4→90.5%（構成案 wfc の清書文を復元・意図的差分は _review/fix-instructions.md s2 に記録）。harness 4幅 total:0 維持。
   ------------------------------------------------------------ 旧ヘッダ ↓
   dp13-retrofit（2026-07-06・機械リトロフィット s1）: harness 4幅(375/390/768/1280) total:0 化。
   - C_font: section lead(.line-content sum-lead/lead)=14/13px → SP12px/PC15px（p.line-content で is-scoped 是正）。
     menu-title(theme .flow-buying・style.css:5835)/head-info-name(theme .reason head-info・style.css:7057=SP18px)は
     テーマ原典の実値＝harness FP（触らず）。
   - D_spacing: 標準connection.partbg帯(独立節)の .part margin48 + 帯padding の二重相殺（§1-B flush）。
     fv-chips row-gap 6→8/flow-board margin-top/board-head・line-btitle line-height 1.6→1.3。
   - B_buried: connection-note2 淡罫／item-pic-ttl glow（テーマ白ラベルon写真の de-bury）。
   - F_contrast: head-info-name span #7994AA→#3C5168（theme specificity 超えで実適用）。
   - I_craft: 明地 strong を color9 一色／泣り別れ・ブランド語=U+2060(HTML)／改行作法 text-wrap/auto-phrase 撤去。
   - PC本文未拡大: @media(min-width:751px) 本文15/カードタイトル16/note13/表 td14 th15（gold aquos-reset:585-630 model）。
   ------------------------------------------------------------ 旧ヘッダ ↓
   delivery-purchase extra.css  ?v=dp10
   dp10 方針: theme-conventions §0「テーマに無い独自の見た目を足さない」を最優先に、
   自作インラインSVGアイコン（worry/promise/pack/ship/safety/concept-fig/cn-i の
   viewBox 103/40/320/24 自作SVG・3トーン#E2EFFF/#72A2CE/#224995）を全撤去し、
   テーマ既存 iconクラス（<i class="iconXXX">）へ置換。白塗りアイコンは navy円 .tw-ic に納める。
   ＋ドラマチック装飾（promise-board グラデ帯／concept-fig／過剰box-shadow）を撤去・トーンダウン。
   ------------------------------------------------------------ 旧ヘッダ ↓
   delivery-purchase extra.css  ?v=dp6
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（css/style.css）は編集しない。
   品質下限 = build/apple-machine / build/ipad-reset。❌/bespokeは apple-machine の
   実証済み同種部品（worry/promise・cheat→pack・why→prepare・safety・connection partbg・
   sim-table・concept-fig・fv-todo・section-todo）を .main.delivery-purchase 名前空間でクローン適応。
   出典コメント: reuse:/copy:/new+token:/based-on:/todo: を各ブロックに付ける。
   トークン（theme-tokens.md / css/style.css :root 1085-1092）のみ使用:
     --color9 #224995 / --color4 #14355D / --color10 #EBF0F6 / --color7 #C8D4E4
     本文 #333 / サブ #5A7386 / 角丸5px / ボタン=ピル999px / Noto Sans JP（body継承）
   dp10: teal/navyグラデ帯（promise-board／erase-board company／concept-fig c2）と
     自作SVG専用3トーン #E2EFFF/#72A2CE/#224995 は theme-conventions §0 違反として撤去済。
     残る濃色グラデは FV（topbanner.fv-todo）の navyトークンのみのヒーロー背景（CLAUDE.md FV例外）に限定。
     強調語ハイライトは #C92F4F（.hl・白地AA確保）。teal#00B38D は iconcheck（テーマ実SVG）由来のみ。
   CSSパス基準: このファイルは build/delivery-purchase/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ============================================================ */

/* ============================================================
   共通: sum-lead / hl / 泣き別れ抑制（based-on: apple-machine extra.css:73-137）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .sum-lead{ font-size:14px; }
/* dp13: 明地 strong は golden §3 = color9(#224995) 一色（旧 color4 は非color9=harness I_craft）。inline強調のみ・block化した<b>カードタイトルは色4のまま（harness除外） */
.main.delivery-purchase.delivery-purchase .sum-lead strong{ color:var(--color9); font-weight:700; }
/* dp6 LIG-E: ショッキングピンク#F41782（ブランド外・白地3.97でAA未達）を規定コーラル系の濃色#C92F4F（白地AA確保）へ是正 */
.main.delivery-purchase.delivery-purchase .hl{ color:#E94F4F; font-weight:700; white-space:nowrap; }
.main.delivery-purchase.delivery-purchase [class*="part"] p,
.main.delivery-purchase.delivery-purchase .op-d, .main.delivery-purchase.delivery-purchase .sc-a,
.main.delivery-purchase.delivery-purchase .sim-d, .main.delivery-purchase.delivery-purchase .connection-note2,
.main.delivery-purchase.delivery-purchase .line-content{ overflow-wrap:break-word; word-break:break-word; }
/* dp13: text-wrap:balance/pretty・word-break:auto-phrase はテーマ0件＝禁止（変な改行の元・harness I_craft）→ word-break:break-word のみ。泣り別れ/語中割れは HTML の U+2060 で個別対応 */

/* ============================================================
   dp10 テーマiconクラス定義（style.css に未定義の分のみ）＋ navy円ユーティリティ
   ------------------------------------------------------------
   style.css L1206-1241 は iconsearch/coordinates/map/star/sending/shop/address/
   building/fire/twodot のみ background-image を定義。本ページが使う
   iconquestion / iconcheck / iconbox は style.css 未定義のため、テーマ同梱の
   実SVG（refer/.../img/icon/*.svg）を background-image でテーマ作法どおり紐付ける。
   ＝新規アイコンの発明ではなく「既存アセットをテーマのiconクラス機構で描画」。
   ============================================================ */
.main.delivery-purchase.delivery-purchase i.iconquestion{ background-image:url(../images/delivery-purchase/icon/iconquestion.svg); }
.main.delivery-purchase.delivery-purchase i.iconcheck{ background-image:url(../images/delivery-purchase/icon/iconcheck.svg); }
.main.delivery-purchase.delivery-purchase i.iconbox{ background-image:url(../images/delivery-purchase/icon/iconbox.svg); }
/* iconsending は style.css L1224 で定義済（白塗りSVG）＝.tw-ic 内で白く描画 */
/* navy円の中に白塗りアイコン（テーマ step-circle 作法・navyトークンのみ） */
.main.delivery-purchase.delivery-purchase .tw-ic{ flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--color9); display:flex; align-items:center; justify-content:center; }
.main.delivery-purchase.delivery-purchase .tw-ic i{ width:22px; height:22px; }

/* item-btn 中央寄せ（テーマ正規パターン .flow .flow-buying .buying-body .item-btn:5823 と同一作法）。
   テーマは .item-btn の中央寄せを flow スコープ限定で定義しているため、bespokeセクション
   (merit/compare/flow-board/pack/price/prepare/safety/form)の .item-btn では
   a.button.full(SP=width:90%/max-width:300px・PC=max-width:400px) が左寄せになる回帰を是正。
   buying-body の theme item-btn は specificity(0,4,0)>(0,3,0) で theme側が優先＝不変。 */
.main.delivery-purchase.delivery-purchase .item-btn{ display:flex; align-items:center; justify-content:center; margin-top:28px; }
/* dp7: ★全bespoke CTAの「ボタン前の余白」を 28px に統一。dp6はmerit/fee/faqのみ部分対応で
   compare/pack/price/prepare/safety/flow-board のボタンが上の文章/箱に密着(margin-top:0)＝不揃いだった。
   群境界(20-30)スケール準拠。theme buying-body item-btn(32px auto)は specificity優先で不変。 */

/* dp11: ★見出しを正準形 <h2 class="line-title"><span>…</span></h2> へ統一（全bespoke見出しにspan付与）。
   テーマCSS .line-title{ bg var(--color4)濃紺・白字 }（style.css:3434）＋ .line-title span{ border-left:2px #8DB0D0・
   padding-left:7px }（3440）が「濃紺バナー＋左罫」を正規に描画する。自作の padding-left/:before ハックは撤去。
   長文見出し（bespokeはテーマより長い）の折返しだけ補助する。 */
/* dp13: keep-all/anywhere は U+2060(word-joiner) を無視して泣り別れ制御が効かない＋golden外＝golden word-break:break-word へ。泣り別れは HTML の U+2060 で個別 */
.main.delivery-purchase.delivery-purchase h2.line-title{ line-height:1.3; word-break:break-word; }

/* line-btitle 上余白（テーマ語彙との余白整合） */
.main.delivery-purchase.delivery-purchase .narrow-content{ max-width:780px; }

/* ============================================================
   M-02 connection-note2（淡地上の白箱＋小字＋静かなnavy強調）
   dp10: 自作infoアイコン(.cn-i)撤去＝テーマ .connection-note は無装飾プレーンテキスト。
   左の42px（アイコン枠）予約を解除し中央寄せの小注記へ。
   ============================================================ */
/* dp13: 淡罫追加＝白節(closing)上の白箱が枠も影も無く埋もれる(harness B_buried)を de-bury。gold connection-note2 作法＝白地＋淡罫 var(--color7) */

/* ============================================================
   01 fv（🔶→.fv-todo 作り込み枠・reuse: apple-machine extra.css:139-165）
   濃紺グラデ＋白文字＋3経路CTA＋半透明navyチップ＋［要確認］枠
   ============================================================ */
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-eyebrow{ font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-headline{ font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-sub{ font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-cta{ display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 14px; }
/* 3経路CTA行（LINE緑/電話枠）= 2列。テキストCTAは最小限・主CTAはテーマ a.button ピル */
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-sub2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; max-width:400px; margin:0 auto 12px; }
.main.delivery-purchase.delivery-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.delivery-purchase.delivery-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; }
/* dp13: row-gap 6→10（折返し時のチップ縦間が6px＝独立箱密着 harness D_spacing。横は6維持でチップ雲の密度は保つ） */
.main.delivery-purchase.delivery-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.delivery-purchase.delivery-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; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-todo-note{ font-size: 11px; color: #9DB8E6; line-height: 1.6; border: 1px dashed rgba(157,184,230,.45); border-radius: 5px; padding: 10px 12px; margin: 4px 0 0; }
.main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-todo-note b{ color:#CFE0F4; }
@media (min-width: 751px){
  .main.delivery-purchase.delivery-purchase .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ============================================================
   ❌ プレースホルダ枠（section-todo・reuse: apple-machine extra.css:167-182）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .section-todo{ margin: 30px auto; }
.main.delivery-purchase.delivery-purchase .section-todo .thisinner{ border: 1px dashed #C8D4E4; border-radius: 5px; background: #FAFCFF; padding: 18px 16px; }
.main.delivery-purchase.delivery-purchase .section-todo .todo-note{ font-size: 11px; font-weight: 700; color: #5A7386; line-height: 1.6; margin: 0; }
.main.delivery-purchase.delivery-purchase .section-todo .todo-note small{ display: block; font-size: 11px; font-weight: 500; color: #7994AA; margin-top: 6px; line-height: 1.6; }

/* ［要確認］ピル（共通・apple-machine .todo と同イディオム） */
.main.delivery-purchase.delivery-purchase .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; }

/* ============================================================
   実写真プレースホルダ枠（捏造しない・apple-machine img に文脈一致なし）
   = テーマ board 語彙の淡地破線枠＋ラベル（写真確定後に差し替え）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .photo-todo{ display:flex; align-items:center; justify-content:center; text-align:center; background:#FAFCFF; border:1px dashed var(--color7); border-radius:5px; padding:22px 16px; margin:18px 0 0; font-size:11px; line-height:1.6; color:#5A7386; font-weight:500; }
.main.delivery-purchase.delivery-purchase .photo-todo span{ display:block; }
.main.delivery-purchase.delivery-purchase .photo-todo b{ color:var(--color4); display:block; margin-bottom:4px; font-size:12px; }

/* M-06(b) 囲み写真枠（apple-machine流用＝実写真がある場合のみ・prepare SIM文脈） */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.delivery-purchase.delivery-purchase .photo-band{ margin:18px 0 0; }
/* 2026-08-31 _shared 昇格: .main.delivery-purchase .photo-band:after { content; position; inset; background; pointer-events } は build/_shared/components.css（photo-band canon）へ移動＝ここでは複製しない */
/* 2026-08-31 _shared 昇格: .main.delivery-purchase .photo-band img { width; display } は build/_shared/components.css（photo-band canon）へ移動＝ここでは複製しない */

/* ============================================================
   1c eeat（❌-データ：数値未確定・確定情報中心の board）
   new+token: theme board 語彙へ翻訳（淡#EBF0F6＋navyヘッド）
   based-on: index.html:170 flow-board / todo: ❌ Googleクチコミ・運営年数は確定まで［要確認］
   ============================================================ */
.main.delivery-purchase.delivery-purchase .eeat{ background:var(--color10); margin:0; }
.main.delivery-purchase.delivery-purchase .eeat .thisinner{ padding-top:26px; padding-bottom:26px; }
.main.delivery-purchase.delivery-purchase .eeat .eeat-ttl{ text-align:center; font-size:17px; font-weight:bold; color:var(--color4); line-height:1.4; margin:0 0 18px; }
.main.delivery-purchase.delivery-purchase .eeat .eg{ display:flex; flex-direction:column; gap:12px; }
.main.delivery-purchase.delivery-purchase .eeat .ec{ background:#fff; border-radius:5px; padding:14px 16px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .eeat .eh{ font-size:13px; font-weight:700; color:var(--color9); line-height:1.5; margin-bottom:5px; }
.main.delivery-purchase.delivery-purchase .eeat .ed{ font-size:12px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .eeat .ed a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* ============================================================
   2 worry（不安提示→お約束1:1）
   reuse(CSS): apple-machine extra.css:418-475,652-657（worry-board吹き出し/promise-board/w-arrow）
   based-on: index.html:170 flow-board・index.html:1681 qa-item-head・connection-before吹き出し
   ============================================================ */
.main.delivery-purchase.delivery-purchase .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:24px; }
.main.delivery-purchase.delivery-purchase .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; }
.main.delivery-purchase.delivery-purchase .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.delivery-purchase.delivery-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.delivery-purchase.delivery-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.delivery-purchase.delivery-purchase .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.delivery-purchase.delivery-purchase .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
/* dp10: 自作.wic→テーマ i.iconquestion（自己完結＝色付き円＋白?内蔵・1.2em既定） */
.main.delivery-purchase.delivery-purchase .worry .worry-board .wi i.iconquestion{ flex:0 0 auto; width:30px; height:30px; }
.main.delivery-purchase.delivery-purchase .worry .worry-board .wi .wi-t{ min-width:0; }

.main.delivery-purchase.delivery-purchase .worry .w-arrow{ display:block; width:22px; height:15px; margin:18px auto 0; background:url(../images/delivery-purchase/icon/select.svg) center/contain no-repeat; }
/* dp10: promise-board の濃グラデ帯（テーマに無い独自見出し）を撤去し、テーマ board 語彙
   （淡青地 var(--color10)＋濃紺テキスト見出し）へ。padding過大も是正 */
.main.delivery-purchase.delivery-purchase .worry .promise-board{ position:relative; background:var(--color10); padding:18px 16px 16px; border-radius:5px; margin-top:16px; }
.main.delivery-purchase.delivery-purchase .worry .promise-board .board-head{ color:var(--color4); padding:0 0 14px; text-align:center; font-size:17px; font-weight:bold; margin:0; }
.main.delivery-purchase.delivery-purchase .worry .promise-list{ display:flex; flex-direction:column; gap:10px; }
/* dp10: 自作.pic（絶対配置42px円）→テーマ i.iconcheck（teal✓ stroke）を本文先頭にflexで添える */
.main.delivery-purchase.delivery-purchase .worry .pi{ background:#fff; border-radius:5px; padding:16px; display:flex; gap:11px; align-items:flex-start; }
.main.delivery-purchase.delivery-purchase .worry .pi i.iconcheck{ flex:0 0 auto; width:22px; height:22px; margin-top:3px; }
.main.delivery-purchase.delivery-purchase .worry .pi .px{ display:block; min-width:0; font-size:13px; color:#333; line-height:1.6; word-break:break-word; }
.main.delivery-purchase.delivery-purchase .worry .pi .px b{ display:block; font-size:15px; color:var(--color4); line-height:1.5; margin-bottom:4px; word-break:break-word; }
/* dp13: 本文を要素に分離（title/body未分離＝harness I_craft・.di .dt/.dd型）。<b>の後の裸テキストを .px-d でラップ（13px継承・inlineでも block-b の次行に落ちる） */
.main.delivery-purchase.delivery-purchase .worry .pi .px .px-d{ display:block; }
/* dp3: 長い文章の .hl（プロミス本文内）は折り返す。.hl 既定の white-space:nowrap がカードからはみ出す泣き別れを抑止 */
.main.delivery-purchase.delivery-purchase .worry .pi .px .hl{ white-space:normal; }
.main.delivery-purchase.delivery-purchase .worry .connection{ margin-top:45px; }
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; }
  .main.delivery-purchase.delivery-purchase .worry .promise-board .board-head{ font-size:16px; padding:0 0 12px; }
  .main.delivery-purchase.delivery-purchase .worry .worry-board .wi{ font-size:13px; }
  .main.delivery-purchase.delivery-purchase .worry .worry-board .wi i.iconquestion{ width:26px; height:26px; }
  .main.delivery-purchase.delivery-purchase .worry .pi{ padding:14px; }
}

/* ============================================================
   3 merit（🔶 deflist番号バッジ）
   new+token: theme reason-point 語彙＋番号バッジ deflist（--color9 / radius5）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .merit .mlist{ display:flex; flex-direction:column; gap:14px; margin-top:24px; }
.main.delivery-purchase.delivery-purchase .merit .mi{ background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; }
.main.delivery-purchase.delivery-purchase .merit .mi .mh{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); }
.main.delivery-purchase.delivery-purchase .merit .mi .mn{ flex:0 0 auto; width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-weight:800; font-size:15px; border-radius:5px; }
.main.delivery-purchase.delivery-purchase .merit .mi .mt{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.4; margin:0; }
.main.delivery-purchase.delivery-purchase .merit .mi .md{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .merit .mi .md a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase .merit .mi{ padding:16px 14px 14px; }
  .main.delivery-purchase.delivery-purchase .merit .mi .mt{ font-size:15px; }
}

/* ============================================================
   汎用比較/料金/利用制限テーブル（new+token: theme作法 table）
   th=濃紺地#14355D・白文字／td.ok=#224995強調／罫=#D7E0EC・radius5
   compare / fee / network の3表で共用
   ============================================================ */
.main.delivery-purchase.delivery-purchase .dtable{ width:100%; border-collapse:separate; border-spacing:0; border:1px solid #D7E0EC; border-radius:5px; overflow:hidden; font-size:13px; }
.main.delivery-purchase.delivery-purchase .dtable th,
.main.delivery-purchase.delivery-purchase .dtable td{ padding:10px 8px; text-align:center; line-height:1.5; border-bottom:1px solid #E4EAF2; border-right:1px solid #E4EAF2; }
.main.delivery-purchase.delivery-purchase .dtable th:last-child,
.main.delivery-purchase.delivery-purchase .dtable td:last-child{ border-right:none; }
.main.delivery-purchase.delivery-purchase .dtable tr:last-child td{ border-bottom:none; }
.main.delivery-purchase.delivery-purchase .dtable thead th{ background:var(--color4); color:#fff; font-weight:700; font-size:13px; } /* 2026-07-06 #31: 12.5→13 golden th≧td */
.main.delivery-purchase.delivery-purchase .dtable tbody th{ background:var(--color10); color:var(--color4); font-weight:700; text-align:left; white-space:nowrap; width:84px; font-size:13px; } /* #31: 行見出しも golden th13（継承13.65是正）*/
.main.delivery-purchase.delivery-purchase .dtable td{ color:#333; font-size:12px; } /* #31: SP td12 golden（PC[R]で14）*/
.main.delivery-purchase.delivery-purchase .dtable td.ok{ color:var(--color9); font-weight:700; }
.main.delivery-purchase.delivery-purchase .dtable td.now{ background:#EBF3FF; color:var(--color9); font-weight:700; }
.main.delivery-purchase.delivery-purchase .dtable td.ng{ color:#5A7386; }
.main.delivery-purchase.delivery-purchase .dtable .st{ font-size:16px; font-weight:800; }
.main.delivery-purchase.delivery-purchase .dtable .st.o{ color:var(--color9); }
.main.delivery-purchase.delivery-purchase .dtable .st.t{ color:#5A7386; }
.main.delivery-purchase.delivery-purchase .dtable .st.x{ color:#D01F00; }
/* 2026-09-10 分類A 4段階化: 「ー」用。新しい色は作らず .st.t と同じ中間色（#5A7386）。記号↔色クラスの族に追記が要る（fc の judgment-mark-class-check）。 */
.main.delivery-purchase.delivery-purchase .dtable .st.n{ color:#5A7386; }
.main.delivery-purchase.delivery-purchase .table-note{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .table-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* compare後段の3分岐 deflist（→郵送/店頭/法人） */
.main.delivery-purchase.delivery-purchase .branch-list{ display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.main.delivery-purchase.delivery-purchase .branch-list .bi{ background:var(--color10); border-radius:5px; padding:14px 16px; }
.main.delivery-purchase.delivery-purchase .branch-list .bt{ font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; margin-bottom:6px; }
.main.delivery-purchase.delivery-purchase .branch-list .bt em{ font-style:normal; color:var(--color9); font-weight:800; }
.main.delivery-purchase.delivery-purchase .branch-list .bd{ font-size:13px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .branch-list .bd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .compare .body-text{ font-size:13px; line-height:1.6; color:#333; margin-top:10px; }
.main.delivery-purchase.delivery-purchase .compare .body-text a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* dp12: bespoke .cta-band（.cb-t/.cb-lists/.cb-item＝テーマに無い自作帯）を撤去。
   中間CTA帯3箇所は theme connection.partbg（正本§2.5・自作CSS不要＝テーマstyle.cssが描画）へ置換済。 */

/* ============================================================
   6 pack（梱包・発送）= apple-machine cheat 縦タイムライン クローン
   reuse(CSS): apple-machine extra.css:352-416（cheat-steps/ft/ft-circle/ft-card/ft-ico/cheat-note）
   based-on: index.html:255 purchase-step・index.html:1237 flow-board
   ============================================================ */
.main.delivery-purchase.delivery-purchase .pack .pack-steps{ background:var(--color10); border-radius:5px; padding:30px 16px 28px; margin-top:24px; }
.main.delivery-purchase.delivery-purchase .pack .steps-ttl{ font-size:20px; font-weight:bold; text-align:center; color:var(--color4); position:relative; z-index:2; line-height:1.4; margin-bottom:30px; }
.main.delivery-purchase.delivery-purchase .pack .steps-ttl span{ display:inline-block; padding:0 4px; border-bottom:5px solid var(--color9); }
.main.delivery-purchase.delivery-purchase .pack .steps-ttl em{ font-style:normal; font-size:1.7em; color:var(--color9); margin:0 2px; }
/* dp16-flowstep: #pack の step-process（ft/ft-circle/ft-card/fh/fd）を #flow の4STEPへ流用＝CSS単一実体を .flow .flow-steps へ selector拡張（プロパティを複製せず共有・CLAUDE.md CSS共通化）。gray container地(.pack-steps)は #flow では theme board(gray)が兼ねるため flow側に付けない。 */
.main.delivery-purchase.delivery-purchase .pack .ft,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft{ position:relative; display:flex; gap:14px; align-items:flex-start; }
.main.delivery-purchase.delivery-purchase .pack .ft:not(:last-child),
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft:not(:last-child){ padding-bottom:26px; }
.main.delivery-purchase.delivery-purchase .pack .ft:not(:last-child):before,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft:not(:last-child):before{ content:""; position:absolute; left:28px; top:56px; bottom:-2px; width:2px; transform:translateX(-50%); background:var(--color7); }
.main.delivery-purchase.delivery-purchase .pack .ft-circle,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-circle{ position:relative; z-index:2; flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:var(--color9); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 6px rgba(18,77,137,.3); }
.main.delivery-purchase.delivery-purchase .pack .ft-circle .fc-l,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-circle .fc-l{ display:block; width:auto; font-size:9px; font-weight:700; letter-spacing:.1em; opacity:.85; line-height:1; }
.main.delivery-purchase.delivery-purchase .pack .ft-circle .fc-n,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-circle .fc-n{ display:block; font-size:24px; font-weight:800; line-height:1; margin-top:3px; }
.main.delivery-purchase.delivery-purchase .pack .ft-card,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-card{ position:relative; flex:1; min-width:0; background:#fff; border-radius:5px; padding:14px 15px 13px; box-shadow:0 0 5px rgba(18,77,137,.2); }
/* dp10: .ft-ico（自作コーナーアイコン）撤去に伴い padding-right の空け予約を解除 */
.main.delivery-purchase.delivery-purchase .pack .fh,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .fh{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.5; margin:0; }
.main.delivery-purchase.delivery-purchase .pack .fd,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .fd{ font-size:13px; line-height:1.6; color:#333; margin-top:7px; }
.main.delivery-purchase.delivery-purchase .pack .fd a,
.main.delivery-purchase.delivery-purchase .flow .flow-steps .fd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* flow STEP本文中の inline strong（やること／必要なもの ラベル）= golden §3 明地強調は #224995 一色（下線なし・harness I_craft emphBad対象） */
.main.delivery-purchase.delivery-purchase .flow .flow-steps .fd strong{ color:var(--color9); font-weight:700; }
/* flow-steps: theme board(gray color10)内に直接 .ft を積む。board padding-top(SP60・head absolute)直下から。最終STEP→board-point の群境界=24（page内 flow-board margin-top:24 と同） */
.main.delivery-purchase.delivery-purchase .flow .flow-steps{ margin:0 auto 24px; }
/* 発送方法2枚 card（テーマ card 語彙）。見出しアイコンは navy円 .tw-ic（白塗りicon） */
.main.delivery-purchase.delivery-purchase .pack .ship-g2{ display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.main.delivery-purchase.delivery-purchase .pack .ship-card{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .pack .ship-card .sc-h{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.4; margin-bottom:8px; }
.main.delivery-purchase.delivery-purchase .pack .ship-card p{ font-size:13px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .pack .h3-band{ font-weight:700; color:var(--color4); font-size:17px; line-height:1.4; margin:24px 0 8px; padding-bottom:8px; border-bottom:3px solid #6ACBFF; }
.main.delivery-purchase.delivery-purchase .pack .lead, .main.delivery-purchase.delivery-purchase .pack .body-text{ font-size:13px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .pack .lead a, .main.delivery-purchase.delivery-purchase .pack .body-text a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* 同封物 flow-board（テーマ board-point 語彙） */
.main.delivery-purchase.delivery-purchase .pack .doc-board{ background:var(--color10); border-radius:5px; padding:16px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .pack .doc-board .db-h{ font-size:14px; font-weight:700; color:var(--color9); margin-bottom:8px; }
/* dp13: row-gap 6→10（折返し時チップ縦間<8＝独立箱密着 harness D_spacing・全chip cluster横展開） */
.main.delivery-purchase.delivery-purchase .pack .doc-board ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px 6px; }
.main.delivery-purchase.delivery-purchase .pack .doc-board li{ background:#fff; border:1px solid #D7E0EC; border-radius:999px; padding:5px 12px; font-size:12px; color:var(--color4); font-weight:500; }
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase .pack .pack-steps{ padding:26px 12px 24px; }
  .main.delivery-purchase.delivery-purchase .pack .steps-ttl{ font-size:17px; margin-bottom:24px; }
  .main.delivery-purchase.delivery-purchase .pack .ft,
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .ft{ gap:12px; }
  .main.delivery-purchase.delivery-purchase .pack .ft:not(:last-child),
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .ft:not(:last-child){ padding-bottom:22px; }
  .main.delivery-purchase.delivery-purchase .pack .ft:not(:last-child):before,
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .ft:not(:last-child):before{ left:26px; top:52px; }
  .main.delivery-purchase.delivery-purchase .pack .ft-circle,
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-circle{ flex-basis:52px; width:52px; height:52px; }
  .main.delivery-purchase.delivery-purchase .pack .ft-circle .fc-n,
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .ft-circle .fc-n{ font-size:22px; }
  .main.delivery-purchase.delivery-purchase .pack .fh,
  .main.delivery-purchase.delivery-purchase .flow .flow-steps .fh{ font-size:14px; }
}

/* ============================================================
   7 fee（料金表）= dtable（共通）＋ deflist（apple-machine why-point語彙の簡素版）
   new+token: theme作法table / 結論一行 sum-lead
   ============================================================ */
.main.delivery-purchase.delivery-purchase .fee .fee-deflist{ display:flex; flex-direction:column; gap:12px; margin-top:14px; }
.main.delivery-purchase.delivery-purchase .fee .fee-deflist .fi{ background:var(--color10); border-radius:5px; padding:14px 16px; }
.main.delivery-purchase.delivery-purchase .fee .fee-deflist .ft2{ font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; margin-bottom:6px; }
.main.delivery-purchase.delivery-purchase .fee .fee-deflist .fd2{ font-size:13px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .fee .fee-close{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; }

/* ============================================================
   8 items（🔶 対応品目 deflist＋まとめ売りchip）
   new+token: theme deflist / chip（border #D7E0EC・薄地・radiusピル）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .items .items-deflist{ display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .ii{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:14px 16px; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .it{ font-size:14px; font-weight:700; color:var(--color9); line-height:1.5; margin-bottom:6px; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .id{ font-size:13px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .id a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .items .h3-band,
.main.delivery-purchase.delivery-purchase .items .h4-band{ font-weight:700; color:var(--color4); line-height:1.4; }
.main.delivery-purchase.delivery-purchase .items .h3-band{ font-size:17px; margin:24px 0 8px; padding-bottom:8px; border-bottom:3px solid #6ACBFF; }
.main.delivery-purchase.delivery-purchase .items .h4-band{ font-size:15px; margin:20px 0 8px; }
.main.delivery-purchase.delivery-purchase .items .send-chips{ display:flex; flex-wrap:wrap; gap:10px 6px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .items .send-chips span{ background:#F4F8FD; border:1px solid #D7E0EC; border-radius:999px; padding:6px 13px; font-size:12px; color:var(--color4); font-weight:500; }
.main.delivery-purchase.delivery-purchase .items .micro{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:10px; }
.main.delivery-purchase.delivery-purchase .items .micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .items .lead{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .items .lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* ============================================================
   9 price（✅ theme find＋ranking＋調べ方 deflist）
   ✅部分はテーマ部品流用。下の deflist/価格カードのみ new+token
   ============================================================ */
.main.delivery-purchase.delivery-purchase .price .price-deflist{ display:flex; flex-direction:column; gap:12px; margin:8px 0 14px; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdi{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:14px 16px; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt{ display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; margin-bottom:6px; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .pn{ flex:0 0 auto; min-width:24px; height:24px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-size:13px; font-weight:bold; border-radius:5px; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .pp{ margin-left:auto; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdd{ font-size:13px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .price .h3-band{ font-weight:700; color:var(--color4); font-size:17px; line-height:1.4; margin:24px 0 8px; padding-bottom:8px; border-bottom:3px solid #6ACBFF; }
.main.delivery-purchase.delivery-purchase .price .body-text, .main.delivery-purchase.delivery-purchase .price .lead{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .price .body-text a, .main.delivery-purchase.delivery-purchase .price .lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .price .micro{ font-size:11px; color:#5A7386; line-height:1.6; }
/* dp7: find検索ボックス直下の .micro が密着(gapAbove:0)→下に12px空けて文章前の余白を確保 */
.main.delivery-purchase.delivery-purchase .price .find{ margin:18px 0 12px; }
.main.delivery-purchase.delivery-purchase .price .ranking{ margin:0; }

/* ============================================================
   10 prepare（損しない準備）= apple-machine why の deflist/board クローン
   reuse(CSS): apple-machine extra.css:483-517（why-points/order-board）→番号 deflist へ適応
   based-on: index.html:1272 reason point・index.html:170 flow-board
   ============================================================ */
.main.delivery-purchase.delivery-purchase .prepare .prep-list{ display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .prepare .photo-band + .prep-list{ margin-top:24px; } /* 2026-07-06 図版直下gap 8→24（ledger#29・写真直下標準） */
.main.delivery-purchase.delivery-purchase .prepare .pp{ background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; }
.main.delivery-purchase.delivery-purchase .prepare .pp .pp-head{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); }
.main.delivery-purchase.delivery-purchase .prepare .pp .pp-num{ flex:0 0 auto; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-weight:bold; border-radius:50%; font-size:14px; }
.main.delivery-purchase.delivery-purchase .prepare .pp .pp-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.4; margin:0; }
.main.delivery-purchase.delivery-purchase .prepare .pp .pp-d{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .prepare .pp .pp-d a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .prepare .lead{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .prepare .lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase .prepare .pp{ padding:16px 14px 14px; }
}

/* ============================================================
   11 network（✅条件付：IMEI deflist＋キャリアchip＋○△×表）
   IMEI deflist/chip は new+token、○△×表は dtable（共通）
   ============================================================ */
.main.delivery-purchase.delivery-purchase .network .net-card{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px; margin-top:14px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .network .net-card .nc-h{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.4; margin:0 0 6px; }
.main.delivery-purchase.delivery-purchase .network .net-card .body-text{ font-size:13px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .network .imei-deflist{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .network .imei-deflist .ni{ display:flex; gap:11px; align-items:flex-start; }
.main.delivery-purchase.delivery-purchase .network .imei-deflist .nn{ flex:0 0 auto; min-width:auto; padding:4px 10px; height:fit-content; background:var(--color9); color:#fff; font-size:11px; font-weight:bold; border-radius:4px; white-space:nowrap; margin-top:1px; }
.main.delivery-purchase.delivery-purchase .network .imei-deflist .nd{ font-size:13px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .network .carrier-chips{ display:flex; flex-wrap:wrap; gap:10px 6px; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .network .carrier-chips span{ background:#F4F8FD; border:1px solid #D7E0EC; border-radius:999px; padding:6px 14px; font-size:12px; color:var(--color4); font-weight:600; }
.main.delivery-purchase.delivery-purchase .network .micro{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .network .lead{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .network .lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* ============================================================
   12 safety（データ消去・個人情報）= apple-machine safety クローン
   reuse(CSS): apple-machine extra.css:119-126,604-645（concept-fig/erase-board/safety-points）
   based-on: index.html:170 flow-board・index.html:1272 reason point・index.html:1625 connection
   todo: ❌ 配送補償上限・消去証明書有無・消去方法は確定まで［要確認］
   ============================================================ */
.main.delivery-purchase.delivery-purchase .safety .lead, .main.delivery-purchase.delivery-purchase .safety .body-text{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .safety .lead a, .main.delivery-purchase.delivery-purchase .safety .body-text a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.delivery-purchase.delivery-purchase .safety .h3-band{ font-weight:700; color:var(--color4); font-size:17px; line-height:1.4; margin:24px 0 8px; padding-bottom:8px; border-bottom:3px solid #6ACBFF; }
/* dp10: 自作concept-fig（二重消去図 viewBox320）撤去＝CSSも削除。erase-board のみで表現 */
/* 配送中の安心 g2 card（テーマ card 語彙）。見出しアイコン=navy円 .tw-ic / iconquestion 直置き */
.main.delivery-purchase.delivery-purchase .safety .track-g2{ display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .safety .track-card{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .safety .track-card .tc-h{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.4; margin-bottom:8px; }
.main.delivery-purchase.delivery-purchase .safety .track-card .tc-h i.iconquestion.tc-q{ flex:0 0 auto; width:30px; height:30px; }
.main.delivery-purchase.delivery-purchase .safety .track-card p{ font-size:13px; line-height:1.6; color:#333; }
/* 二重消去 erase-board（apple-machine verbatim値） */
.main.delivery-purchase.delivery-purchase .safety .erase-board{ background:var(--color10); border-radius:5px; padding:34px 18px 22px; margin-top:14px; }
.main.delivery-purchase.delivery-purchase .safety .erase-board .e1{ position:relative; background:#fff; border-radius:5px; padding:26px 18px 16px; }
.main.delivery-purchase.delivery-purchase .safety .erase-board .e1 .en{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:var(--color9); 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.delivery-purchase.delivery-purchase .safety .erase-board .e1 .et{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.4; text-align:center; }
.main.delivery-purchase.delivery-purchase .safety .erase-board .e1 .ed{ font-size:13px; line-height:1.6; color:#333; margin-top:9px; }
.main.delivery-purchase.delivery-purchase .safety .erase-board .e1 .ed strong{ color:var(--color9); }
.main.delivery-purchase.delivery-purchase .safety .erase-board .e1.company{ box-shadow:0 0 6px rgba(18,77,137,.22); }
/* dp10: 2回目バッジのドラマチック navy→teal グラデを撤去。テーマ語彙の navy単色（.en と同色）に統一 */
.main.delivery-purchase.delivery-purchase .safety .erase-board .e-arrow{ display:block; width:22px; height:15px; margin:14px auto; background:url(../images/delivery-purchase/icon/select.svg) center/contain no-repeat; }
/* 安心point3 sp-card（apple-machine verbatim値） */
.main.delivery-purchase.delivery-purchase .safety .safety-points{ display:flex; flex-direction:column; gap:14px; margin-top:14px; }
.main.delivery-purchase.delivery-purchase .safety .sp-card{ background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; }
.main.delivery-purchase.delivery-purchase .safety .sp-card .sp-head{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); }
.main.delivery-purchase.delivery-purchase .safety .sp-card .sp-num{ white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:4px 9px; font-size:13px; line-height:1.2; flex-shrink:0; }
.main.delivery-purchase.delivery-purchase .safety .sp-card .sp-t{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.4; margin:0; word-break:break-word; }
.main.delivery-purchase.delivery-purchase .safety .sp-card .sp-d{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .safety .sp-card .sp-d strong{ color:var(--color9); }
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase .safety .erase-board{ padding:30px 12px 18px; }
  .main.delivery-purchase.delivery-purchase .safety .erase-board .e1{ padding:24px 14px 14px; }
  .main.delivery-purchase.delivery-purchase .safety .erase-board .e1 .et{ font-size:15px; }
  .main.delivery-purchase.delivery-purchase .safety .sp-card{ padding:16px 14px 14px; }
  .main.delivery-purchase.delivery-purchase .safety .sp-card .sp-t{ font-size:15px; }
}

/* ============================================================
   16 form（申込フォーム）= apple-machine ch-nudge(connection partbg)＋theme deflist
   based-on: index.html:1625 connection（linktouch/ピル）。フォーム実フィールドは先方確定前提
   ============================================================ */
.main.delivery-purchase.delivery-purchase .form .channel-g3{ display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.main.delivery-purchase.delivery-purchase .form .channel-card{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:14px 16px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .form .channel-card .ch-h{ font-size:14px; font-weight:700; color:var(--color9); margin-bottom:5px; }
.main.delivery-purchase.delivery-purchase .form .channel-card p{ font-size:12px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .form .channel-card p a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* form micro/cn-note 内の電話リンク色（fill: tel:0120916570） */
.main.delivery-purchase.delivery-purchase .form .form-card .micro a,
.main.delivery-purchase.delivery-purchase .form > .thisinner > .micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* ch-nudge（電話/LINE 2ボタン＝a.button ピル・テキストCTA自作はしない） */
.main.delivery-purchase.delivery-purchase .form .ch-nudge{ background:var(--color10); border-radius:5px; padding:18px 16px; margin-top:16px; text-align:center; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-t{ font-size:14px; font-weight:700; color:var(--color4); margin-bottom:10px; line-height:1.5; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-b{ display:flex; flex-direction:column; gap:8px; max-width:360px; margin:0 auto; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-b a{ display:block; padding:13px; border-radius:999px; font-size:14px; font-weight:bold; text-decoration:none; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-tel{ background:var(--color9); color:#fff; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-line{ background:#06C755; color:#fff; }
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-note{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:10px; }
/* フォーム項目 deflist（番号バッジ＋入力欄仕様 micro） */
.main.delivery-purchase.delivery-purchase .form .form-card{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:18px 16px; margin-top:16px; box-shadow:0 0 5px rgba(18,77,137,.12); }
.main.delivery-purchase.delivery-purchase .form .form-card .fc-h{ font-weight:700; color:var(--color4); font-size:17px; line-height:1.4; margin:0 0 6px; padding-bottom:8px; border-bottom:3px solid #6ACBFF; }
.main.delivery-purchase.delivery-purchase .form .form-card .body-text{ font-size:13px; line-height:1.6; color:#333; margin-bottom:12px; }
.main.delivery-purchase.delivery-purchase .form .form-deflist{ display:flex; flex-direction:column; gap:12px; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .fi{ background:var(--color10); border-radius:5px; padding:14px 16px; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .ft3{ display:flex; align-items:center; gap:9px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; margin-bottom:6px; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .ft3 .fn{ flex:0 0 auto; width:24px; height:24px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-size:13px; font-weight:bold; border-radius:5px; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .req{ font-size:10px; color:#D01F00; border:1px solid #D01F00; border-radius:3px; padding:1px 5px; font-weight:700; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .opt{ font-size:10px; color:#5A7386; border:1px solid var(--color7); border-radius:3px; padding:1px 5px; font-weight:700; }
.main.delivery-purchase.delivery-purchase .form .form-deflist .fd3{ font-size:13px; color:#333; line-height:1.6; }
/* new+token: Contact Form 7 埋め込み枠（2026-09-11・方式C）。
   入力UIは CF7 が出力するので、ページ側は CF7 の出力クラスへトークン値を当てるだけ。
   旧 .fctrl / .form-agree（送信先の無いダミーUI）は撤去した。 */
.main.delivery-purchase.delivery-purchase .form .cf7-slot{ margin-top:14px; }
/* 2026-09-12: .cf7-slot-note を削除（Astra 判定 A）。対応要素は 0 個で、index.html:1582 のコメントに残っているのは制作メモの文だけ＝p タグは保持していないため、戻す先が無い。CF7 用の .wpcf7-* は移植時に注入されるので削除しない。 */
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-form p{ margin:0 0 12px; font-size:13px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-form-control-wrap{ display:block; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-form-control{ display:block; width:100%; margin-top:8px; padding:10px 12px; font-size:14px; line-height:1.5; color:#333; background:#fff; border:1px solid var(--color7); border-radius:5px; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-form-control::placeholder{ color:#8A9AAD; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-form-control:focus{ outline:none; border-color:var(--color9); box-shadow:0 0 0 2px rgba(34,73,149,.18); }
.main.delivery-purchase.delivery-purchase .form .cf7-slot textarea.wpcf7-form-control{ resize:vertical; min-height:64px; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot select.wpcf7-form-control{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23224995' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:11px; padding-right:32px; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot input[type="date"].wpcf7-form-control{ max-width:200px; }
/* 同意チェック（CF7 acceptance）＝旧 .form-agree と同じ見え方 */
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-acceptance .wpcf7-list-item{ display:flex; gap:9px; align-items:flex-start; margin:0; font-size:12px; color:#333; line-height:1.6; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-acceptance .wpcf7-form-control{ display:inline-block; width:auto; margin:3px 0 0; padding:0; flex-shrink:0; border:0; -webkit-appearance:auto; appearance:auto; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-acceptance a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* 送信ボタン＝テーマの a.button ピルと同じ形 */
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-submit{ width:100%; margin-top:4px; padding:14px; border:0; border-radius:999px; background:var(--color9); color:#fff; font-size:14px; font-weight:bold; line-height:1.5; cursor:pointer; }
/* 検証エラー・送信結果 */
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-not-valid-tip{ display:block; margin-top:5px; font-size:11px; line-height:1.6; color:#D01F00; }
.main.delivery-purchase.delivery-purchase .form .cf7-slot .wpcf7-response-output{ margin:12px 0 0; padding:10px 12px; border:1px solid var(--color7); border-radius:5px; font-size:12px; line-height:1.6; color:#333; background:var(--color10); }
.main.delivery-purchase.delivery-purchase .form .form-card .micro{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:10px; }
.main.delivery-purchase.delivery-purchase .form > .thisinner > .micro{ font-size:11px; color:#5A7386; line-height:1.6; margin-top:12px; }
.main.delivery-purchase.delivery-purchase .form .lead{ font-size:13px; line-height:1.8; color:#333; }
.main.delivery-purchase.delivery-purchase .form .lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* removed 2026-09-11: .form-todo-note（未実装フォームの仮表示）は HTML 使用数0＝CF7 埋め込みで役目終了 */

/* ============================================================
   PC（≥751px）マルチカラム（reuse方針: apple-machine extra.css:698-763）
   並列セットは2-3カラム、フローは読み順維持でセンタリング
   ============================================================ */
@media (min-width: 751px){
  .main.delivery-purchase.delivery-purchase .worry > .thisinner,
  .main.delivery-purchase.delivery-purchase .merit > .thisinner,
  .main.delivery-purchase.delivery-purchase .compare > .thisinner,
  .main.delivery-purchase.delivery-purchase .pack > .thisinner,
  .main.delivery-purchase.delivery-purchase .fee > .thisinner,
  .main.delivery-purchase.delivery-purchase .items > .thisinner,
  .main.delivery-purchase.delivery-purchase .prepare > .thisinner,
  .main.delivery-purchase.delivery-purchase .network > .thisinner,
  .main.delivery-purchase.delivery-purchase .safety > .thisinner,
  .main.delivery-purchase.delivery-purchase .form > .thisinner{ max-width:1000px; }

  .main.delivery-purchase.delivery-purchase .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.delivery-purchase.delivery-purchase .worry .worry-board .wi{ width:auto; }
  .main.delivery-purchase.delivery-purchase .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.delivery-purchase.delivery-purchase .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .main.delivery-purchase.delivery-purchase .merit .mlist{ flex-direction:row; gap:18px; }
  .main.delivery-purchase.delivery-purchase .merit .mi{ flex:1; min-width:0; }
  .main.delivery-purchase.delivery-purchase .pack .pack-steps{ max-width:760px; margin-left:auto; margin-right:auto; }
  .main.delivery-purchase.delivery-purchase .pack .ship-g2{ flex-direction:row; }
  .main.delivery-purchase.delivery-purchase .pack .ship-card{ flex:1; min-width:0; }
  .main.delivery-purchase.delivery-purchase .safety .track-g2{ flex-direction:row; }
  .main.delivery-purchase.delivery-purchase .safety .track-card{ flex:1; min-width:0; }
  .main.delivery-purchase.delivery-purchase .safety .erase-board{ display:flex; align-items:stretch; gap:0; padding:38px 24px 26px; }
  .main.delivery-purchase.delivery-purchase .safety .erase-board .e1{ flex:1; min-width:0; }
  .main.delivery-purchase.delivery-purchase .safety .erase-board .e-arrow{ flex:0 0 34px; margin:0 12px; align-self:center; transform:rotate(-90deg); }
  .main.delivery-purchase.delivery-purchase .safety .safety-points{ flex-direction:row; gap:16px; }
  .main.delivery-purchase.delivery-purchase .safety .safety-points .sp-card{ flex:1; min-width:0; }
  .main.delivery-purchase.delivery-purchase .prepare .prep-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .main.delivery-purchase.delivery-purchase .form .channel-g3{ flex-direction:row; }
  .main.delivery-purchase.delivery-purchase .form .channel-card{ flex:1; min-width:0; }
}

/* ============================================================
   ★ LIG dp6 修正（375px実測監査に基づく余白/整列/反復/コントラスト是正）
   apple-machine 水準への引き上げ。離散スケール（節間40-60/群20-30/近接8-12）へスナップ。
   ============================================================ */

/* --- E. 小サイズ淡色テキストのコントラスト是正（AA確保・淡青リンク廃止） --- */
/* 淡地#EBF0F6上の小字サブ色 #5A7386(4.33)→#4A5A68 へ（cn-note/opt/micro等の余裕5:1目標） */
.main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-note,
.main.delivery-purchase.delivery-purchase .form .form-deflist .opt{ color:#333; }
/* section-todo small の淡青#7994AA(3未満)を是正 */
.main.delivery-purchase.delivery-purchase .section-todo .todo-note small{ color:#51606F; }
/* connection 受付時間 span（テーマ淡色）を淡地上でAA確保 */
.main.delivery-purchase.delivery-purchase .connection .connection-item span,
.main.delivery-purchase.delivery-purchase .cta-band .cb-item span{ color:#333; }
/* dp13: 買取責任者 氏名英字 span（テーマ .head-info-name span=#7994AA/color11・淡地color10上2.76＝F_contrast）→#3C5168 でAA(7.07:1)。
   旧 .reasons .head-info-name span(0,4,1) は theme(.reason .reason-introduction .intro-head .head-info .head-info-name span=0,6,1)に負けて未適用だった＝(0,7,1)でtheme超え */
.main.delivery-purchase.delivery-purchase .reason .reason-introduction .intro-head .head-info .head-info-name span{ color:var(--color3); }

/* --- A. 節間（30→48・スケール下限割れ是正）／body右5px死帯撤廃 --- */
/* 半端な max-width:375.2px を撤廃。モバイル基準は端まで描画（右の5px欠けを解消） */
.main.delivery-purchase.delivery-purchase{ box-sizing:border-box; }
@media (max-width: 750px){
  body:where(:has(.main.delivery-purchase)){ max-width:100% !important; }/* 2026-09-03 台帳#132: 1テーマに束ねたとき全ページへ漏れるのを防ぐ。:where(:has()) は特異度0寄与＝勝ち負けは変わらない */
}
/* 全 .part 間を節間48へ（テーマ margin:30px 0 の collapse 30 を底上げ）。bespoke節は上下marginを足す */
.main.delivery-purchase.delivery-purchase .part{ margin-top:48px; margin-bottom:48px; }
/* 淡地ブロック(eeat/cta-band)境界は区切り強調＝節間を詰めすぎない */
.main.delivery-purchase.delivery-purchase .eeat,
.main.delivery-purchase.delivery-purchase .cta-band{ margin-top:0; margin-bottom:0; }

/* dp9: ★dp6の「C」見出し整列ハックを撤去。.line-title はテーマで background:var(--color4) #14355D の
   濃紺バナー（プレーンテキストではない）。padding-left:0 + :before left:-11px は白文字をバナー左端に密着させ
   左罫をバナー外へ追い出して見出しを破壊していた。上の L44-48 の正規ルール（バナー内 padding-left:21px・
   左罫 :before left:12px）に戻し、テーマ .line-title span（border-left 2px #8DB0D0・padding-left:7px）と等価にする。 */

/* --- B. セクション内 rhythm を離散スケールへスナップ --- */
/* dp7: 基底ルールで全CTA28pxに統一済。merit個別値も24→28へ揃える（重複だが明示保持） */
.main.delivery-purchase.delivery-purchase .merit .item-btn{ margin-top:28px; }
/* fee: dtable→deflist(14)/deflist→close(12) の中間値を群境界20へ統一 */
.main.delivery-purchase.delivery-purchase .fee .fee-deflist{ margin-top:20px; }
.main.delivery-purchase.delivery-purchase .fee .fee-close{ margin-top:20px; }
/* faq: 負マージンハック撤去・見出し直後gap0→近接8・list→btn 18→20 */
.main.delivery-purchase.delivery-purchase .faq .faq-menu{ margin-bottom:0; }
.main.delivery-purchase.delivery-purchase .faq .h4-band{ margin-bottom:8px; }
.main.delivery-purchase.delivery-purchase .faq .faq-btn,
.main.delivery-purchase.delivery-purchase .faq .item-btn{ margin-top:28px; }
/* dp8: 浜野メッセージ(reason-introduction .intro-content)の段落が密着(gap0=壁テキスト)で読みづらい。
   テーマに .intro-content p の余白指定がなくグローバルなp余白リセットで0になる。金型apple-machineは
   このブロック自体を不使用＝テーマ既定の密着を踏襲する理由がないため、可読性優先で段落間に0.9em。 */
.main.delivery-purchase.delivery-purchase .reason-introduction .intro-content p{ margin-bottom:0.9em; }
.main.delivery-purchase.delivery-purchase .reason-introduction .intro-content p:last-child{ margin-bottom:0; }

/* --- D. 反復不統一（角丸・影）を1言語へ統一 --- */
/* 影：ハードオフセット影/拡散10px のばらつきを基準ソフト拡散へ寄せる（光源一致） */
.main.delivery-purchase.delivery-purchase .eeat .ec,
.main.delivery-purchase.delivery-purchase .worry .worry-board .wi,
.main.delivery-purchase.delivery-purchase .merit .mi,
.main.delivery-purchase.delivery-purchase .prepare .pp,
.main.delivery-purchase.delivery-purchase .safety .sp-card,
.main.delivery-purchase.delivery-purchase .pack .ft-card,
.main.delivery-purchase.delivery-purchase .pack .ship-card,
.main.delivery-purchase.delivery-purchase .safety .track-card,
.main.delivery-purchase.delivery-purchase .network .net-card,
.main.delivery-purchase.delivery-purchase .form .channel-card,
.main.delivery-purchase.delivery-purchase .form .form-card{ box-shadow:0 1px 4px rgba(18,77,137,.16); }
/* 角丸：3px/15px/30px の混在を基準5pxへ寄せる（チップ等のピル999pxは保持） */
.main.delivery-purchase.delivery-purchase .todo,
.main.delivery-purchase.delivery-purchase .form .form-deflist .req,
.main.delivery-purchase.delivery-purchase .form .form-deflist .opt,
.main.delivery-purchase.delivery-purchase .network .imei-deflist .nn,
.main.delivery-purchase.delivery-purchase .form .form-deflist .ft3 .fn{ border-radius:5px; }

/* --- F. 本文ガター 15→16（近接スケールへ寄せ・段階統一） --- */
@media (max-width: 750px){
  .main.delivery-purchase.delivery-purchase > .thisinner,
  .main.delivery-purchase.delivery-purchase .part > .thisinner{ padding-left:16px; padding-right:16px; }
}
/* PC可読幅キャップ：1280pxで本文が全幅に伸び切る→中央寄せ＋読みやすい幅頭打ち */
@media (min-width: 751px){
  .main.delivery-purchase.delivery-purchase{ max-width:1100px; margin-left:auto; margin-right:auto; }
}
.main.delivery-purchase.delivery-purchase .nowrap{ white-space:nowrap; }/* cloned系 base .nowrap util 欠落補填（class=nowrap span が inert だった） */

/* 2026-06-29 CTA帯flush(harness D_spacing「CTA帯末尾の節」検出・user指摘「CTAセクション区切り線/節上下余白の不備が毎回多い」): 節末尾 full-bleed connection.partbg の親節は下余白(padding/margin)を相殺してflush＝帯padding30+次節padding30=60px breathing(金型airpods steps型)。相殺しないと節のmargin/padding30(48)が帯下に二重で乗り90px+の過剰余白。 */
.main.delivery-purchase.delivery-purchase section.part:has(> .connection.partbg:last-child){ padding-bottom:0 !important; margin-bottom:0 !important; }

/* 2026-06-30 節内CTA帯の上余白(台帳#5・user指摘「本文の下に余白なく区切り線とくっつく」): .thisinner末尾の本文に full-bleed CTA帯が密着＝breathing無し。金型airpods同様 content→帯30px。 */
.main.delivery-purchase.delivery-purchase .thisinner + .connection.partbg{ margin-top:30px !important; }

/* ============================================================
   ★ dp13-retrofit（機械リトロフィット s1・2026-07-06）
   ============================================================ */

/* --- C_font: section lead(.line-content sum-lead/lead) を golden SP12/PC15 に是正 ---
   sum-lead{14px}/.lead{13px} の override が theme .line-content(SP12/PC15.45) を潰していた。
   p.line-content(0,3,1) で sum-lead/.lead(0,3,0) に確実勝ち。SP=12(golden)・PC=15(本文拡大)。 */
/* .part p.line-content(0,4,1) で .items/.price/.form .lead(0,4,0) にも勝つ（sum-lead=0,3,0 は当然勝ち） */
@media (max-width:750px){ .main.delivery-purchase.delivery-purchase .part p.line-content{ font-size:12px; } }
@media (min-width:751px){ .main.delivery-purchase.delivery-purchase .part p.line-content{ font-size:15px; } }

/* dp13: theme flow-tab .menu-title(SP18px) / reason責任者 .head-info-name(SP18px・theme style.css:7057) は
   FONT_SCALE(9-17,20,22,26,30)外＝C_font「scale外18px」。main 内に持つ固定ページ流用時の既知パターンで、
   gate合格済み corporate/extra.css:187-188 が menu-title→scale・head-info-name→17px へ是正した先例に倣い SP を scale値へ。
   PC は theme値(head-info-name 24px・menu-title clamp~15.45px)＝C_font は SP判定のみゆえ非対象＝theme維持。 */
@media (max-width:750px){
  /* theme:6315 は .buying-menu .menu-title{font-size:18px !important}＝!important 必須（corporate:187 同型） */
  .main.delivery-purchase.delivery-purchase .flow .flow-buying .buying-menu .menu-title{ font-size:17px !important; }
  .main.delivery-purchase.delivery-purchase .reason .reason-introduction .intro-head .head-info .head-info-name{ font-size:17px; }
}

/* --- I_craft 強調色: 明地 inline strong は color9 一色（items lead/safety body-text の #333 を是正） --- */
.main.delivery-purchase.delivery-purchase .line-content strong,
.main.delivery-purchase.delivery-purchase .line-content b,
.main.delivery-purchase.delivery-purchase .body-text strong,
.main.delivery-purchase.delivery-purchase .body-text b{ color:var(--color9); }

/* --- D_spacing 見出しtier line-height: board-head/line-btitle が 1.60(本文継承)→見出し1.3 --- */
.main.delivery-purchase.delivery-purchase .board-head,
.main.delivery-purchase.delivery-purchase .line-btitle{ line-height:1.3; }

/* --- B_buried: flow の白ラベル .item-pic-ttl（写真下端に浮く白ラベル・theme style.css:5646）は
   img が background-image でないため harness が「白on白」と判定＝glow(テーマ語彙)で de-bury。 --- */
.main.delivery-purchase.delivery-purchase .item-pic-ttl{ box-shadow:0 0 6px rgba(18,77,137,.18); }

/* --- D_spacing 箱の密着: flow-buying タブ→flow-board（STEP詳細 board）が 0px＝独立箱密着。群境界24 --- */
.main.delivery-purchase.delivery-purchase .flow .flow-board{ margin-top:24px; }

/* --- A_divider: form(白)→#closing(白 connection) が白×白で境目消失（先頭が濃紺h2バンドでない）→
   §1-B 白×白の自己区切り線 border-top:1px var(--color7)。closing は .connection ゆえ A の色線チェック対象外 --- */
/* padding-top は theme .connection の SP padding が勝つため !important（帯先頭が border と密着回避＝30px breathing） */
.main.delivery-purchase.delivery-purchase #cta{ border-top:1px solid var(--color7); padding-top:30px !important; }

/* --- D_spacing 色面 padding+margin 二重 ＋ CTA帯→節 余白二重（§1-B 独立 full-bleed CTA帯 flush）---
   独立節の connection.partbg 帯（compare→flow / price→prepare / reasons→faq の間）は .part{margin:48}を
   持ち、帯padding(22SP/40PC)と二重に乗る（色面二重＋帯下88px）。帯=margin0（padding が内側breathing）、
   前後の白節も帯隣接辺のmarginを0にして帯padが上下breathingを担う（金型「帯flush」＝pad×2）。 */
.main.delivery-purchase.delivery-purchase section.part.connection.partbg{ margin-top:0; margin-bottom:0; }
.main.delivery-purchase.delivery-purchase section.part:has(+ section.part.connection.partbg){ margin-bottom:0; }
.main.delivery-purchase.delivery-purchase section.part.connection.partbg + section.part{ margin-top:0; }

/* ============================================================
   PC本文未拡大（@media(min-width:751px)・model= gold build/aquos-reset/extra.css:585-630）
   本文/lead/カード本文→15 / カードタイトル→16 / note・micro→13 / 表 td14・th15。SP(390/375)不変。
   ============================================================ */
@media (min-width:751px){
  /* 本文・カード本文・リード → 15px */
  .main.delivery-purchase.delivery-purchase .md,
  .main.delivery-purchase.delivery-purchase .fd,
  .main.delivery-purchase.delivery-purchase .fd2,
  .main.delivery-purchase.delivery-purchase .fd3,
  .main.delivery-purchase.delivery-purchase .id,
  .main.delivery-purchase.delivery-purchase .pdd,
  .main.delivery-purchase.delivery-purchase .pp-d,
  .main.delivery-purchase.delivery-purchase .nd,
  .main.delivery-purchase.delivery-purchase .sp-d,
  .main.delivery-purchase.delivery-purchase .bd,
  .main.delivery-purchase.delivery-purchase .ed,
  .main.delivery-purchase.delivery-purchase .body-text,
  .main.delivery-purchase.delivery-purchase .lead,
  .main.delivery-purchase.delivery-purchase .fee-close,
  .main.delivery-purchase.delivery-purchase .worry .pi .px,
  .main.delivery-purchase.delivery-purchase .worry .worry-board .wi,
  .main.delivery-purchase.delivery-purchase .pack .ship-card p,
  .main.delivery-purchase.delivery-purchase .safety .track-card p,
  .main.delivery-purchase.delivery-purchase .form .channel-card p,
  .main.delivery-purchase.delivery-purchase .reason-introduction .intro-content p{ font-size:15px !important; }/* PC override層＝section-scoped base(.merit .mi .md 等 高specificity)に勝つため!important（min-width:751＝SP不変） */
  /* カードタイトル → 16px（本文15+1pxで階層は太字+navyで担保） */
  .main.delivery-purchase.delivery-purchase .merit .mi .mt,
  .main.delivery-purchase.delivery-purchase .fh,
  .main.delivery-purchase.delivery-purchase .ft2,
  .main.delivery-purchase.delivery-purchase .it,
  .main.delivery-purchase.delivery-purchase .price .price-deflist .pdt,
  .main.delivery-purchase.delivery-purchase .prepare .pp .pp-t,
  .main.delivery-purchase.delivery-purchase .branch-list .bt,
  .main.delivery-purchase.delivery-purchase .eeat .eh,
  .main.delivery-purchase.delivery-purchase .pack .ship-card .sc-h,
  .main.delivery-purchase.delivery-purchase .safety .track-card .tc-h,
  .main.delivery-purchase.delivery-purchase .form .channel-card .ch-h,
  .main.delivery-purchase.delivery-purchase .form .form-deflist .ft3,
  .main.delivery-purchase.delivery-purchase .pack .doc-board .db-h,
  .main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-t,
  .main.delivery-purchase.delivery-purchase .worry .pi .px b,
  .main.delivery-purchase.delivery-purchase .network .net-card .nc-h,
  .main.delivery-purchase.delivery-purchase .safety .erase-board .e1 .et,
  .main.delivery-purchase.delivery-purchase .safety .sp-card .sp-t{ font-size:16px !important; }
  /* 補足・note → 13px */
  .main.delivery-purchase.delivery-purchase .micro,
  .main.delivery-purchase.delivery-purchase .form .form-card .micro,
  .main.delivery-purchase.delivery-purchase .form > .thisinner > .micro,
  .main.delivery-purchase.delivery-purchase .table-note,
  .main.delivery-purchase.delivery-purchase .form .ch-nudge .cn-note,
  .main.delivery-purchase.delivery-purchase .form .form-todo-note{ font-size:13px; }/* 2026-08-28 ledger#73 修復: 閉じルール（connection-note 複製）撤去で宙に浮いたセレクタ列を独立させた */
  /* 比較/料金/利用制限表 → td14・th15 */
  .main.delivery-purchase.delivery-purchase .dtable{ font-size:14px; }
  .main.delivery-purchase.delivery-purchase .dtable td{ font-size:14px; }
  .main.delivery-purchase.delivery-purchase .dtable thead th{ font-size:15px; }
  .main.delivery-purchase.delivery-purchase .dtable tbody th{ font-size:15px; }
}

/* ============================================================
   [DP-proof]（2026-09-02 台帳#122 是正）── #trust「安心してお任せいただくための、リンクサスの運営情報」
   捏造実績数値（旧 dp-stats 98,000件/4,200機種/★4.7）＋属性・日付つきダミーレビュー3枚を全撤去し、
   検証可能な事実のみの proof-cert＋trust-grid へ置換（手本= build/mac-reset/extra.css の同ブロック／原設計= 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.delivery-purchase へ rescope。
   本節は navy full-bleed 帯（下の #trust{background:var(--color4)} 等）を維持＝proof-cert/.tc/.trust-note は
   いずれも自己完結の白/淡色カードのため navy 地でも旧 dp-stat と同じ作法でそのまま成立（navy専用の追加調整は不要）。
   旧 dp-stats/dp-stat-badge/dp-dummy-note/carousel voice-head 調整ルールは HTML 実体が無くなったため撤去
   （ipad-reset 教訓: 同名セレクタの死にコード残置は新コンポーネントを壊す）。
   ============================================================ */

/* --- navy フルブリード帯へ格上げ（ページ中盤の信頼リズムアンカー・§1-B 準拠の色節） ---
   §1-B: prev=#reasons(白 part.reason)→色差で線なし・#reasons margin-bottom0（本節 padding-top30 が上breathing）。
         next=独立 connection.partbg(色10 CTA帯)→色差で線なし・本節 margin-bottom0（既存 line655 :has(+partbg) も適用）＝
         本節 padding-bottom30 + 帯 padding(SP22/PC40) が band flush breathing（金型「帯flush＝pad×2」）。
   濃色地ユーティリティ（CLAUDE.md 鉄則3 / icon-baked-fill-gotcha）: navy地の直上テキストは明色（#F1EFE8/淡青#9DB8E6）。
   トークンのみ: --color4 #14355D（帯地）／#9DB8E6・#F1EFE8（濃色地明色＝FV extra.css 既出）／#8DB0D0（line-title span 左罫・theme色）。 */
.main.delivery-purchase.delivery-purchase #trust{ background:var(--color4); margin:0; padding:30px 0; }
.main.delivery-purchase.delivery-purchase section.part:has(+ #trust){ margin-bottom:0; }/* 直前 #reasons(白) の下余白を相殺＝navy padding-top30 が上breathing（白→色 二重回避） */

/* h2: theme line-title の濃紺バー(#14355D)が navy地(#14355D)で埋没→バー地を透明化し明色見出し化。text は theme 白のまま／span #8DB0D0 左罫は theme作法で保持。バー無しに合わせ box padding は縦のみ。 */
.main.delivery-purchase.delivery-purchase .trust .line-title{ background:transparent; padding:4px 0; }

/* lead: 明色テキスト(#F1EFE8)＋淡青 kw（navy地の直上・PC15/SP12 は既存 .part p.line-content で担保＝ここは色だけ） */
.main.delivery-purchase.delivery-purchase .trust .line-content{ color:#F1EFE8; }
.main.delivery-purchase.delivery-purchase .trust .line-content strong,
.main.delivery-purchase.delivery-purchase .trust .line-content b{ color:#9DB8E6; }

.main.delivery-purchase.delivery-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.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-i{ flex:0 0 36px; width:36px; height:36px; }
.main.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-i svg{ width:100%; height:100%; display:block; }
.main.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-t{ font-size:12px; line-height:1.6; color:#333; }
.main.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-t b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.delivery-purchase.delivery-purchase .why-extra.trust .trust-grid{ margin:14px 0 0; }
.main.delivery-purchase.delivery-purchase .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }
.main.delivery-purchase.delivery-purchase .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }

@media (min-width:751px){
  .main.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-t{ font-size:15px; }
  .main.delivery-purchase.delivery-purchase .why-extra .proof-cert .pc-t b{ font-size:16px; }
  .main.delivery-purchase.delivery-purchase .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }
}

/* ============================================================
   ★ dp17-cta（2026-07-06 s4・critic 手1）── #price末尾 1行インラインCTA（navy申込帯の反復を断つ別treatment）
   based-on（自作せず流用）: build/shitadori-vs-kaitori/extra.css:548-561 .svk-inline-cta（DONE版）を delivery namespace
     (.dp-inline-cta) で再現。shitadori は .cta-band(connection.partbg)内のCTA帯だが、当ページは #price(白節)内の
     item-btn 置換ゆえ .cta-band ラッパ不要＝インライン直置き（節spacing不変・上に28px群境界）。
   トークンのみ: 地=--color10(#EBF0F6)／左罫=--color9(#224995・navy4px)／角丸5px／ピル=theme .button(navy 999px)。
   B2: color10 バーは白節(親painted=白body)に対し Δ44>24＝near-tone非該当＋navy左罫あり＝埋没しない。
   移行時 de-dup: shitadori と同値ゆえ将来 build/_shared へ共通化候補（現状は各ページ scoped）。
   ============================================================ */
.main.delivery-purchase.delivery-purchase .dp-inline-cta{ display:flex; flex-direction:column; gap:12px; align-items:stretch; background:var(--color10); border-left:4px solid var(--color9); border-radius:0 5px 5px 0; padding:14px 16px; max-width:600px; margin:28px auto 0; text-align:left; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-txt{ display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.6; color:var(--color4); font-weight:500; margin:0; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-txt .sic-tx{ flex:1 1 auto; min-width:0; word-break:break-word; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-txt .sic-lead{ display:block; color:var(--color9); font-weight:700; line-height:1.5; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-txt .sic-sub{ display:block; margin-top:3px; font-weight:500; color:var(--color4); line-height:1.65; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-ic{ flex:0 0 auto; width:20px; height:20px; margin-top:1px; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-ic svg{ width:100%; height:100%; display:block; }
.main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-go{ align-self:center; }
@media (min-width:751px){
  .main.delivery-purchase.delivery-purchase .dp-inline-cta{ flex-direction:row; align-items:center; gap:18px; max-width:760px; padding:14px 22px; }
  .main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-txt{ flex:1 1 auto; font-size:14px; }
  .main.delivery-purchase.delivery-purchase .dp-inline-cta .sic-go{ flex:0 0 auto; align-self:auto; white-space:nowrap; }
}

/* ============================================================
   ★ dp18-grid（2026-07-06 s5・critic 手3）── PC「1カラムprose箱の反復＝間延び」を responsive grid で解消
   based-on（自作せず流用）: build/shitadori-vs-kaitori/extra.css:502-509 .dc-grid（display:grid; grid-template-columns:1fr → PC 複列; gap）を
     delivery namespace へトークン翻訳。SP=既存の1列（display:flex;column の base をそのまま＝SP不変）／PC(min-width:751)で display:grid へ切替。
   レイアウトのみ＝カード内の構造・テキスト・数値・アイコン・背景色は一切不変（B2: eeat=color10帯上に白カードのまま／
     compare・fee・items・price=白節上の既存カード地。地色を触らないゆえ near-tone/tone-on-tone 新規発生なし）。
   selector は base（line 171/258/340/350/370）と同 specificity＋後方＝PC で display:grid が勝つ。gap は dc-grid に合わせ14px。
   min-width:0 = grid item のテキスト（長い品目説明・リンク）はみ出し防止（防御的・描画不変）。
   ============================================================ */
@media (min-width:751px){
  /* compare 選び方3ブロック（並列選択肢）→ PC3列 */
  .main.delivery-purchase.delivery-purchase .branch-list{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
  /* fee 無料の範囲3ブロック（並列）→ PC3列 */
  .main.delivery-purchase.delivery-purchase .fee .fee-deflist{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
  /* items 対応品目6カード（並列・本文長め）→ PC2列（3列は本文が縦長になり過ぎ・2列で可読と充填を両立） */
  .main.delivery-purchase.delivery-purchase .items .items-deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  /* price レンジ4要因（並列要因・modifier .dp-grid2 で「調べ方=順序ありSTEP縦list」と出し分け）→ PC2列 */
  .main.delivery-purchase.delivery-purchase .price .price-deflist.dp-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  /* eeat 信頼の根拠（color10帯上の白カード・確定情報4枚）→ PC2列（背景不変＝白カードのまま tone-on-tone回避） */
  .main.delivery-purchase.delivery-purchase .eeat .eg{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  /* grid item はみ出し防止（長文カードの min-width:auto → 0） */
  .main.delivery-purchase.delivery-purchase .branch-list .bi,
  .main.delivery-purchase.delivery-purchase .fee .fee-deflist .fi,
  .main.delivery-purchase.delivery-purchase .items .items-deflist .ii,
  .main.delivery-purchase.delivery-purchase .price .price-deflist.dp-grid2 .pdi,
  .main.delivery-purchase.delivery-purchase .eeat .ec{ min-width:0; }
}

/* ============================================================
   ★ dp21-dtable（2026-07-06 s6・critic 手4/手5）
   手4a items デバイスアイコン／手4b price fig-vs＋機種バッジ・質的チップ／手5 fee 色帯格上げ。
   全て theme-tokens のみ（--color9 #224995 / --color4 #14355D / --color10 #EBF0F6 / --color7 #C8D4E4 /
   navy3トーン #224995・#72A2CE・#E2EFFF・#9DB8E6・角丸5px・ピル999px・Noto Sans JP 継承）。独自色/角丸/フォントなし。
   ============================================================ */

/* --- 手4a: items 6品目カードのデバイスアイコン（白円+navy3トーン塗り＝当ページ #trust .dp-stat-ic と同 family。
       線画/極彩色/発明なし＝塗りのみ。手本のviewBox 0 0 103 103・白円 fill#fff stroke#C8D4E4 と同作法で B埋もれ回避）。 --- */
.main.delivery-purchase.delivery-purchase .items .items-deflist .ih{ display:flex; align-items:center; gap:11px; margin-bottom:8px; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .idev{ flex:0 0 auto; width:44px; height:44px; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .idev svg{ width:100%; height:100%; display:block; }
.main.delivery-purchase.delivery-purchase .items .items-deflist .ih .it{ margin-bottom:0; }
@media (max-width:750px){
  .main.delivery-purchase.delivery-purchase .items .items-deflist .idev{ width:40px; height:40px; }
}

/* --- 手4b-a: fig-vs（下取り=muted color10／郵送買取=win 白+navy罫+glow）＝#price 手取り観点の相対可視化。
       手本= build/shitadori-vs-kaitori/extra.css:566-582 を delivery namespace へ scoped 複製（同値＝移行時 build/_shared へ de-dup 候補）。 --- */
.main.delivery-purchase.delivery-purchase .fig-vs{ display:flex; flex-direction:column; gap:10px; margin:18px 0 0; }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-card{ background:var(--color10); border-radius:5px; padding:14px; }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-card.vs-ok{ background:#fff; border:2px solid var(--color9); box-shadow:0 0 10px rgba(18,77,137,.16); }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-t{ display:flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:var(--color4); margin:0 0 8px; line-height:1.35; }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-card.vs-ok .vs-t{ color:var(--color9); }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-ic{ flex:0 0 auto; width:18px; height:18px; display:inline-flex; }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-ic svg{ width:100%; height:100%; display:block; }
.main.delivery-purchase.delivery-purchase .fig-vs ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.main.delivery-purchase.delivery-purchase .fig-vs li{ position:relative; font-size:12px; line-height:1.6; color:#333; padding-left:14px; word-break:break-word; }
.main.delivery-purchase.delivery-purchase .fig-vs li:before{ content:""; position:absolute; left:2px; top:9px; width:5px; height:5px; border-radius:50%; background:var(--color7); }
.main.delivery-purchase.delivery-purchase .fig-vs .vs-ok li:before{ background:#16AEB1; }
.main.delivery-purchase.delivery-purchase .fig-vs li strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.delivery-purchase.delivery-purchase .fig-vs{ flex-direction:row; gap:14px; }
  .main.delivery-purchase.delivery-purchase .fig-vs .vs-card{ flex:1 1 0; padding:16px 18px; }
  .main.delivery-purchase.delivery-purchase .fig-vs .vs-t{ font-size:15px; }
  .main.delivery-purchase.delivery-purchase .fig-vs li{ font-size:14px; }
}

/* --- 手4b-b: price 機種カード navyモデルバッジ(.pmodel)＋質的チップ(.dp-kai-tag)。
       手本= build/shitadori-vs-kaitori/extra.css:252(.n)／:390-395(.svk-kai-tag)。捏造数値なし＝質的傾向のみ。
       .pdt は既に flex＝badge/本文/tag を横並び。SP は tag が長い時に折返せるよう flex-wrap（margin-left:auto を SP解除）。 --- */
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt{ flex-wrap:wrap; row-gap:6px; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .pmodel{ 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.delivery-purchase.delivery-purchase .price .price-deflist .pdt .dp-kai-tag{ margin-left:auto; flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:var(--color9); background:#fff; border:1px solid var(--color9); border-radius:999px; padding:2px 9px; line-height:1.5; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .dp-kai-tag .skt-ic{ width:12px; height:12px; flex:0 0 auto; }
.main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .dp-kai-tag .skt-ic svg{ width:100%; height:100%; display:block; }
@media (max-width:750px){
  .main.delivery-purchase.delivery-purchase .price .price-deflist .pdt .dp-kai-tag{ margin-left:0; }
}

/* --- 手5: #fee を §1-B 色節（color10 full-bleed）へ格上げ＝中盤の長い白連続を割るリズムアンカー（1本のみ・eeat=top／trust=navy end に対し fee は中央）。
       手本= 当ページ既存 .eeat（class外し不要・margin:0＋thisinner padding26 の color10 band）を踏襲＝実証済みspacing。
       §1-B: prev=pack(白)→色差で区切り線なし・pack margin-bottom48＋fee padding-top26 が breathing（eeat→worry と同74px）。next=items(白)も同様。
       B2 near-tone回避: 色帯上のカードは全て白地（dtable 白カード化・fee-deflist .fi を color10→白）。line-title(navy bar #14355D) は color10 上で高コントラスト＝theme のまま。 --- */
.main.delivery-purchase.delivery-purchase .fee{ background:var(--color10); margin-top:0; margin-bottom:0; }
.main.delivery-purchase.delivery-purchase .fee .thisinner{ padding-top:26px; padding-bottom:26px; }
/* dtable=白カード化（color10節上で td/th 透明が地色に埋没＝B2回避。白節では従来通り border でカード成立＝見た目不変） */
.main.delivery-purchase.delivery-purchase .dtable{ background:#fff; }
/* fee-deflist .fi を color10→白カード（色帯上の tone-on-tone 回避・glow は D影統一の基準値と同一） */
.main.delivery-purchase.delivery-purchase .fee .fee-deflist .fi{ background:#fff; border:1px solid var(--color7); box-shadow:0 1px 4px rgba(18,77,137,.16); }

/* 2026-09-02 台帳#122: 旧 #trust .rating 非表示ルール（ダミー声カードの★を隠す用）は
   HTML 側でカルーセル自体を撤去したため死にセレクタ＝撤去。詳細は [DP-proof] コメント参照。 */

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

/* 2026-08-27 line-title 入れ子 .nowrap の装飾二重適用 guard（harness I_craft・ledger#26③）
   テーマ `.line-title span{border-left:2px solid #8DB0D0; padding-left:7px}`（refer/linxas-sp-0407/css/style.css:3442）が
   入れ子の <span class="nowrap"> にも当たり、見出し語中に縦罫が混入する。泣き別れ補正で nowrap を入れると必ず併発するため、
   nowrap を持つページには必ずセットで入れる。
   出典: gold aquos extra.css:632-634 ＝ canon build/_shared/components.css の同ルールと同値（本頁は _shared 未移行）。 */
.main.delivery-purchase:where(.delivery-purchase) .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }
@media (min-width:751px){
  /* 2026-08-28 ledger#73 修復: 節別 .micro（0,3,1）が PC 補足13 群（0,2,1）に勝ち 11px 据置だった */
  .main.delivery-purchase.delivery-purchase .items .micro, .main.delivery-purchase.delivery-purchase .price .micro, .main.delivery-purchase.delivery-purchase .network .micro, .main.delivery-purchase.delivery-purchase .faq .micro{ font-size:13px; }
}
/* 2026-08-30 台帳#82: 本文 line-height を 1.7 → 1.6 へ（テーマ既定 style.css:71 `font:...14px/1.6`）。
   原典に line-height:1.7 は2箇所しか無く、本文系は `.reason .reason-point .point-list .point p{font-size:15px;line-height:1.7}`(6633-6635) のみ＝それ以外は典拠なしのドリフト。
   金型は本文が例外ゼロで 1.6（ipad 59/59・aquos 68/68・apple-machine 78/78 実測）。`.point .pd` も金型4本は 1.6。 */
/* 2026-08-30 台帳#82: FAQ節の補足2本が index.html のインライン style で line-height:1.7 を持っていた（CSS 側の 1.6 化を素通りしていた）。
   インラインを外して CSS へ寄せ、テーマ既定の 1.6 に揃える。色は既存 .micro と同じ var(--color13)=#5A7386。 */
.main.delivery-purchase.delivery-purchase .faq .faq-micro{ font-size:13px; color:var(--color13); line-height:1.6; }
.main.delivery-purchase.delivery-purchase .faq .faq-micro-t{ margin-bottom:8px; }
.main.delivery-purchase.delivery-purchase .faq .faq-micro-b{ margin-top:8px; }

/* ============================================================
   dp26-nwcard0911（2026-09-11・Astra 判定 rv-mtwpckxg-f93522「案2 モバイルのみカード型」）
   なぜ: 390px で「4つのステータスの意味」表の 3 列が 83/129/80px に痩せ、× 行の可否文が
   6 行・最終行 1 字まで折り返していた（375px では 7 行）。列幅の調整では片方を良くすると
   他方が悪くなることを、編集前に DOM 上で 3 案当てて確認済み。
   Astra の条件: ①#network の当該表・モバイル幅に限定（PC 切替は 751px）②○ー△× の順序・本文・
   注記を維持 ③本文を二重管理しない ④375/390 で可読性、751/768/1280 で既存表示に影響なし。
   ★.dtable は比較表（index.html:567）・料金表（:861）にも当たる共通ルールなので、
     ここでは **#network の中だけ** に限定する（基底ルールは触らない）。
   ★ラベルは HTML の data-label（thead と同じ語）を attr() で出す。**CSS に文言を書かない**ので、
     文言の管理先は HTML の 1 箇所のまま＝二重管理にならない。
   ★未確認: 実機スクリーンリーダーでの読み上げは確認していない（::before の読み上げは実装依存）。
   ============================================================ */
@media (max-width:750px){
  .main.delivery-purchase.delivery-purchase #network .dtable,
  .main.delivery-purchase.delivery-purchase #network .dtable tbody,
  .main.delivery-purchase.delivery-purchase #network .dtable tr,
  .main.delivery-purchase.delivery-purchase #network .dtable td{ display:block; width:auto; }
  .main.delivery-purchase.delivery-purchase #network .dtable thead{ display:none; }
  .main.delivery-purchase.delivery-purchase #network .dtable tr{ padding:10px 12px; border-bottom:1px solid #E4EAF2; }
  .main.delivery-purchase.delivery-purchase #network .dtable tr:last-child{ border-bottom:none; }
  .main.delivery-purchase.delivery-purchase #network .dtable td{ border:none; padding:2px 0; text-align:left; }
  .main.delivery-purchase.delivery-purchase #network .dtable td:first-child{ margin-bottom:2px; }
  .main.delivery-purchase.delivery-purchase #network .dtable td[data-label]::before{
    content:attr(data-label)"："; color:var(--color4); font-weight:700; }
}


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