（h2/h3でない）── の2点で**届かず**、帯だけが生き残る。
一方すぐ上の §5 が文字色を --dyn-heading（＝ライトでは濃色）へ寄せるため「濃い帯に濃い文字」となり、
案件ごとに帯との視認性を見て文字色を手当てする必要があった。帯を外せば一覧（§12で帯が外れる）と揃い、手当ても不要になる。
※帯を活かしたい案件は案件側で `background:var(--dyn-accent); color:var(--dyn-on-accent)` を再指定する。 */
.recent_post_title{ background:transparent !important; padding-left:0 !important; }
[class*="_sidebar_date"], .recent_post_date{ font-family:var(--dyn-font-numeric) !important; color:var(--dyn-muted) !important; }
/* 記事li の区切り罫線：theme_default が #666 をハードコードしており地に合わず過剰に見える → トークンへ */
[class*="_sidebar"] ul li, .recent_posts_wrap ul li{ border-bottom-color:var(--dyn-border) !important; }
/* カテゴリ右の記事数を視認できるチップに */
[class*="_sidebar_post_category_count"]{ background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border); border-radius:var(--dyn-radius); padding:0 8px !important; }
/* カテゴリ一覧 li：theme_default 由来の左右縦罫線(1px solid #666)を除去（下罫線は区切りとして意図的に残す）。S01189還流 */
[class*="category_post_count"] li{ border-left:0 !important; border-right:0 !important; }
/* カテゴリ名と件数チップが重ならないよう両端寄せ。
あわせて左右パディングを解除：theme_default は `.category_post_count ul li a{ padding:15px 20px }` と
**帯／箱があった前提**の字下げを持つため、帯を外した状態では
カテゴリ名だけが 20px 右にずれ、見出し(h3)や「最近の投稿」リストと頭が揃わない。
上下15pxはタップ領域として残す。 */
[class*="category_post_count"] li a{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding-left:0 !important; padding-right:0 !important; }
/* ============================================================
§6 詳細ページ（本文 / 署名 / SNS / 詳細内スライダー）
============================================================ */
.parts-blog-ex_text{ font-family:var(--dyn-font-body); color:var(--dyn-text) !important; line-height:1.9; }
.parts-blog-ex_text h2, .parts-blog-ex_text h3{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
.signature_wrap{ font-family:var(--dyn-font-display); color:var(--dyn-muted) !important; border-top:1px solid var(--dyn-border); padding-top:16px; }
.slick-prev, .slick-next{ color:var(--dyn-accent-2) !important; }
/* ※詳細本文の親ラッパーが固定class薄め。崩れる場合は実ページで本文コンテナを確認し追補 */
/* ============================================================
§7 お問い合わせフォーム
============================================================ */
.contact_section, [class*="_section_form"], [class*="_section_content"], [class*="_content_wrap"], [class*="_content"]{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important; }
[class*="_form_wrap"]{ max-width:720px; margin:0 auto; }
[class*="_form_wrap"] label, [class*="_form_wrap"] dt, [class*="_form_wrap"] .ja, [class*="_form_wrap"] .en{ color:var(--dyn-text) !important; }
/* 入力欄を十分な大きさに（チェック/ラジオは除外） */
[class*="_form_wrap"] dd input:not([type="checkbox"]):not([type="radio"]),
[class*="_form_wrap"] dd select{ width:100% !important; max-width:none !important; padding:14px 16px !important; font-size:16px !important; min-height:54px !important; background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius); }
[class*="_form_wrap"] textarea, .form_textarea textarea{ width:100% !important; padding:14px 16px !important; font-size:16px !important; min-height:220px !important; background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius); }
/* チェックボックス/ラジオはサイズ統一 */
[class*="_form_wrap"] input[type="checkbox"], [class*="_form_wrap"] input[type="radio"]{ width:18px !important; height:18px !important; min-height:0 !important; padding:0 !important; margin:0 8px 0 0 !important; vertical-align:-3px; accent-color:var(--dyn-accent); flex:none !important; }
/* 必須バッジ: 文字を中央・折り返さない・角丸はトークン */
.required{ display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; white-space:nowrap !important; padding:6px 12px !important; border-radius:var(--dyn-radius) !important; background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; }
.error{ color:var(--dyn-accent-2) !important; }
/* 「お問い合わせ内容」を囲む大きな箱(枠線)を撤去 */
.form_textarea, .form_text_dt{ border:none !important; background:transparent !important; }
/* 送信ボタン。★セレクタに包み(.contact_submit 自体)を含めないこと：
包みは複数ボタンを載せるレイアウト用のdivで、ここを accent で塗ると
(a) 完了ページ=藍の包みに藍のボタンが乗って同化し、ボタンが消えて見える
(b) 確認ページ=すぐ下でアウトライン化する「戻る」が藍地に濃色文字となり判読不能（実測 1.01:1）
になる。当てる先はボタン実体だけでよい（dynamic-form.md §1 の意図も「送信 .contact_submit input = accent地」）。 */
.contact_submit button, .contact_submit input{ background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; border:none !important; border-radius:var(--dyn-radius) !important; }
/* 確認ページの「戻る」は副ボタン（送信＝アクセント／戻る＝アウトライン）＝誤導線防止 */
.contact_submit input[name="back"]{ background:transparent !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border) !important; }
/* 送信前 disabled（reCAPTCHA未完了）の見え方 */
.contact_submit input[disabled]{ opacity:.5; cursor:not-allowed; }
/* --- フォーム実コードで頻出するが §7本体に無かった部品（parts213等の実装を突き合わせ）--- */
/* ファイル添付の自作UI：受領のインライン style が #eee 地・#999 文字・明るいグラデで固定し、
ダーク地で白い箱・低コントラストになる。トークンで地・枠・文字を寄せる（label_file_upload に限定）。 */
.label_file_upload{ display:block; width:100%; padding:12px 14px; cursor:pointer;
background:var(--dyn-surface) !important; color:var(--dyn-text) !important;
border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius); }
.label_file_upload button{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important;
border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius) !important; pointer-events:none; }
.label_file_upload span, #file-chosen, [id$="filechosen"]{ color:var(--dyn-muted) !important; }
.des{ color:var(--dyn-muted) !important; }
/* 注意書き（文字数制限・ファイル名規則等の補助）：色未指定/未定義var(--red)で可読性がばらつくため muted で固定（AA確保色） */
.attention{ color:var(--dyn-muted) !important; }
/* 郵便番号は narrow に保つ：上の入力欄ルール `[class*="_form_wrap"] dd input:not([checkbox]):not([radio])`
は (0,3,2)+!important で .zip も全幅化し〒[郵便番号][住所]を壊す。これに勝つよう :not() を重ねて
詳細度を (0,4,2) に上げて .zip だけ幅を戻す（parts219等 form_address系・番号非依存）。 */
[class*="_form_wrap"] dd input.zip:not([type="checkbox"]):not([type="radio"]){ width:9em !important; max-width:9em !important; display:inline-block; margin-right:8px; }
/* プライバシー同意 */
.privacypolicy{ background:var(--dyn-surface) !important; border:1px solid var(--dyn-border); border-radius:var(--dyn-radius); padding:16px; color:var(--dyn-muted) !important; }
.privacypolicy-link{ color:var(--dyn-accent-2) !important; }
/* 電話/メール等の content バー（角丸はトークン） */
[class*="_content"] [class*="btn"], [class*="_content"] a[class*="round"]{ border-radius:var(--dyn-radius) !important; }
/* ============================================================
§7b お問い合わせフォーム ─ wpcf7 / .formBox 系（第2系統）
------------------------------------------------------------
【重要】フォームには構造が2系統ある（dynamic-harvest.js の「フォーム系統」で判定）：
・§7 = parts_form/dl 系（[class*="_form_wrap"] / dt / dd / .required / .contact_submit）
・§7b = wpcf7/.formBox 系（.formWrap > .formBox > dt>label>span.req + dd>input,
送信=input.wpcf7-submit。SEIKEN/協力会社フォーム等 Contact Form 7 由来）
§7 の `[class*="_form_wrap"]` は §7b 構造に当たらないため、当該系統では本セクションが要る。
いずれも番号非依存のセマンティッククラスで記述。
============================================================ */
.formWrapbg, .formWrap, .form, [class*="formSec"]{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important; }
.formWrap{ max-width:720px; margin:0 auto; }
.formBox{ margin-bottom:20px; }
.formBox dt, .formBox label{ color:var(--dyn-text) !important; }
.formBox dd input:not([type="checkbox"]):not([type="radio"]),
.formBox dd select,
.formWrap input[type="text"], .formWrap input[type="email"], .formWrap input[type="tel"]{
width:100% !important; max-width:none !important; padding:14px 16px !important; font-size:16px !important;
min-height:54px !important; background:var(--dyn-surface) !important; color:var(--dyn-text) !important;
border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius);
}
.formBox dd textarea, .formWrap textarea{
width:100% !important; padding:14px 16px !important; font-size:16px !important; min-height:220px !important;
background:var(--dyn-surface) !important; color:var(--dyn-text) !important;
border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius);
}
.formWrap input[type="checkbox"], .formWrap input[type="radio"]{
width:18px !important; height:18px !important; min-height:0 !important; padding:0 !important; margin:0 8px 0 0 !important;
vertical-align:-3px; accent-color:var(--dyn-accent); flex:none !important;
}
/* 必須バッジ（wpcf7系は .req） */
.req, .formBox .req{
display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important;
white-space:nowrap !important; padding:6px 12px !important; border-radius:var(--dyn-radius) !important;
background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important;
}
.wpcf7-not-valid-tip, .wpcf7-response-output{ color:var(--dyn-accent-2) !important; }
/* 送信（Contact Form 7） */
input.wpcf7-submit, .formWrap button[type="submit"]{
background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important;
border:none !important; border-radius:var(--dyn-radius) !important;
min-height:54px !important; padding:14px 28px !important; font-size:16px !important; cursor:pointer;
}
/* プライバシー同意（両系統共通の .privacypolicy* は §7 で適用済） */
/* ============================================================
§14 自動CSSに負けた時の手順（R-27）※汎用アーマーは持たない＝安全契約
------------------------------------------------------------
CueZilla は body内コンポの style 要素でパーツ単位に `.partsNNN_blog_ .card .card-body{…!important}`
等の高詳細度(0,3,0)+!important を吐く。§1〜§9 の単一属性セレクタ(0,1,0〜0,2,0)+!important は
同プロパティで【負ける】（症状：当てているのに反映されない＝崩れの常連）。
→ 【禁止】[class*=…]を積んで(0,3,0)に並べる汎用アーマー（脆い・過剰マッチ・アーマーレース）。
＝以前ここにあった `[class*="parts"][class*="_blog"] .card` 等は本契約により撤去した。
（theme_default 非importantへの色寄せは §8 の単一 `[class*="_blog"] .card`(0,2,0)+!important で足りる）
→ 【正】負けたパーツだけ、harvestで実採番を取り【案件CSS】末尾に (0,3,1) を1個足して確実に勝つ：
section.parts131415_blog_xxxx .card .card-body{ … !important } ← 実採番。構造変化に不感
※ skin は全案件共通なので案件固有の番号は書かない（負けた時だけ案件側で対処）。
※ 採番取得＝verify/dynamic-harvest.js。当て方＝50_CSS・動的ページ/動的ページCSS_実セレクタ参考.md §14。 */
/* 見出しのテーマ装飾(角丸/中央寄せ/背景/罫線)残りをパーツ内でリセット（R-21）。
theme_default は非importantなので、単一 [class*="_section"] + !important で確定勝ち（[class*]を積まない）。 */
[class*="_section"] h2, [class*="_section"] h3{
border-radius:0 !important; background:transparent !important; border:none !important; text-align:inherit !important;
}
/* ============================================================
§8 トップ用 お知らせ/ブログ teaser（notice-news / blog teaser）
============================================================ */
.parts040506_notice-news{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important; }
.parts040506_notice-news *{ color:var(--dyn-text) !important; }
.parts040506_notice-news .title, .parts040506_notice-news .title a{ color:var(--dyn-heading) !important; }
.parts040506_notice-news [class*="date"], .parts040506_notice-news .f_yugothic{ font-family:var(--dyn-font-numeric) !important; color:var(--dyn-muted) !important; }
.parts040506_notice-news .more{ white-space:nowrap !important; color:var(--dyn-accent-2) !important; }
.parts040506_notice-news a{ color:var(--dyn-accent-2) !important; }
/* サムネ型ブログ teaser */
[class*="_blog_title_wrap"]{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
[class*="_blog_thumbnail"]{ border-radius:var(--dyn-radius); }
/* teaser内が Bootstrap .card（既定で白）の場合のダーク/トーン化 */
[class*="_blog"] .card{ background:var(--dyn-surface) !important; border-color:var(--dyn-border) !important; border-radius:var(--dyn-radius) !important; }
[class*="_blog"] .card-title, [class*="_blog"] .card-text{ color:var(--dyn-text) !important; }
[class*="_blog"] .card-title{ font-family:var(--dyn-font-display) !important; }
/* ============================================================
§9 Bootstrap汎用クラスの地ならし（パーツ内に限定）
text-dark / bg-light 等がパーツ内でトーンを乱すのを抑える
============================================================ */
[class*="parts"] .text-dark{ color:var(--dyn-text) !important; }
[class*="parts"] .bg-light{ background:var(--dyn-surface) !important; }
.card-header.bg-light{ background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; }
/* ============================================================
§10 プライバシーポリシー（templates/privacy-policy.html のフリーコーディング設置版）
※CueZilla既定パーツ(item_title/item_description)へ転記する場合は §5 等で別途適用される
============================================================ */
.privacy{ max-width:880px; margin:0 auto; padding:64px 24px; color:var(--dyn-text); font-family:var(--dyn-font-body); line-height:1.9; }
.privacy__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,4vw,2.6rem); }
.privacy__subtitle{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:1.2rem; margin-top:8px; }
.privacy__lead{ color:var(--dyn-muted); margin:24px 0 40px; }
.privacy-item{ margin-bottom:32px; }
.privacy-item__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); border-left:3px solid var(--dyn-accent); padding-left:12px; margin-bottom:12px; }
.privacy-item__body{ color:var(--dyn-text); }
/* 原文の (1)(2)… 表記は【HTML側のテキスト】で持つ ※R-27対応（2026-08-26）
旧実装は `li::before` の content 宣言（`counter(pp)` を括弧で挟む）で番号を描いていたが、AddCssInfo は
content 宣言をサニタイズで落とす（counter() は content 専用なのでCSS単独の代替が無い）。実機では番号が消えたうえに
下のぶら下げインデントだけが残り、本文が左へはみ出していた。
★番号を捨てず HTML テキストへ移した理由: 本文が「上記(1)から(6)に掲げるほか」と番号を参照しており、
番号は装飾ではなく文書の一部（消すと文意が壊れる）。会社承認の定型文なので表記も変えられない。
→ templates/privacy-policy.html の各 先頭に "(1) " 等を直接書く形へ変更した。
★ぶら下げインデント（padding-left / text-indent）は残す: 番号が行頭テキストになった今も、
折り返し行を本文位置に揃えるために必要（＝この2行が番号の受け皿）。
番号を持たない古い privacy HTML に当たると字下げだけが見えるので、その場合はCSSではなく
HTML側に番号を入れて直す。counter-reset / counter-increment は用が無くなったので外した。 */
.privacy-item__list{ list-style:none; margin:8px 0; padding:0; }
.privacy-item__list li{ padding-left:2.2em; text-indent:-2.2em; margin:4px 0; color:var(--dyn-text); }
/* ============================================================
§11 下層ヘッダーパーツ（templates/subpage-header.html）
サイトヘッダーとパンくずの間。フリーコーディングで別パーツ化
============================================================ */
/* padding-top に固定ヘッダー高さ(--fixed-header-h)を加算＝固定ヘッダーへのめり込み防止。
固定ヘッダーが無いサイトは既定0で無影響。固定ヘッダー採用サイトは案件CSSで :root{ --fixed-header-h:88px } 等を設定（R-18）。 */
.subpage-header{ position:relative; padding:calc(72px + var(--fixed-header-h, 0px)) 24px 72px; background:var(--dyn-surface); text-align:center; overflow:hidden; }
.subpage-header__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.45; z-index:0; }
.subpage-header__inner{ position:relative; z-index:1; }
.subpage-header__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,5vw,3rem); line-height:1.3; text-shadow:0 2px 14px rgba(0,0,0,.5); }
.subpage-header__en{ font-family:var(--dyn-font-numeric); color:var(--dyn-muted); letter-spacing:.12em; margin-top:8px; }
/* ============================================================
§12 システム定型ページ：送信完了(thanks) / 404
templates/thanks.html, templates/404.html 用。トークンスキン準拠
============================================================ */
.thanks, .notfound{ max-width:760px; margin:0 auto; padding:calc(80px + var(--fixed-header-h, 0px)) 24px 96px; text-align:center; }
/* CueZilla 既定404（section.not-found）はレイアウトを変えず、固定ヘッダー分の上余白だけ確保（R-18） */
.not-found{ padding-top: calc(var(--fixed-header-h, 0px) + 24px); }
.thanks__title, .notfound__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,5vw,2.6rem); line-height:1.3; margin-bottom:28px; }
.thanks__lead, .notfound__lead{ color:var(--dyn-text); line-height:2; margin-bottom:40px; }
.thanks__action, .notfound__action{ margin-top:8px; }
/* ============================================================
§13 Bootstrap(テーマ)既定の恒久打ち消し（R-20）
------------------------------------------------------------
CueZillaテーマが読み込む Bootstrap の "素のタグ/汎用クラス" が
フリーHTMLに当たって崩す症状を、案件ごとの手当て無しで地ならしする。
ここは確認済みの実害2件（test0605）に限定して打ち消す。
※「色/余白/タイポ」を意図して変える装飾は接頭辞クラス(.xw- 等)で
付け直す＝下記より高詳細度になり、本セクションに勝つ（壊さない）。
============================================================ */
/* (a) / .mark の黄ハイライト背景：ロゴや見出しが黄色い箱になる症状 → 無効化。
意図的なマーカー装飾は専用クラスで（Bootstrap名 .mark を流用しない＝R-20）。 */
mark, .mark{
background-color:transparent !important; color:inherit !important;
padding:0 !important; border-radius:0 !important;
}
/* (b) a:hover が Bootstrap青(#0a58ca)になる症状 → 既定は「ホバーで色を変えない」。
!important は付けない＝個別のホバー装飾(接頭辞クラスや site.css の指定)が
そのまま勝ち、未指定リンクだけが青化を免れる（フォールバック）。 */
a:hover{ color:inherit; }
/* (c) 電話番号リンク(tel:)の最低タップ確保（R-24／§5.5-3）。
本文中インラインでも折り返さない。CTA/ボタン用途は接頭辞クラスで44px確保。 */
a[href^="tel:"]{ white-space:nowrap; }
/* ===== 29_override.css ===== */
/* S00121 有限会社アオト建設 — override（site.css → skin の後に結合。案件の上書きはここだけ／R-30）
skin採用（cz-judgment §3）: 受領データは動的パーツ（ブログ/施工実績/フォーム/NEWS帯）の
クラスCSSを1行も持たず、実在クラス＋インラインstyleで見た目を再現しているだけ（AHT型）。
→ skin をそのまま同梱し、ここには「skinの後で受領の意匠に寄せる分」だけを書く。 */
/* KEEP: CueZilla自動パンくずは全ページ非表示（受領デザインが自前のパンくず帯を持つため二重になる・R-10a） */
[class*="_breadcrumb"], .p-breadcrumb{ display:none !important; }
/* /KEEP */
/* KEEP: theme_default の body{overflow-x:hidden} と html,body{height:100%} の打ち消し（2行セット）。
本案件のヘッダーは position:fixed なので sticky の問題は出ないが、height:100% はページ全体の
高さ計算を狂わせるため揃えて当てる。
教訓 cuezilla-sticky-header-fix / cuezilla-theme-html-body-height-100-kills-sticky */
html, body{ height:auto !important; }
body{ overflow-x:clip !important; min-height:100dvh; }
/* /KEEP */
/* KEEP: テーマ(Bootstrap)の a:hover 青化を受領の配色へ戻す（R-20） */
a:hover{ color:#C49A00; }
/* /KEEP */
/* ============================================================
TOP：NEWS帯（design-parts-52）
受領は実在クラス＋インラインstyleで再現していた＝パーツに置き換えると装飾が全部消えるので
同じ意匠をクラスCSSで書き起こす（R-7・採番非依存／エアソリティーの(b)型）。
============================================================ */
section[class*="design-parts-52"]{ background:#0D0D0D !important; border-top:1px solid rgba(255,255,255,.12) !important; color:rgba(255,255,255,.85) !important; }
section[class*="design-parts-52"] .container{ max-width:1240px; margin:0 auto; padding:0 clamp(16px,4vw,44px); }
section[class*="design-parts-52"] .content{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 24px; padding:18px 0; }
/* NEWSラベル。★「文字が下寄りになる」対策込み（2026-08-26 ディレクター指摘）:
受領は padding だけで高さを作っていたが、それだと
①テーマ/Bootstrap の h4 行高（1.2）や、CueZillaがラベルに当てる余白がそのまま効いて箱の高さが変わる
②Oswald は大文字だけのとき ink がベースライン上に偏る（実測 12px で ascent 10px・descent 0px）ため、
行ボックスの中央＝文字の中央にならない
の2つで下へ寄る。→ **箱の高さを min-height で確定し、inline-flex + align-items:center で中身を中央へ、
行高を 1 に固定**したうえで、②のぶんを padding-bottom:1px で相殺する（ローカル実測で上下ぴったり同値）。
セレクタは (0,3,2) まで上げてある＝CueZillaが吐く採番付き自動CSS(0,3,0〜0,3,1)+!important に勝つため。 */
section[class*="design-parts-52"] h4.banner-area,
section[class*="design-parts-52"] .content h4.banner-area,
section[class*="design-parts-52"] .content [class*="banner-area"]{
margin:0 !important; flex:0 0 auto;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
min-height:28px !important; height:auto !important;
padding:0 15px 1px !important; line-height:1 !important;
background:transparent !important; color:#ffffff !important;
border:1px solid rgba(255,255,255,.3) !important; border-radius:5px !important;
font-family:'Oswald',sans-serif !important; font-size:12px !important; font-weight:700 !important;
letter-spacing:.2em !important; text-align:center !important;
}
/* ラベルの中に span 等が入る実装でも、その子が余計な行高・余白を持ち込まないようにする */
section[class*="design-parts-52"] [class*="banner-area"] > *{
margin:0 !important; padding:0 !important; line-height:1 !important; display:inline !important;
}
section[class*="design-parts-52"] ul{ margin:0 !important; padding:0 !important; list-style:none !important; flex:1 1 320px; min-width:0; }
section[class*="design-parts-52"] li a{ display:block; text-decoration:none; color:rgba(255,255,255,.85) !important; padding:8px 0; min-height:44px; }
section[class*="design-parts-52"] li a:hover{ color:#F5C200 !important; }
section[class*="design-parts-52"] .parts-52-textarea{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 20px; min-height:28px; }
section[class*="design-parts-52"] .date{
flex:0 0 auto; font-family:'Oswald',sans-serif !important; font-size:13px !important;
letter-spacing:.06em; color:rgba(255,255,255,.5) !important; font-variant-numeric:tabular-nums;
}
/* ============================================================
TOP：ブログ記事カード（parts131415_blog）
意匠見出しは 05b の末尾（.ao-blog-head）に残してあるので、パーツ側の見出し枠は隠す。
カードの体裁は受領のインラインstyleを書き起こしたもの。
============================================================ */
section[class*="parts131415_blog"]{ background:transparent !important; padding:0 clamp(20px,4vw,48px) clamp(52px,7vw,76px) !important; }
section[class*="parts131415_blog"] [class*="_title_wrap"]{ display:none !important; }
section[class*="parts131415_blog"] > .container-lg{ max-width:1240px; margin:0 auto; padding-top:0 !important; }
/* 列数はパーツ自身が持つ Bootstrap クラス（row-cols-1 / row-cols-sm-2 / row-cols-lg-3）と同じ
1→2→3 で固定する。受領は auto-fit だったが、CMSの記事が3件未満だと空トラックが潰れて
カードが横いっぱいに伸びる（教訓 auto-fit-grid-blows-up-when-cms-returns-few-items）。
minmax の 0 はグリッド子の min-width:auto による横はみ出し対策も兼ねる。 */
section[class*="parts131415_blog"] .row{
display:grid !important; grid-auto-rows:1fr;
grid-template-columns:minmax(0,1fr) !important; gap:22px !important;
/* Bootstrap の溝（.g-4 / --bs-gutter-*）を0にする。グリッドの gap と二重にかかって
カード間が 22px→46px に開き、.row の負マージンで container からもはみ出すため。 */
--bs-gutter-x:0 !important; --bs-gutter-y:0 !important;
}
@media (min-width:576px){ section[class*="parts131415_blog"] .row{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (min-width:992px){ section[class*="parts131415_blog"] .row{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
/* KEEP: ★Bootstrap（テーマが読み込む）の .row-cols-* の子セレクタが flex:0 0 auto と width:33.3333% を当てる。
.row をグリッド化すると、この % が「グリッドトラックの33%」として効いてカードが潰れる
（実測 2026-08-27: 375px のトラックの中でカード 125px）。グリッド側で必ず打ち消すこと。
★この不具合は Bootstrap を読み込まないローカル再現では絶対に出ない。 */
section[class*="parts131415_blog"] .row > *{
width:auto !important; max-width:none !important; flex:0 1 auto !important; min-width:0 !important;
}
/* /KEEP */
section[class*="parts131415_blog"] .card{
background:#ffffff !important; border:1px solid rgba(0,0,0,.07) !important; border-radius:9px !important;
overflow:hidden; height:100%;
}
section[class*="parts131415_blog"] .card-body{ padding:18px !important; }
section[class*="parts131415_blog"] .card-title{
margin:0 0 10px !important; display:inline-block !important; background:#F0F0EC !important; color:#555555 !important;
font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important;
padding:4px 12px !important; border-radius:20px !important; text-align:center !important;
font-family:'Noto Sans JP',sans-serif !important;
}
section[class*="parts131415_blog"] .card-text{
margin:0 0 14px !important; font-size:15px !important; font-weight:700 !important; line-height:1.6 !important;
color:#0D0D0D !important; font-family:'Noto Sans JP',sans-serif !important;
}
section[class*="parts131415_blog"] [class*="_thumbnail"]{ height:170px; border-radius:8px; overflow:hidden; background:#2A2A2A; }
section[class*="parts131415_blog"] a{ text-decoration:none; }
section[class*="parts131415_blog"] a:hover .card-text{ color:#C49A00 !important; }
/* ============================================================
一覧・フォーム（/blog・/blog-ex/instance・/form/inquiry）
基本装飾は skin（§3〜§7）が持つ。ここは受領デザインに寄せる差分だけ。
★実機投入後に harvestEW() で実DOMを採り、崩れがあればここを直す（R-28）。
============================================================ */
section[class*="parts222_section"], section[class*="parts228_section"]{
padding:clamp(56px,8vw,96px) clamp(20px,4vw,48px) !important; background:transparent !important;
}
section[class*="parts213"], section.contact_section{ background:#ffffff !important; }
/* skin §0 のトークンを受領デザインの配色へ寄せる（override は skin の後＝ここでしか効かない／R-30）。
カード面・入力欄・チップの地はこのサイトでは白、角は落とし、日付は薄墨。 */
:root{
--dyn-bg:#ffffff; --dyn-surface:#ffffff; --dyn-text:#222222; --dyn-heading:#0D0D0D;
--dyn-muted:#888888; --dyn-border:rgba(0,0,0,.12); --dyn-accent:#0D0D0D; --dyn-accent-2:#C49A00;
--dyn-on-accent:#ffffff; --dyn-radius:0; --dyn-card-min:300px; --dyn-gap:28px;
--dyn-font-display:'Noto Serif JP',serif; --dyn-font-body:'Noto Sans JP',sans-serif;
--dyn-font-numeric:'Oswald',sans-serif;
}
/* グリッド子の min-width:auto でカードが横にはみ出すのを先に潰す（SP幅で必ず起きる） */
[class*="_post_list"], [class*="_post_list"] > *{ min-width:0 !important; }
/* 受領のカード意匠（白面・細枠・角丸10px）。カードの並び・等寸化・max-width解除は skin §4 が担当。
★ サイドバーの幅（テーマの max-width:28.179%）は**解除しない**＝受領デザインの
「本文＋右サイドバー」の比率がそれで再現される（一律 max-width:none にすると50/50になって崩れる）。 */
[class*="_post_wrap"]{ border:1px solid rgba(0,0,0,.08) !important; border-radius:10px !important; }
/* ★詳細度に注意: skin §4 のチップ装飾は [class*="_post_status"] > span:last-child(0,2,1) にも当たるので、
同じ (0,2,0) で書くと負ける。親を1段足して (0,3,1) にして受領の「白地・金茶文字・角なし」を確定させる。 */
[class*="_post_status"] > [class*="_post_category"]:not([class*="_sidebar"]){
color:#C49A00 !important; border:1px solid rgba(0,0,0,.15) !important; background:#ffffff !important;
padding:4px 10px !important; font-size:12px !important; letter-spacing:.06em !important;
border-radius:0 !important;
}
/* ★日付をチップにしない保険。受領の parts228 マークアップは _post_status の中が日付だけで閉じており
（実パーツは日付の後に _post_title-excerpt が続く＝受領のクラス当てが実DOMと少し違う）、
その形だと skin §4 の [class*="_post_status"] > span:last-child チップ装飾が**日付を金茶の枠付き
チップに変える**（ローカル再現で実測）。実DOMでは当たらないが、当たっても素のテキストに戻す。 */
[class*="_post_status"] > [class*="_post_date"]{
background:transparent !important; border:0 !important; padding:0 !important;
color:#888888 !important; font-family:'Oswald',sans-serif !important; letter-spacing:.08em !important;
}
/* ページ送り（parts222/228 のページャ）のタップ領域を 44px 確保する（R-19 軸②）。
受領のダミーはインラインstyleで min-width/min-height:44px を持っていたが、実パーツには付かない。 */
[class*="pagenation"] a, [class*="pagination"] a{ min-width:44px !important; min-height:44px !important; display:inline-flex !important; align-items:center; justify-content:center; }
/* サイドバー見出し（受領は黒帯＋黄の左罫線）。skin §5 は帯を外して文字色だけ寄せるので当て直す。 */
[class*="_sidebar"] h3{
background:#0D0D0D !important; color:#ffffff !important; font-size:13px !important; font-weight:700 !important;
letter-spacing:.16em !important; padding:12px 16px !important; border-left:4px solid #F5C200 !important;
border-radius:0 !important; text-align:left !important;
}
/* --- お問い合わせフォーム（parts213）: theme_default が dl を横並びにするのを受領の縦並びへ戻す ---
theme は dl{display:flex;justify-content:center} ＋ dt{max-width:345px} ＋ dd{max-width:785px;margin-left:35px}
を持つ。受領デザインは「項目名の下に全幅の入力欄」なので、そのままだと入力欄が約340pxに縮んで右寄りになる
（R-28 の実測パターン。skin §7 の width:100% は dd の幅までしか効かない）。 */
[class*="_section_form"] dl{ display:block !important; }
[class*="_section_form"] dt{
max-width:none !important; width:100% !important; justify-content:flex-start !important;
gap:10px; margin-bottom:8px !important; font-size:15px !important; font-weight:700 !important;
}
[class*="_section_form"] dd{ max-width:none !important; width:100% !important; margin-left:0 !important; }
/* 入力欄は受領どおり「白地＋細枠＋角なし」 */
[class*="_form_wrap"] dd input:not([type="checkbox"]):not([type="radio"]),
[class*="_form_wrap"] dd select,
[class*="_form_wrap"] textarea{ background:#ffffff !important; border:1px solid rgba(0,0,0,.22) !important; }
/* 必須バッジ（受領は臙脂の角なし小バッジ） */
.attention{ color:#8a1a1a !important; } /* skin §7 は muted(#888) にするが受領は臙脂＝AAを満たす方を採る */
.required{ background:#8a1a1a !important; color:#ffffff !important; font-size:11px !important;
font-weight:700 !important; letter-spacing:.08em !important; padding:3px 10px !important;
width:auto !important; height:auto !important; }
/* 送信ボタン（受領は黄地×墨文字。確認画面の「戻る」は skin のアウトラインのまま残す） */
.contact_submit input:not([name="back"]), .contact_submit button:not([name="back"]){
background:#F5C200 !important; color:#0D0D0D !important; border:1px solid #F5C200 !important;
border-radius:6px !important; min-height:54px; padding:15px 40px; font-weight:900; letter-spacing:.02em;
}
/* --- 一覧の自動見出し（「ブログ」「施工実績」）は skin §4 が既に隠している。
もし実機で 04b の静的見出し「新着記事」と二重に出た場合だけ、下の1行のコメントを外す。
section[class*="parts222_section"] > h2{ display:none !important; }
--- */