/* site-fixes.css — 確定事項反映用の上乗せ（styles.cssは無改変）
   ①実アイキャッチ画像の差し込み ②7分類対応の微調整 */
.big-art.real,.thumb.real,.category-art.real{padding:0;background:#dfebf2;overflow:hidden}
.big-art.real img,.thumb.real img,.category-art.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;margin:0}
.thumb.real:after{display:none}
.thumb.real>b,.big-art.real>b,.big-art.real>.sun,.big-art.real>.big-building,.big-art.real>.mini-home{display:none}
.category-art.real:before,.category-art.real:after,.category-art.real>b,.category-art.real>span,.category-art.real>i{display:none}
.thumb.real{display:block}
.pending-art{text-align:center}

/* カテゴリタイルのSVGアイコン */
.cat>b.cico{font-size:0;display:grid;place-items:center}
.cat>b.cico svg{width:58%;height:58%;display:block}

/* アプリ案内（禁煙ウォーカー）のヘッダーボタン・トップの案内節は、CSS で隠さず PHP 側で出し分ける
   （kinen_cv()['enabled']=false のあいだは HTML に出力しない＝2026-09-24 便CH-1。v2 原本の非表示ブロックは削除） */

/* ブランドロックアップ調整（2026-07-22 ss指示） */
/* ①上下入れ替え: タグラインを上・メディア名を下（CSSのみで全ページ一括・HTML無改変） */
.brand>span{display:flex;flex-direction:column}
.brand>span small{order:-1;margin:0 0 3px}
.brand>span strong{margin:0}
/* ②フッターのタグラインを白に（PC/SP共通） */
main>footer .brand small,.category-footer .brand small{color:#fff}
/* ③スマホ: ヘッダー・フッターのタグラインを10pxに */
@media(max-width:800px){.brand small{font-size:10px}}

/* ④スマホ: 検索キーワード行を改行（ラベル1行目・タグ2行目以降） */
@media(max-width:800px){.keys>span{flex-basis:100%}}

/* ⑤カテゴリページ: SPのカテゴリ選択をアイコン付きカードグリッドに（PCは従来タブのまま） */
.category-tabs .tic{display:none}
@media(max-width:800px){
  .category-tabs{background:#fff;border-bottom:none}
  .category-tabs .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;padding:14px 16px 18px}
  .category-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
    border:1.5px solid #d8e2e8;border-radius:14px;background:#fff;padding:15px 6px 13px;
    font-size:12.5px;font-weight:700;color:#0f4a6b;white-space:normal;text-align:center}
  .category-tabs a:first-child{padding-left:6px}
  .category-tabs a.active{background:#e8f4fb;border-color:#2176a5}
  .category-tabs .tic{display:block;color:#176fa0}
  .category-tabs .tic svg{width:26px;height:26px;display:block}
  .category-tabs a:last-child{grid-column:1/-1;flex-direction:row;gap:10px;padding:13px 6px}
}

/* ⑥SP: カテゴリ説明文（見出し下のリード）を12pxに */
@media(max-width:800px){.category-heading p{font-size:12px;line-height:1.9}}

/* ▼⑦SPヒーロー背景化 v1（上88px/下196px・画像=hero-mobile.png＝上に見出し用の余白を持つ縦長画像・center bottom のまま） */
@media(max-width:800px){
  .hero-v2{display:block;position:relative;height:auto;min-height:520px;overflow:hidden}
  .hero-v2 .hero-photo{position:absolute;inset:0;order:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;margin-top:0}
  .hero-v2:after{display:none}
  .hero-v2 .hero-grid{position:relative;z-index:2;padding:88px 0 196px}
}

/* ==== (8) 一覧サムネの16:9完全表示＋SPカード統一（2026-07-23 ss指示。元に戻すときはこのブロックを削除） ==== */
/* PC: featureの画像枠は右テキスト高に引きずられ縦長化→coverで左右見切れ。16:9固定でクロップゼロに。cardも16:9化 */
.category-feature{align-items:center}
.category-feature .category-art.real{aspect-ratio:16/9;min-height:0!important;height:auto;border-bottom:0}
.category-card .category-art.real{aspect-ratio:16/9;min-height:0!important;height:auto}
@media(max-width:800px){
  /* SP: feature/cardを同一レイアウトへ統一（枠なし横並び・サムネ40%幅・16:9全体表示） */
  .category-page .category-feature{grid-template-columns:40% minmax(0,1fr);min-height:0;border:0;border-radius:0;box-shadow:none;gap:16px;align-items:start}
  .category-page .category-feature .category-art.real{aspect-ratio:16/9;min-height:0!important;height:auto;border-radius:8px}
  .category-page .category-feature>div:last-child{padding:0}
  .category-page .category-card{grid-template-columns:40% minmax(0,1fr);gap:16px}
  .category-page .category-card .category-art.real{aspect-ratio:16/9;min-height:0!important;height:auto;border-radius:8px}
  .category-page .category-feature .pending-art,.category-page .category-card .pending-art{aspect-ratio:16/9;min-height:0!important;height:auto;border-radius:8px}
}

/* ==== (9) トップ新着カードの修正（2026-07-23 ss指示。元に戻すときはこのブロックを削除） ==== */
/* タイトル行消失の修正: WP版はタイトルがリンク化されており、SPの「#new .card a{display:none}」
   （続きを読むリンク消し）がタイトルアンカーを巻き込んで高さ0にしていた */
@media(max-width:800px){
  #new .card h3 a{display:inline}
  /* サムネをカテゴリ一覧(8)と同様に40%幅・16:9全体表示へ（見切れ解消・カード統一） */
  #new .card,#new .card:last-child{grid-template-columns:40% minmax(0,1fr)}
  #new .thumb.real{aspect-ratio:16/9;height:auto;min-height:0}
}
/* PC: 新着サムネも16:9固定（188px枠の上下クロップ解消・一覧全体の統一） */
@media(min-width:801px){
  #new .thumb.real{aspect-ratio:16/9;height:auto}
}

/* ==== (10) トップPICK UP（lead-card）のサムネ16:9完全表示（2026-07-23 ss指示。元に戻すときはこのブロックを削除） ==== */
/* 画像列(1.05fr)が右テキスト高に引きずられ縦長化→coverで左右見切れ。(8)(9)と同じ16:9固定で全域解消（PC/SP共通） */
.lead-card{align-items:center}
.lead-card .big-art.real{aspect-ratio:16/9;min-height:0!important;height:auto}

/* ==== (11) ヒーロー画像の位置（禁煙みちしるべ・2026-09-24 便CH-1） ==== */
/* PC: 高さ600pxの枠に 1536x864 を cover で置くと上下が切れる。頭（画像の上から27%）と足もと（同85%）が
   1440px 幅で両方入る縦位置＝center 60%（center 30% だと足もとが切れることを静的プレビューで確認）。
   ※1800px を超える幅では人物の縦の大きさが枠の高さを超えるため、頭か足もとのどちらかが必ず切れる */
@media(min-width:801px){
  .hero-v2 .hero-photo{object-position:center 60%}
}
/* SP: 画像は⑦の center bottom のまま。hero-mobile.png は人物が上から53%より下にあるため、
   見出し・検索・キーワード行（390px 幅で上端から約365px）と頭が重ならないよう、ヒーローの最低高さを720pxにする */
@media(max-width:800px){
  .hero-v2{min-height:720px}
}