*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Zen Maru Gothic",system-ui,sans-serif;color:#22301b;background:#ffffff;line-height:1.9;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:#2f5d1e;text-decoration:none}
a:hover{color:#f39800}
h1,h2,h3,h4,p,ul,figure{margin:0}
ul{list-style:none;padding:0}
@keyframes ms-kb{0%{transform:scale(1.06)}100%{transform:scale(1.14)}}
@keyframes ms-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes ms-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes ms-ldspin{to{transform:rotate(360deg)}}
@keyframes ms-ldpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
[data-hero-img]{animation:none!important}
[data-marquee]{animation:none!important}
[data-ld-ring]{animation:none!important}
[data-ld-mark]{animation:none!important}
}
/* ===== 受領ページCSS #2（11ページで共通）===== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Zen Maru Gothic",system-ui,sans-serif;color:#22301b;background:#ffffff;line-height:1.95;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:#2f5d1e;text-decoration:none}
a:hover{color:#f39800}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,dt,figure{margin:0}
ul{list-style:none;padding:0}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal}
@keyframes ms-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
/* 縦長イラストのパネル：タブレット縦/スマホではカードの下へ回し、バストアップに切り抜く */
@media (max-width:900px){
[data-art-below]{order:9;flex:1 1 100% !important;width:100%;min-width:0 !important;min-height:0 !important;height:clamp(210px,56vw,290px) !important;overflow:hidden;align-items:flex-start !important;margin-top:clamp(10px,3vw,18px)}
[data-art-below] img{height:auto !important;max-height:none !important;width:auto !important;max-width:min(300px,72%) !important;object-position:top}
}
/* ===== 40_skin.css ===== */
/* ============================================================
★★★ このファイルは【全案件共通の資産】です。案件では編集しないでください ★★★
------------------------------------------------------------
（Claude Code / Claude Design / 手作業、いずれの経路でも同じです）
■ 案件ごとの調整は、必ず `override.css` に書いてください。
読み込み/結合順が … → style.css → cuezilla-skin.css → 【override.css】 なので、
override.css に書いた指定は本ファイルに打ち消されません。**案件の上書きが効く唯一の場所です。**
（例: カード面を白にしたい → override.css に `:root{ --dyn-surface:#fff; }`）
■ なぜ編集してはいけないか
本ファイルを案件で書き換えた瞬間、その案件の skin は共通資産から切り離されます。
以後、共通側で直した修正（カード高さの不揃い／サイドバーの可読性／
フォーム送信ボタンの崩れ 等）が **その案件には二度と届きません**。
実際に S01189 で本ファイルの §0 が案件調整で書き換えられ、共通修正が届かなくなりました。
「毎案件おなじ崩れを直している」の原因はこれです。
■ 共通で直すべき崩れを見つけたら
案件で握り込まず、正本 `skin/cuezilla-skin.css` へ還流してください（全案件に効きます）。
還流し忘れると、次の同期でその修正は消えます。
詳細は R-30（70_運用ルール/運用ルール集.md）。
============================================================ */
/* ============================================================
CueZilla 動的パーツ スキンキット v1.0
------------------------------------------------------------
目的: ブログ/施工実績(blog-ex)/お問い合わせ/パンくず/ページヘッダー等の
CueZilla 既定パーツを、サイトのトンマナ（ダーク/ライト・ブランド色・
フォント・角丸）に "自動で寄せる" 汎用CSS。案件ごとの調整を最小化する。
思想:
(1) 色は CueZilla テーマ変数(--main-color 等)から自動連動
→ サイトのテーマ設定がそのまま skin にも効く（色は一元管理）
(2) フォント/角丸/グリッド幅はトークンで指定（テーマ変数に無いため）
(3) partsNNN は採番が可変だが接尾辞は共通(_post_wrap 等)
→ 属性セレクタ [class*="_xxx"] で番号非依存に当てる（単一属性セレクタまで。積んで詳細度を稼がない）
★適用範囲と安全契約（重要・memory: cuezilla-css-safety-contract）:
・本skinは「CueZilla既定の動的パーツ」だけを寄せる。サイトのフリーコーディング設計には当てない
（生成サイトCSSは変数非依存＋具体値＋自作接頭辞クラスで組む＝構造的に非衝突・skinと干渉しない）。
・[class*=…]を積んで詳細度を同点/超過させる手法は禁止（脆い・過剰マッチ・アーマーレース）。
単一の番号非依存セレクタ＋!important1個で当てる（theme_defaultは非importantなので確定勝ち）。
・!important可は「レイヤーで越えられない相手」＝theme_default／body内インライン／BSユーティリティ／
.partsNNN_blog_(0,3,0) のみ。後者(0,3,0)+!importantには詳細度で負けるため、
負けた時だけ §14 の手順で実採番(0,3,1)を【案件CSS】に足して勝つ（汎用skinには番号を書かない）。
・変数の注意：実機は body内コンポ