/* site-fixes.css — 確定事項反映用の上乗せ（styles.cssは無改変）
   ①実アイキャッチ画像の差し込み ②7分類対応の微調整 */
.big-art.real,.thumb.real,.category-art.real{padding:0;background:#dff2ee;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}

/* ▼ 相談サービス開始時にこのブロックを削除（無料相談CTAの一斉表示）
   対象: ヘッダの相談ボタン・トップの相談バンド
   記事側design_systemの同名ブロックと同じ運用（開始時に両方削除） */
.head .cta,.consult{display:none !important}

/* ブランドロックアップ調整（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 #D8E8E6;border-radius:14px;background:#fff;padding:15px 6px 13px;
    font-size:12.5px;font-weight:700;color:#0F6B5C;white-space:normal;text-align:center}
  .category-tabs a:first-child{padding-left:6px}
  .category-tabs a.active{background:#e8fbfa;border-color:#21A5A0}
  .category-tabs .tic{display:block;color:#17A08D}
  .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（2026-07-22 ss指示→同日確定: 上88px/下196px・画像=hero-mobile-interim.png合成版）
   旧仕様へ戻す場合: このブロックを削除し、index.htmlの<picture>ラッパを外して
   <img class="hero-photo" src="images/hero-main-v3.png">単体に戻すだけ（2手で完全復元） */
@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}