/*
Theme Name:  AGENDA 子テーマ（濃紺・右ナビ）
Description: 中川早織様サイト 本決定(2026/8/18)＝濃紺B案×右サイドナビ。
Template:    agenda_tcd059
Version:     2.49
*/

/* ================================================================
   カスタムプロパティ（濃紺×白 パレット・B案 本決定）
   ================================================================ */
:root {
  --sidebar-width: 250px;
  --sidebar-bg:    #1B3A6B;           /* 濃紺サイドバー（B案・本決定 2026/8/18） */
  --sidebar-text:  #FFFFFF;           /* 白文字 */
  --sidebar-hover: rgba(255, 255, 255, 0.10);
  --sidebar-sep:   rgba(255, 255, 255, 0.16);
  --accent:        #2E5A9E;           /* 濃紺系アクセント */
  --accent-dark:   #1B3A6B;
  --accent-light:  #6E9AD4;
  --blue-mid:      #2557A7;
  --nav-active:    #3A6BB5;           /* 右ナビ選択中の塗り（濃紺より明るく＝地色に埋もれない） */
  --text:          #2B2B2B;
  --bg:            #F4F7FB;           /* 薄いブルーグレー */
  --bg-sub:        #E8EFF8;
  --border:        #C5D3E8;
  /* フォント：サイト全体ゴシック（Noto Sans JP）で統一（2026/8/25 第4回MTG決定・相内さん意向）。
     ※2026/9/8変更（案B＝TCD役割別に確定）：フォントの主導権をTCDテーマオプションに渡す。
     --font-base は TCDの「フォント1（＝本文/フォントタイプ）」を参照する。これにより
     body および custom.css の独自部品（ロゴ文字・3ボックス・カード等）は本文フォント(type1)に
     自動追従する（custom.css側は無改修）。見出しは下のブロックから font-family を外し、
     TCDの「大見出し(type2)」等の割り当てに追従させる。
     末尾の 'Noto Sans JP'... は、Webフォント未読込時／type1未定義時のフォールバック。
     【デプロイ前提】本番反映前に、テーマオプション→フォント設定でフォント1/2/3/ロゴを
     すべてNoto Sans（Webフォント）に設定してからデプロイ（順序を誤ると一時的に明朝系が出る）。 */
  --font-base: var(--tcd-font-type1, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif);
}

/* ================================================================
   フォント
   ================================================================ */
body {
  font-family: var(--font-base);
  color:       var(--text);
  background:  var(--bg);
}

/* 見出し：font-family はTCDの「大見出しフォント(type2)」等の割り当てに委ねる（2026/9/8・案B）。
   ここでは太字の存在感（font-weight 700）と字間だけを子テーマで維持する。
   ※font-family を指定しないことで、.rich_font 等はTCDの割り当てに追従。
   　素の見出し（非 .rich_font）は body(=type1) を継承する。 */
h1, h2, h3, h4,
.rich_font,
#header_slider .caption .title,
#index_prof_banner .headline,
.policy_title,
.index_content > .headline,
#report_list .headline,
#achv_list .headline,
#blog_list .headline {
  font-weight:    700;
  letter-spacing: 0.04em;
}

/* ================================================================
   太字と通常のコントラストを明確に（相内さん指摘・2026/8/25）
   ゴシックは明朝より太字/細字の差が出にくいので、
   通常テキスト=400／強調(太字)=700 をはっきり分ける。700は読込済み。
   ================================================================ */
body { font-weight: 400; }
strong, b, th, dt, .cardlink_title a { font-weight: 700; }

/* ================================================================
   リンク色
   ================================================================ */
a       { color: var(--accent); }
a:hover { color: var(--accent-dark); }

/* ================================================================
   Sazaleyページ ヘッダー
   ヘッダー画像設定時に画像の“下”に出るグレーのタイトル帯だけを非表示にする。
   ・見せる文字は固定ページ設定の「キャッチフレーズ」を画像に重ねて使う想定。
   ・display:none は見た目を消すだけで、タイトルデータ自体は保持される
     （パンくずリスト・SEO用h1はDBのタイトルから生成されるため影響なし）。
   ・.page-sazaley は functions.php の body_class フックで付与（slug=sazaley）。
   ・セレクタを「#page_header + #page_header_title」（隣接兄弟）に限定しているのは、
     画像アリのときだけ #page_header の直後にグレー帯が出る構造のため。
     画像ナシのときは #page_header_no_image の内側にタイトルが入るので対象外となり、
     万一画像が未設定でも「空のグレー箱」にならず通常タイトルが表示される。
   ================================================================ */
.page-sazaley #page_header + #page_header_title { display: none; }