@charset "UTF-8"; /* ========================================================================== KDU Dental Site - theme.css（ブランド層） -------------------------------------------------------------------------- 役割：サイト固有のブランドカラーを定義し、common.css の暫定トークンを上書きする。 「ブランド層（サイト別）」と「システム層（3サイト共通）」の2層設計のうち、 本ファイルがブランド層を担う。 読込：common.css の後・print.css の前に読み込むこと（上書きが効く順序）。 例）common → components → nav → theme → print 方針： - 定義するのは色（ブランド）系のみ。サイズ・余白・影等のシステム層は触らない。 - 歯学部メインカラーは #252e79。 - --table-head-bg は common.css 側で var(--color-main) 連動のため自動追従。 【メインカラー比較テスト（2026-07 期間限定）】 比較用に紫紺バージョンを併設している。切替は各ページの html 要素の属性のみ。 → 紺 #252e79（既定） → 紫紺 #460E44 common/components/nav/top の各CSSは紺を直書きしておらず全て var(--color-main) 経由 のため、本ファイルだけで全ページの配色が切り替わる。 ※ロゴ(logo.svg)は紺が焼き込まれているため切替対象外。背景画像も同様。 ※メインカラー確定後は、負けた側のブロックと html の data-theme 属性を削除すること。 ========================================================================== */ :root { /* --- メインカラー（歯学部ブランド）--- */ --color-main: #252e79; /* 確定：歯学部メインカラー */ --color-news-media: #0b7a5c; /* お知らせの中区分「メディア」（2026-09-24） */ --color-news-event: #c05a00; /* お知らせの中区分「イベント・OC」（2026-09-24） */ --color-main-dark: #1a2159; /* 濃（hover/active・強調） */ --color-main-light: #3d47a0; /* 淡（補助・ホバー背景等） */ /* --- 薄色背景（メインカラー系の極薄。セクション背景等）--- */ --color-sub: #eef0f8; /* メイン系の極薄背景 */ /* --- 淡い水色背景（Real voice 等）--- */ --color-sub-blue: #eff5ff; /* 受験生サイト由来の淡い水色 */ /* --- オープンキャンパスのプログラム色（日程表・2026-09-15）--- */ --color-oc-guide: #744199; /* 大学案内 */ --color-oc-talk: #3261ab; /* 在校生座談会 */ --color-oc-consult: #007daf; /* 個別相談 */ --color-oc-room: #008575; /* 講義室・実習室案内 */ --color-oc-hospital: #1c890b; /* 附属病院見学 */ --color-oc-tour: #a4c520; /* 資料館見学 */ --color-oc-exam: #d8e212; /* 入試説明 */ --color-oc-interview: #f6ca06; /* 面接体験 */ --color-oc-prep: #cc4b17; /* 入試対策 */ --color-oc-lecture: #bf1e56; /* 特別講義 */ --color-oc-practice: #a52175; /* 体験実習 */ /* --- SNSブランド色（規定色・footer/sns用） --- */ --sns-x: #000; --sns-youtube: #ff0000; --sns-line: #06c755; --sns-note: #285aeb; --sns-ig-1: #fdf497; --sns-ig-2: #fd5949; --sns-ig-3: #d6249f; --sns-ig-4: #285aeb; } /* ========================================================================== 【比較テスト用】案B：紫紺バージョン -------------------------------------------------------------------------- 有効化： 派生3色（dark/light/sub）は紺と同じ関係で機械的に算出した仮値。 　- dark ＝ 黒 28% 混合（紺 #252e79 → #1a2159 と同比率） 　- light ＝ 白 18% 混合 　- sub ＝ 白 92% 混合 デザイン確認のうえ調整すること。特に light は紫系だとくすんで見えやすい。 SNSブランド色は規定色のため上書きしない（:root の値をそのまま継承）。 ========================================================================== */ :root[data-theme="shikon"] { --color-main: #460E44; /* 比較案：紫紺 */ --color-main-dark: #320A31; /* 濃（hover/active・強調） */ --color-main-light: #673966; /* 淡（補助・ホバー背景等） */ --color-sub: #F0ECF0; /* メイン系の極薄背景 */ }