/* ============================================================ corporate（法人買取）extra.css ?v=corp-s29（共通部品は build/_shared/components.css sc11 へ移行。gate-s29 Watch のヘッダ表記 drift 同期＝コメントのみ・computed 影響なし） 方針（鉄則13/14・gold-clone-and-diff）: 金型（airpods-reset / aquos-reset）の実テーマ部品CSSを verbatim clone → scope を .main.corporate へ置換。ゼロから書かない・金型値を消さない。 bespoke corp- 系統（corp-fig / hs-photo-card / corp-worry 系 / corp-case-grid / corp-table / corp-branch / corp-flow / corp-seal / corp-trust-grid / corp-voice / corp-linkgrid / cmp-facts / corp-nudge / .cch）は全撤去。 トークンは css/style.css :root（--color9 #224995 / --color4 #14355D / --color10 #EBF0F6 / --color7 #C8D4E4 / 本文#333）のみ。角丸5px・ボタンピル999px・Noto Sans JP（テーマ継承）。 ============================================================ */ /* 共通 note の実体は build/_shared/components.css（sc1・2026-07-03 CSS共通化）。 ページ側は「背景の出し分け」のみ: corporate の白節 note は airpods .safe/.trouble 作法の color10 淡青地。 */ .main.corporate.corporate .items .note, .main.corporate.corporate .compare .note, .main.corporate.corporate .vendor-compare .note, .main.corporate.corporate .fee .note, .main.corporate.corporate .trouble .note, .main.corporate.corporate .docs .note{ background:var(--color10); } /* ============================================================ 共通部品: connection.partbg（中間CTA帯 #cta-mid1）＋ connection-note2 出典: build/aquos-reset/extra.css:49-67 を .main.corporate へ再scope（shared-component canon）。 full-bleed白帯＝白×白は border-top、上下30。帯直後の節は margin-top:0（帯 padding-bottom30 が breathing）。 ============================================================ */ /* connection.partbg／connection-note2 の実体は _shared/components.css。 fee 色節化（修正2）により帯上境界=色↔白＝線なし（spacing-divider §1）。下=trouble白は h2 line-title 自己区切り。 */ /* cta-mid1 直後（=#trouble）は margin-top:0（帯 padding-bottom30 が breathing・golden aquos #reasons と同型） */ .main.corporate.corporate #cta-mid1 + .part{ margin-top: 0 !important; } /* ============================================================ 01 FV — 🔶縮退（ユーザー別途対応・placeholder枠のみ） reset系 fv-todo 相当のプレースホルダ。作り込まない。 ============================================================ */ .main.corporate.corporate .topbanner.fv-todo{ margin: 0; padding: 24px 0; background: var(--color10); } .main.corporate.corporate .topbanner.fv-todo .fv-todo-note{ border:1px dashed var(--color7); border-radius:5px; background:#FAFCFF; padding:18px 16px; font-size:12px; font-weight:500; color:var(--color13); line-height:1.6; margin:0; } .main.corporate.corporate .topbanner.fv-todo .fv-todo-label{ display:inline-block; background:var(--color9); color:#fff; font-size:11px; font-weight:700; border-radius:4px; padding:2px 9px; margin-right:8px; line-height:1.5; } /* ============================================================ 02 worry / 04 case — clone: airpods extra.css:355-401（worry-board/.wl/.wi/.wic/promise-board/.pi/.pic/.px/.pd/.w-arrow/.worry-lead） .main.airpods-reset .worry → .main.corporate .worry へ再scope（値 verbatim）。 ============================================================ */ .main.corporate.corporate .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; } .main.corporate.corporate .board-head{ margin:0; } .main.corporate.corporate .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; line-height:1.4; padding:0 0 16px; } .main.corporate.corporate .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; } .main.corporate.corporate .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.corporate.corporate .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.corporate.corporate .worry .worry-board .wi:nth-child(even){ margin-left:auto; } .main.corporate.corporate .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; } .main.corporate.corporate .worry .worry-board .wi .wic{ width:56px; min-width:56px; height:56px; } .main.corporate.corporate .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; } .main.corporate.corporate .worry .worry-board .wi .wi-t{ min-width:0; } .main.corporate.corporate .worry .w-arrow{ display:block; width:22px; height:15px; margin:20px auto 0; background:url(../images/corporate/icon/select.svg) center/contain no-repeat; } .main.corporate.corporate .worry .promise-board{ position:relative; background:var(--color10); padding:60px 16px 18px; border-radius:5px; overflow:hidden; margin-top:24px; } .main.corporate.corporate .worry .promise-board .board-head{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; padding:6px 20px; display:inline-flex; align-items:center; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; margin:0; line-height:1.4; } .main.corporate.corporate .worry .promise-list{ display:flex; flex-direction:column; gap:14px; } .main.corporate.corporate .worry .pi{ position:relative; background:#fff; border-radius:5px; padding:14px 16px 14px 64px; } .main.corporate.corporate .worry .pi .pic{ position:absolute; left:13px; top:14px; width:42px; height:42px; } .main.corporate.corporate .worry .pi .pic svg{ width:100%; height:100%; display:block; } .main.corporate.corporate .worry .pi .px{ display:block; font-size:12px; color:#333; line-height:1.6; } .main.corporate.corporate .worry .pi .px b{ display:block; font-size:14px; color:var(--color4); line-height:1.5; margin-bottom:4px; word-break:break-word; } .main.corporate.corporate .worry .worry-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; } .main.corporate.corporate .worry .worry-lead strong{ color:var(--color9); font-weight:700; } .main.corporate.corporate .worry .worry-lead .kw{ color:var(--color9); font-weight:700; } .main.corporate.corporate .worry .worry-lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; } /* 04 case: doc-grid（アイコンカード）へ移行済＝旧 .case .worry-board 系 dead CSS は s22 で除去（s21 audit 観察） */ /* corp-clone4 fix: 金型 airpods extra.css:385-401 は SP(max-width:750px)と PC(min-width:751px)の2ブロック。 clone時に両方を min-width:751px に誤マージし SP override が失われ、promise-board head が SP で 18px(base=scale外)に。 金型どおり SP override(worry-board head 16px/promise-board head 14px 等)を max-width:750px に戻す。 */ @media (max-width:750px){ .main.corporate.corporate .worry .worry-board{ padding:0; } .main.corporate.corporate .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; text-align:center; } .main.corporate.corporate .worry .worry-board .wi{ font-size:13px; } .main.corporate.corporate .worry .worry-board .wi .wic{ width:52px; min-width:52px; height:52px; } .main.corporate.corporate .worry .promise-board .board-head{ font-size:14px; padding:6px 16px; } .main.corporate.corporate .worry .pi{ padding:14px 14px 14px 52px; } .main.corporate.corporate .worry .pi .pic{ top:13px; width:38px; height:38px; } } @media (min-width:751px){ .main.corporate.corporate .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; } .main.corporate.corporate .worry .worry-board .wi{ width:auto; } .main.corporate.corporate .worry .worry-board .wi:nth-child(even){ margin-left:0; } .main.corporate.corporate .worry .promise-board{ padding:72px 22px 22px; } .main.corporate.corporate .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .main.corporate.corporate .worry .worry-lead{ max-width:780px; } } /* ============================================================ 03 merit / 06 compare / 10 flow / 11 docs / 12 erasure — deflist clone: aquos extra.css:214-216 .main.aquos-reset .deflist → .main.corporate .deflist（値 verbatim）。 corp-clone4 fix(M2): gold aquos は「白背景節の.di は color10（白on白回避・影なし）」（aquos extra.css:216）。 corporate の deflist は全て白節上（merit/compare/flow/docs/erasure）＝白×白で枠も影も無く沈む→ .di を color10 に統一。 */ /* deflist（.deflist/.di/.dt/.dd）の実体は _shared/components.css（泣り別れ対策の dt-t 単一子構造ふくむ） */ @media (min-width:751px){ .main.corporate.corporate .merit .deflist, .main.corporate.corporate .compare .deflist, .main.corporate.corporate .docs .deflist, .main.corporate.corporate .worry .deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }/* 2026-07-03 復元: worry 解決1-4 も兄弟節と同じ PC 2col（4枚=2×2・孤児なし） */ } /* item-btn（テーマ button を中央寄せ・上マージン） */ .main.corporate.corporate .merit .item-btn, .main.corporate.corporate .flow .item-btn{ margin-top:18px; } /* ============================================================ 05/06/07/08 compare-table + scroll-hint — clone: airpods extra.css:454-461 / 678-685 / 791-845 .main.airpods-reset .model .compare-table → .main.corporate .compare-table（値 verbatim・#333罫一掃・zebra）。 ============================================================ */ /* compare-table＋scroll-hint の実体は _shared/components.css（canon: th13>td12・wrap+theme scroll-hint.js）。 min-width（390px 潰れ/語中改行防止＝修正1）だけページ固有＝下記。 */ /* 多列表は390pxで潰さず min-width＋横スクロール＋scroll-hint（鉄則13・語中改行=泣き別れ防止）。 ※min-width は下の @media(min-width:751px) で 0 にリセット済＝PCは幅100%で影響なし。 */ .main.corporate.corporate .items .compare-table-scroll .compare-table{ min-width:480px; } .main.corporate.corporate .compare .compare-table-scroll .compare-table{ min-width:560px; } .main.corporate.corporate .vendor-compare .compare-table-scroll .compare-table{ min-width:520px; } .main.corporate.corporate .fee .compare-table-scroll .compare-table{ min-width:500px; } /* ============================================================ 09 trouble — clone: airpods extra.css:613-634 .main.airpods-reset .trouble → .main.corporate .trouble（値 verbatim）。 ============================================================ */ .main.corporate.corporate .trouble .tr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; } .main.corporate.corporate .trouble .tr-lead .kw{ color:var(--color9); font-weight:700; } .main.corporate.corporate .trouble .tr-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; } .main.corporate.corporate .trouble .tc{ border-radius:5px; overflow:hidden; border:1px solid var(--color7); } .main.corporate.corporate .trouble .tc .tc-head{ display:flex; align-items:center; gap:11px; background:var(--color10); padding:11px 14px; } .main.corporate.corporate .trouble .tc .tc-ic{ flex:0 0 56px; width:56px; height:56px; } .main.corporate.corporate .trouble .tc .tc-ic svg{ width:100%; height:100%; display:block; } .main.corporate.corporate .trouble .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; } .main.corporate.corporate .trouble .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; } .main.corporate.corporate .trouble .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; } .main.corporate.corporate .trouble .tc .tc-body strong{ color:var(--color9); } @media (min-width:751px){ .main.corporate.corporate .trouble .tr-lead{ max-width:780px; } .main.corporate.corporate .trouble .tr-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } } /* ============================================================ 10 flow — theme part flow（step-check/step-process）。テーマ css/style.css が担う（追加CSSなし）。 flow-detail deflist は上の共通 .deflist が担う。 ============================================================ */ /* ============================================================ 12 erasure / 13 track-record — trust-grid clone: airpods extra.css:508-515 / 749-761 .main.airpods-reset .why-extra(.trust) → .main.corporate .why-extra(.trust)（値 verbatim・数値枠 .tn は非出力）。 ============================================================ */ /* trust-grid（.why-extra/.trust）の実体は _shared/components.css */ /* M2 fix: erasure は金型どおり白地section＝中の deflist .di / trust-grid .tc（ともに color10）が白地に浮いて図地分離。 旧: section を color10 にしていたため .di/.tc(color10)＝section同色でカード境界喪失(box埋もれ)。 docs(白)↔erasure(白)↔track-record(白) は白×白＝各節の濃紺h2 line-title が自己区切り→原則線なし（spacing-divider）。 */ /* corp-clone4: erasure は deflist(.di color10)の直後に trust-grid(.tc color10)が続く複合＝独立箱同士が密着(0px)→ deflist と trust-grid の間に 24px（deflist margin-top と対称）確保（独立箱≥8px・箱密着回避）。 */ .main.corporate.corporate .erasure .deflist + .trust-grid{ margin-top:24px; } /* ============================================================ 20 related — .board / related-links clone: airpods extra.css:184-202 .main.airpods-reset .related → .main.corporate .related（値 verbatim）。 ============================================================ */ /* related-links の実体は _shared/components.css（spacing-round2 P1-4: float"›"再発明→gold airpods:184-200 verbatim へ差替・昇格） */ .main.corporate.corporate .related .board{ padding:6px 16px; margin-top:14px; } /* corp-clone4: estimate の connection-title-sub は theme flex＝内テキストが匿名flexアイテムに分断され末尾2字孤立。 .cts-t 単一子(block flow)にまとめ通常折返しにし、末尾を で結ぶ（泣り別れ解消・auto-phrase不使用）。 */ .main.corporate.corporate .connection .connection-title-sub .cts-t{ display:block; } /* C1 fix: estimate の connection-note（単数形）＝cta-mid1 の connection-note2 と同作法。 .cn-i にサイズ指定が無く SVG が container 幅いっぱい(334px)へ膨張していた→20px固定＋position:relative/padding-left:44px でアイコン重なり回避。 corp-clone3 fix: theme .connection p{color:#DE4A9B}（ピンク）が漏れる→golden airpods override と同じく color:#14355D で打ち消し（connection-note2 と同手本）。 corp-clone4 fix: theme .connection p の大きめ font/lh を継承していて cn-i(top:11px) が第1行centerから8px下ズレ→ connection-note2 と同じ font 11px/lh1.6/padding で第1行高さを揃え、アイコンを第1行中央に合わせる。 */ /* connection-note の実体は _shared/components.css（log-regression-s3 指摘3: 同値重複の消し忘れ→削除） */ /* estimate の board リンク列（airpods related と同作法・narrow内） */ .main.corporate.corporate .connection .board{ padding:6px 16px; margin-top:16px; background:var(--color10); border-radius:5px; } /* connection 内 related-links も _shared/components.css の共通実体を使用（P1-4/P2-1: text-align:left 含む） */ /* ============================================================ PC（≥751）本文拡大 — テーマ body clamp と同じ拡大方向（[[pc-typography-bespoke-scaling-golden]]） airpods extra.css:864-879 の PC本文拡大 tier を .main.corporate の gold部品へ適用。 ============================================================ */ @media (min-width:751px){ /* 共通 tier（dd/note系/td/th/dt/tn-s/tl）は _shared/components.css。以下はページ固有部品のみ。 */ .main.corporate.corporate .worry .worry-lead, .main.corporate.corporate .trouble .tr-lead, .main.corporate.corporate .trouble .tc .tc-body, .main.corporate.corporate .worry .pi .px .pd, /* 2026-08-28 ledger#73: related-links a span の PC 15px（他14ページは canon 12px）を撤去＝共通部品の1対14割れ */ /* カード見出し役割（SP14/15）→ PC16 */ .main.corporate.corporate .trouble .tc .tc-q, .main.corporate.corporate .worry .pi .px b{ font-size:16px; } } /* ============================================================ 2026-07-02 retrofit（page-qa-audit.js golden照合・鉄則15/16） 共通部品の font/lh drift 是正（単一タブ menu-title / 責任者名 / 責任者ローマ字コントラスト / サブ見出し） ============================================================ */ .main.corporate.corporate .flow-buying .buying-menu .menu-title{ font-size:13px !important; } .main.corporate.corporate .head-info-name{ font-size:17px !important; } .main.corporate.corporate .head-info-name span{ color:var(--color3) !important; } .main.corporate.corporate .line-btitle, .main.corporate.corporate .board-head{ line-height:1.3; } .main.corporate.corporate .qa-item-body b{ color:var(--color9); } .main.corporate.corporate .board-info .text strong{ color:var(--color9); } /* 白×白の節境界に区切り線（related→closing / track-record→estimate）。当節先頭が濃紺h2バンドでない （closing/estimate は connection＝hgroup先頭で自己区切りなし）＝白地が地続きで境目消失→border-top で分離。 他の色差境界（色↔白）は線なし＝spacing-divider §1。 */ .main.corporate.corporate #cta{ border-top:1px solid var(--color7); }/* estimate-cta はチップ自体が区切り（shop作法=線なし・2026-07-03指摘） *//* 復元改b: 帯id変更(estimate→estimate-cta)。白info節はh2自己区切り=線不要 */ /* ============================================================ 2026-07-03 修正2: デザインリッチ化（fix-instructions.md 修正2・ユーザーGO） corp-r5（2026-07-01 design-quality-critic 91点）の打ち手をクローン骨格へ再適用: 写真2（Adobe実素材 img/ 同梱の復帰）／色節3（items・fee・erasure）／図解3（fig-flow×2＋fig-vs 対比カード）。 ============================================================ */ /* sec-photo の実体は _shared/components.css */ /* 色節（color10 full-bleed・padding30 張り付き禁止・margin:0＝色面 padding+margin 二重禁止〔harness D 検出済→是正〕。 節間の白ギャップは隣接白節側の margin30 が担う。色↔白境界は線なし） */ .main.corporate.corporate .items, .main.corporate.corporate .fee, .main.corporate.corporate .erasure, .main.corporate.corporate .merit, .main.corporate.corporate #track-record, .main.corporate.corporate .flow{ background:var(--color10); padding:30px 0; margin:0 auto; } /* s25: flow 色節化＝中盤白ラン 3,416px（trouble/flow/docs）のブレーク（critic s24 手3）。 節色地はテーマ純正語彙＝style.css:7966 .main section.price.partbg{background-color:var(--color10)} の翻訳。 隣接は trouble(白)↔flow(色)↔docs(白)＝色↔白で線なし（§1-B） */ .main.corporate.corporate .flow .di{ background:#fff; } /* s28（ユーザー指摘「flow-buying は白背景全体に作られた部品＝色付き節に置くなら調整が要る」）: theme の flow-buying は白節前提の設計＝①紫 #6464CE は郵送タブの識別色（corporate の単一フローに識別意味なし・navy 基調と衝突） ②process箱 lavender #E9ECF7 が color10 #EBF0F6 と tone-on-tone で沈む ③check章SVGは白rect焼き込み＝色地で白い矩形が露出。 → theme 自身の文脈色替え機構（.green modifier=style.css:5814-5819 の --current-* var 差し替え）で navy ファミリーへ、 箱/カードは「色節上の箱は白地」（gold aquos 作法・上の .flow .di と同じ）で白グラウンド化。 セレクタ長はテーマ原典(0,7,0)に勝つ全長で書く（s22 教訓=override は computed で勝敗実測） */ .main.corporate.corporate .flow .flow-buying .buying-body .body-item{ --current-color: var(--color9); /* check枠 2px／01-04 番号／4STEP 下線: #6464CE→#224995 */ --current-bcolor: var(--color4); /* #4444AC→#14355D */ --current-bgcolor: #fff; /* process箱: #E9ECF7→白（color10 上で図地分離） */ --current-bgcolor2: var(--color7); /* アイコン背後の帯: #C1B8D5→#C8D4E4 */ } .main.corporate.corporate .flow .flow-buying .buying-body .body-item .item-step .step-check .check{ background:#fff; } /* check章: 原典 flow-mail-check.svg は白rect+紫円の焼き込み（[[icon-baked-fill-gotcha]] 同型）→ 同モチーフ（円+チェック）を 白円+navy 3トーン（golden-icon トンマナ正）の data-URI で置換（39x28 viewBox 維持＝既存 38x30 サイズ規則そのまま） */ .main.corporate.corporate .flow .flow-buying .buying-body .body-item .item-step .step-check .check:before{ background-image:url("data:image/svg+xml,%3Csvg width='39' height='28' viewBox='0 0 39 28' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.5' cy='14' r='12' fill='%23fff' stroke='%23224995' stroke-width='2.9'/%3E%3Cpath d='M14 14.2l4 4 7.5-8' stroke='%2314355D' stroke-width='2.9' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* s24（critic s23 手1・実測接地）: 390俯瞰で 前半 worry→case 3,625px／後半 track→closing 4,482px の連続白ラン → merit（前半・白/色交互になる位置）と track-record（後半）を色節化。gold aquos の色節交互リズムと同型。 erasure→track-record は色×色連続＝同色境界に区切り線（spacing-divider §1-B・var(--color7)） */ .main.corporate.corporate #track-record{ border-top:1px solid var(--color7); } /* 色節上の箱＝白地で図地分離（gold aquos: 色節の .di/.note=#fff・borderなし・影なし） */ .main.corporate.corporate .items .note, .main.corporate.corporate .fee .note{ background:#fff; } .main.corporate.corporate .erasure .di{ background:#fff; } .main.corporate.corporate .erasure .trust-grid .tc{ background:#fff; } .main.corporate.corporate .erasure .trust-note{ background:#fff; } /* s24: merit/track-record 色節化に伴う箱の図地反転（erasure と同作法） */ .main.corporate.corporate .merit .di{ background:#fff; } .main.corporate.corporate #track-record .trust-grid .tc{ background:#fff; } .main.corporate.corporate #track-record .trust-note{ background:#fff; } /* s24（critic s23 手2）: fee td strong 1.4em で確立した数字持ち上げを本文の決め手数字へ横展開（翌営業日/4つ・色は既存 strong=color9 継承） */ .main.corporate.corporate .st-em{ font-size:17px; line-height:1.3; } /* 2026-07-28: 1.4em は SP本文12px→16.8px＝FONT_SCALE外。1.4倍の意図は保ったまま scale 内の実数へ（SP17 / PC21）。 */ @media (min-width:751px){ .main.corporate.corporate .st-em{ font-size:21px; } } /* fig-flow／fig-vs の実体と PC 拡大は _shared/components.css（merit は HTML 側 .fig-flow.on-white variant・fig-balance は fig-vs へ置換済み） */ /* 修正2改b(critic 手当3): PC グリッドの孤児セル解消（merit 5件目/trouble 5件目=full幅・erasure trust 4件=2×2） */ @media (min-width:751px){ .main.corporate.corporate .merit .deflist .di:last-child{ grid-column:1 / -1; } .main.corporate.corporate .trouble .tr-list .tc:last-child{ grid-column:1 / -1; } .main.corporate.corporate .erasure .trust-grid{ grid-template-columns:1fr 1fr; } } /* ============================================================ 2026-07-03 復元ラウンド（content-fidelity・構成案正本主義） #worry 解決1-4 復元／#estimate h2+lead 復元＋概算フォーム section-todo／#flow h2 構成案文言。 ============================================================ */ /* （復元改b: estimate は白セクション＋CTA帯に分割＝connection 内 lead は廃止・override も撤去） */ /* 機能ブロックの正直プレースホルダ（fv-todo-note と同トーン） */ .main.corporate.corporate .section-todo{ border:1px dashed var(--color7); border-radius:5px; background:#FAFCFF; padding:14px 16px; font-size:12px; font-weight:500; color:var(--color13); line-height:1.6; margin:18px 0 0; text-align:left; } .main.corporate.corporate .section-todo .fv-todo-label{ display:inline-block; background:var(--color9); color:#fff; font-size:11px; font-weight:700; border-radius:4px; padding:2px 9px; margin-right:8px; line-height:1.5; } @media (min-width:751px){ .main.corporate.corporate .connection .line-content{ font-size:15px; } .main.corporate.corporate .section-todo{ font-size:13px; } } /* ============================================================ 2026-07-03 reference-design-analysis 実装ラウンド（backlog #4/#5/#7） 値の接地: gold airpods .why-extra .tc（center・padding:18px 8px 14px）＋ worry SP .wic=52px（extra.css:77 実測）。 ============================================================ */ /* #7 docs 書類4点アイコンカード（構成案コピーverbatim・裸テキスト排除） */ .main.corporate.corporate .doc-grid .di{ text-align:center; padding:18px 8px 14px; } .main.corporate.corporate .doc-grid .di-ic{ display:block; width:52px; height:52px; margin:0 auto 8px; } .main.corporate.corporate .doc-grid .di-ic svg{ width:100%; height:100%; display:block; } .main.corporate.corporate .doc-grid .dt{ display:block; text-align:center; } .main.corporate.corporate .doc-grid .dd{ text-align:left; margin-top:6px; } @media (min-width:751px){ /* doc-grid（docs/case 共通）PC 2col。:98 は .docs スコープのみ＝case の doc-grid は PC 全幅で 1col flex のままだった穴を塞ぐ */ .main.corporate.corporate .deflist.doc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } } @media (min-width:1000px){ /* 4col は 1000px 以上（768 でカード170px に潰れ title 泣き別れ→harness 検出。751-999 は 2col）。 s21 audit fail#4: 旧セレクタ .doc-grid (0,3,0) は :98 .docs .deflist (0,4,0) に常敗＝どの幅でも不適用だった → .deflist.doc-grid (0,4,0)＝同詳細度・後方定義で勝たせる */ .main.corporate.corporate .deflist.doc-grid{ grid-template-columns:repeat(4,1fr); } } /* #5 flow 写真を STEP3 直後（deflist 内）に配置＝flex子として上下マージン調整 */ .main.corporate.corporate .flow .flow-detail .sec-photo.flow-photo{ margin:4px auto; } /* F-5: auto で shared の PC中央寄せを保持 */ /* F-1(vs-s13): 自作ピルチップは逸脱判定→除去。帯直上チップは theme 実部品 .connection-before（style.css:5485-5515・CSSはテーマがグローバル提供＝追加不要） */ /* ============================================================ spacing-round2 一括是正（2026-07-03・実測台帳=screenshots/_qa/corporate/spacing-round2.md・全て gold/テーマ行番号接地） ============================================================ */ .main.corporate.corporate .related .line-btitle, .main.corporate.corporate .items .line-btitle{ margin-top:20px; } /* P1-1 h3上余白0→20（airpods:201） */ .main.corporate.corporate .trust .sec-photo + .trust-grid{ margin-top:24px; } /* P1-2 写真→カード群 0→24（erasure:151 対称） */ .main.corporate.corporate .docs .sec-photo + .flow-board{ margin-top:24px; } /* s29(user指摘「写真の下に余白ない」): docs 写真→flow-board 0→24（P1-2 と同値・ページ内 sec-photo 直下gap=24 に統一。全5枚実測: case/erasure/track=24・flow=18(deflist内・記録済)・docs=0→是正） */ .main.corporate.corporate .items .series-list{ margin-top:14px; } /* P1-3 h3→カード 0→14（gold h3→board=14） */ .main.corporate.corporate .reason .reason-introduction{ margin-bottom:0; } /* P1-5 節間55→30（テーマnative mb残存の相殺） */ .main.corporate.corporate .head-info-name span{ font-size:10px !important; } /* P3-1 9.44px→10px。s21 audit fail#1: (0,3,1) は theme:7063 (0,5,1) に常敗＝:196 の color と同じく !important 必須 */ @media (min-width:751px){ .main.corporate.corporate .worry .worry-lead, .main.corporate.corporate .trouble .tr-lead{ margin:28px 0 0; } /* P3-2 リード上余白 20→28 統一（style.css:3582） */ .main.corporate.corporate .worry .promise-list .pi:last-child{ grid-column:1 / -1; } /* P4-1 お約束3件目の孤児解消 */ .main.corporate.corporate .compare .deflist .di:last-child{ grid-column:1 / -1; } /* P4-1 3分岐3件目の孤児解消 */ } /* ============================================================ vs-s13 目視監査の是正（2026-07-03・report=screenshots/_qa/corporate/vs-s13-report.md） ============================================================ */ /* F-2: docs の flow-board は theme CSS が .flow スコープ（style.css:5851-5878/6381-6397）＝.docs で全滅していたレイアウトを verbatim 再scope */ .main.corporate.corporate .docs .flow-board.board .board-info{ display:flex; justify-content:space-between; align-items:center; width:98%; margin:0 auto 30px; font-size:clamp(15px, 14.359px + 0.0855vw, 16px); } .main.corporate.corporate .docs .flow-board.board .board-info .pic{ width:clamp(280px, 241.5385px + 5.1282vw, 340px); min-width:clamp(280px, 241.5385px + 5.1282vw, 340px); } .main.corporate.corporate .docs .flow-board.board .board-info .text{ flex:1 1 auto; padding-left:40px; } .main.corporate.corporate .docs .flow-board.board .board-info .text strong{ color:var(--color9); font-weight:700; } @media (max-width:750px){ .main.corporate.corporate .docs .flow-board.board .board-info{ width:100%; margin:0 auto 15px; flex-wrap:wrap; font-size:12px; } .main.corporate.corporate .docs .flow-board.board .board-info .pic{ width:100%; max-width:220px; min-width:0; margin:0 auto 20px; } .main.corporate.corporate .docs .flow-board.board .board-info .text{ width:100%; padding-left:0; } } /* F-3改(s27・ユーザー指摘「PCで無理やり1カラム化＝要素がそれぞれでかすぎ」): 旧 F-3 の width:100% 化を撤回。 theme にこの部品の全幅使用は存在しない: top=2枚並置 width calc(50% - 12px)（style.css:5628）／product の単一フロー文脈でも同幅並置（style.css:8786-8790）。 1280 実測: theme正規 = body-item 488px・block-icon 94px・check 146px ⇔ 旧100%化 = 1000px・222px・317px（正規の約2.3倍）。 ＝単一タブは theme 正規スケールのまま中央寄せ。buying-body は theme:5620 justify-content:space-between → 単一子コンテキストのみ center（ページ側コンテキスト差分。SP≤750 は theme:6331 body-item 100%＝no-op） */ .main.corporate.corporate .flow .buying-body{ justify-content:center; } /* F-4: item-btn 中央寄せ（theme style.css:5823 flex center） */ .main.corporate.corporate .merit .item-btn, .main.corporate.corporate .flow .item-btn{ display:flex; justify-content:center; } /* ============================================================ design-critique-s14 是正（77→82-84 目標・現工程で打てる6手） ============================================================ */ /* 手1: 数字の図示＝fee「無料」を strong 拡大（_design-references-crafted ❌-2「無料=strong拡大+color9」翻訳ルール内・1.4em） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.corporate .fee .compare-table td strong */ /* 2026-07-28: 1.4em は td12px→16.8px＝FONT_SCALE外。SP17 / PC20 の実数へ（.st-em と同型是正）。 */ @media (min-width:751px){/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.corporate .fee .compare-table td strong */ } /* 手2: fee を「料金早見表」化＝ヘッダ行を board-head 流用の color4 ベタ白（crafted ❌-2 指定・表3連発の同型解消） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.corporate .fee .compare-table th */ /* 手3: docs カードの整列文法を trust-grid（左揃え）に統一（vs 一体感軸: 中央/左の文法分裂解消） */ .main.corporate.corporate .doc-grid .di{ text-align:left; padding:14px; } .main.corporate.corporate .doc-grid .di-ic{ margin:0 0 8px; } .main.corporate.corporate .doc-grid .dt{ text-align:left; } /* 手4: 「後日実装」を note 作法へ（破線の未完成感を除去・正直ラベルは維持） */ .main.corporate.corporate .section-todo{ border:0; background:var(--color10); color:var(--color3); } /* ============================================================ ユーザー指摘5件の是正（2026-07-03 昼） ============================================================ */ /* 指摘1: connection-before の上余白確保（chip はバンド上端から約27px上に出る＝直前コンテンツと密着していた） */ .main.corporate.corporate #cta-mid1, .main.corporate.corporate #estimate-cta{ margin-top:40px !important; padding-top:22px !important; padding-bottom:22px !important; } /* shop.html 390実測: prev→chip16px・chip→title12px・band padding22/22（チップ帯のみ theme-exact）。PC値は下の min-width:751px ブロック（s21 audit fail#2: SP実測のみで PC 未接地だった） */ /* 指摘2: connection-note 白箱＝user-validated canon として _shared/components.css sc9 へ昇格（ledger#26②・s21 audit 観察。ページ側複製は削除） */ /* 指摘5: 最終CTA #closing の sub が区切り線と密着→帯標準の上breathing 30 */ .main.corporate.corporate #cta{ padding-top:30px !important; padding-bottom:30px !important; }/* fresh-s17 F1: theme 5592 が SP で padding:0 !important＝bottom も殺す→対称確保 *//* probe で computed 0 を確認→強制（指摘: subが線とびた付け） */ /* 台帳#26① PC: チップは PC で 18px/高さ~42 → -68%で約28px上に出る＝margin-top 40 では 7-8px に縮む → 48 で shop 同等の16px確保。 s21 audit fail#2: PC の band padding も shop.html 1280 実測に接地＝40/40（22のままだと chip→title 6px に密着）→ 実測 probe で再検証済みであること */ @media (min-width:751px){ .main.corporate.corporate #cta-mid1, .main.corporate.corporate #estimate-cta{ margin-top:48px !important; padding-top:40px !important; padding-bottom:40px !important; } } /* 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。 */ /* [B1-C5] 2026-09-07 SEO 監査 C5／C11-c（親統括裁定）: FV プレースホルダ枠に構成案 h1 を可視で置く。値は姉妹 fv-todo（build/knack-to-sell/extra.css:148-154＝22px/1.4/700/margin-bottom 12px・gold 接地）を明地トークン（--color4）へ翻訳。作り込みはしない。 */ .main.corporate.corporate .topbanner.fv-todo .fv-todo-title{ font-size:22px; line-height:1.4; font-weight:700; color:var(--color4); margin:0 0 12px; } .main.corporate.corporate .topbanner.fv-todo .fv-todo-note a{ color:var(--color9); font-weight:700; text-decoration:underline; } /* [B1-C7] 2026-09-07 SEO 監査 C7（装飾 strong の撤去・親統括裁定）: #why の POINT 番号を から へ。見た目はテーマ原典 style.css:6606-6609（.point-num strong{font-size:1.95em;margin-left:3px}）と同値・font-weight は strong 既定の bold を維持（ipad/mac b1 と同処方）。 */ .main.corporate.corporate .reason .reason-point .point-list .point .point-num .num{ font-size:1.95em; margin-left:3px; font-weight:bold; } /* ==== WP統合(port_page.py 自動追加) ==== */ .main.corporate{ background:#fff; } /* 自前FVがあるためテーマ自動FV(page-bg)とタイトル帯(.pages)を隠す。無スコープだが mu-plugin の is_page() ゲートでこのページのみ読込 */ .page-bg.bg-photo, .pages{ display:none !important; } /* ==== FV-CSS 2026-10-02：FV 一枚絵化（section.topbanner が fv-todo → fv-v2）に伴い、画像の下に残る FV 内側の規則を fv-v2 向けに複写。 値は同ファイル内の .topbanner.fv-todo の規則と同じ（build/corporate/extra.css の fv-v2 規則と同じ作り）。section 自身の規則と .fv-device は複写しない。 */ .main.corporate.corporate .topbanner.fv-v2 .fv-todo-note{ border:1px dashed var(--color7); border-radius:5px; background:#FAFCFF; padding:18px 16px; font-size:12px; font-weight:500; color:var(--color13); line-height:1.6; margin:0; } .main.corporate.corporate .topbanner.fv-v2 .fv-todo-label{ display:inline-block; background:var(--color9); color:#fff; font-size:11px; font-weight:700; border-radius:4px; padding:2px 9px; margin-right:8px; line-height:1.5; } .main.corporate.corporate .topbanner.fv-v2 .fv-todo-title{ font-size:22px; line-height:1.4; font-weight:700; color:var(--color4); margin:0 0 12px; } .main.corporate.corporate .topbanner.fv-v2 .fv-todo-note a{ color:var(--color9); font-weight:700; text-decoration:underline; } /* ==== FV-CSS2 2026-10-02：画像が出ないとき、共通 CSS の紺地では紺色の見出しが読めないため、元の FV と同じ淡色の地 var(--color10) にする。 */ .main.corporate.corporate .topbanner.fv-v2.fv-img-failed{ background: var(--color10); }