@charset "UTF-8";
/* ============================================================
   mogblo-3.css ｜ モグブロ専用クローム（ゆるアニメ調v2・2026-07-11）
   ヘッダー/フッターの「見た目」だけを body.is-mogblo スコープで上書きする。
   構造・リンクは includes/header.php / footer.php の is_mogblo 分岐のまま
   （コーポレートとの共通構造を維持＝保守は一元・見た目は別世界）。
   設計正本＝ops『ブログトップ_ポップ化設計.md』v2 §3。CSS のみ・inline なし。
   ============================================================ */
body.is-mogblo { --maru: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif; }

/* ===== ヘッダー：丸ゴ＋モグラ顔アイコン ===== */
body.is-mogblo .header__logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--maru); font-weight: 900; font-size: 1.375rem; letter-spacing: 0.04em; }
body.is-mogblo .header__logo::before { content: ""; flex: 0 0 auto; width: 36px; height: 36px; background: url("/images/blog/mascot/mole-me.webp") no-repeat center / contain; }
body.is-mogblo .header__logo-sub { font-size: 0.8125rem; }
body.is-mogblo .header__nav a { font-family: var(--maru); font-weight: 700; }
body.is-mogblo .header__nav a:hover { background: linear-gradient(transparent 62%, var(--pop-lamp) 62%); opacity: 1; }

/* ===== 記事・柱ハブの h1（page-header はサイト共通 css/editorial.css の明朝のため上書き） ===== */
body.is-mogblo .page-header__title { font-family: var(--maru); font-weight: 900; letter-spacing: 0.02em; }

/* ===== フッター：上端の波形（地下の底）＋丸ゴ・地は暖黒のまま ===== */
body.is-mogblo .footer { position: relative; overflow: visible; }
body.is-mogblo .footer::before { content: ""; position: absolute; top: -19px; left: 0; right: 0; height: 20px; pointer-events: none; background: radial-gradient(circle at 20px -8px, transparent 18px, var(--ink, #1A1714) 19px); background-size: 40px 20px; }
body.is-mogblo .footer__logo { font-family: var(--maru); font-weight: 900; letter-spacing: 0.04em; }
body.is-mogblo .footer__nav a { font-family: var(--maru); font-weight: 500; }
body.is-mogblo .footer__nav a:hover { background: linear-gradient(transparent 62%, rgba(255, 214, 102, 0.45) 62%); opacity: 1; }
body.is-mogblo .footer__operator { font-family: var(--maru); }