@charset "UTF-8";
/* ============================================================
   blog/editorial.css ｜ ブログ一覧＋記事のエディトリアル刷新
   （$current_page==='blog' 限定・大改装 2026-07-04）
   2026-07-11 脱明朝（ゆるアニメ調v2 §4・代表決定）：見出しは丸ゴ
   （--maru＝mogblo-3.css の body.is-mogblo で定義）・本文は Noto Sans・
   英字装飾 Fraunces は不変。cms-*.css の後に読み込み、見出し等を上書き。
   CMS部品（cms-box/compare/rank 等）は温存。
   ============================================================ */

/* 下地・page-header はサイト全体版 css/editorial.css に統合済み。
   ここにはブログ固有（カード・サイドバー・記事本文）だけを置く。 */

/* ===== 一覧：カード ===== */
.blog-card { border: 1px solid var(--hair); border-radius: 4px; background: var(--paper); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-soft); border-color: var(--gold); }
.blog-card__meta { color: var(--ink-soft); }
.blog-card__category { font-family: var(--serif-en); font-style: italic; font-size: 0.8125rem; letter-spacing: 0.02em; padding: 0; background: transparent; color: var(--gold-deep); }
.blog-card__title { font-family: var(--maru); font-weight: 700; font-size: 1.0625rem; line-height: 1.6; color: var(--ink); }
.blog-card__description { color: var(--ink-soft); }
.blog-card__thumb--placeholder { background: linear-gradient(150deg, var(--espresso), var(--gold-deep)); }
.blog-card__thumb-label { font-family: var(--serif-en); font-style: italic; font-weight: 500; color: var(--paper); }

/* ===== 一覧：サイドバー ===== */
.blog-widget__title { font-family: var(--serif-en); font-style: italic; font-size: 1.0625rem; letter-spacing: 0.02em; color: var(--gold-deep); }
.blog-search__input { background: var(--paper); border-color: var(--hair); }
.blog-search__input:focus { border-color: var(--gold); }
.blog-cats__btn { color: var(--ink-soft); }
.blog-cats__btn:hover { color: var(--ink); }
.blog-cats__btn.is-active { background: var(--ink); color: var(--paper); }
.blog-cats__count { color: var(--ink-soft); }
.blog-recent__date { color: var(--ink-soft); }
.blog-recent__title { color: var(--ink); }
.blog-recent__link:hover .blog-recent__title { color: var(--gold-deep); }

/* ===== 記事本文 ===== */
.article { color: var(--ink); }
.article__meta { font-family: var(--serif-en); font-size: 0.875rem; letter-spacing: 0.02em; color: var(--ink-soft); }

/* 見出しを丸ゴへ（cms-1.css を上書き・金のヘアライン。2026-07-11 脱明朝） */
.article h2 { position: relative; font-family: var(--maru); font-weight: 700; font-size: clamp(1.375rem, 2.6vw, 1.75rem); line-height: 1.5; margin: 64px 0 22px; padding: 0 0 14px; border: none; border-bottom: 1px solid var(--hair); border-radius: 0; background: none; color: var(--ink); }
.article h2::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 64px; height: 3px; background: var(--gold); border-radius: 0; }
.article h3 { position: relative; font-family: var(--maru); font-weight: 700; font-size: 1.25rem; line-height: 1.6; margin: 40px 0 14px; padding-left: 16px; color: var(--ink); border-left: 3px solid var(--gold); }
.article h3::before { content: none; }

/* リード（記事冒頭の導入文があれば）＝読ませる文なので Noto Sans */
.article__lead { font-family: var(--sans, "Noto Sans JP", sans-serif); font-weight: 500; font-size: 1.0625rem; line-height: 2; color: var(--ink); }

/* フッター・戻る */
.article__footer { border-top: 1px solid var(--hair); color: var(--ink-soft); }
.article__back { font-family: var(--serif-en); font-style: italic; color: var(--gold-deep); }