/* ===================================================================== legacy.css — 既存デザイナーサイト（ycreate-cojp）由来のビジュアルを対象ページに限定適用するテーマ。 - を持つ対象ページのみ再テーマ化（ヘッダー/フッター/本文を含む）。トップ等の非対象ページは body にクラスが付かないため完全に従来デザインのまま。 - style.css / marketer.css は変更せず、CSS変数を上書きして配色・フォントを cojp に寄せる。 - 対象: 案件検索 / 求人詳細 / 各フォーム（登録・求人のご依頼・法人問い合わせ・求人応募）と、その確認・完了画面。 ===================================================================== */ .theme-legacy { /* --- cojp デザイントークンで上書き（body配下=ヘッダー/フッター/本文が一括で cojp 配色に） --- */ --color-primary: #f29500; /* YCRオレンジ: 主色・CTA・見出しアクセント */ --color-primary-hover: #cc8200; --color-secondary: #49bee1; /* フォーム送信ボタンのシアン */ --color-secondary-hover: #2ba9cf; --color-text: #49423b; /* 見出し・本文のブラウン */ --color-text-body: #49423b; --color-text-light: #9e9289; /* リード・補助テキスト（グレイッシュブラウン） */ --color-border: #bebebe; /* 入力枠・区切り線 */ --color-bg-gray: #f4f4f4; /* テーブルヘッダ・薄背景 */ --color-bg-blue-light: #e7f5fb; /* 完了アイコン等の薄シアン背景 */ /* フォント（cojp: 游ゴシック優先、未搭載環境は Noto Sans JP にフォールバック） */ --font-family: YuGothic, "Yu Gothic", "游ゴシック体", "Noto Sans JP", sans-serif; } /* --- 部品の微調整（cojp の質感に寄せる。配色はトークンで反映済み） --- */ /* 入力フィールド: cojp は高さ48px・角丸7px */ .theme-legacy .field__input { height: 48px; border-radius: 7px; } .theme-legacy textarea.field__input { height: auto; } /* ボタン: cojp は角丸5px */ .theme-legacy .btn { border-radius: 5px; } /* 必須マーク: cojp はピンク系で主色（オレンジ）と差別化 */ .theme-legacy .field__label.req::after { background: #ea3981; } /* 仕様・確認テーブルの見出しセル: cojp の薄グレー */ .theme-legacy .spec__dt { background: #f4f4f4; } /* パンくず: cojp のグレイッシュブラウン（marketer 既定のシアンを上書き） */ .theme-legacy .breadcrumb { color: #9e9289; } /* 「戻る/修正する」のゴーストボタン: cojp の戻るボタン（グレー）寄りに */ .theme-legacy .btn--ghost { color: #fff; background: #828282; border-color: #828282; } .theme-legacy .btn--ghost:hover { background: #6f6f6f; } /* 雇用形態バッジ: cojp 調（通常=グレー枠 / 正社員=シアン塗り）。marketer 既定の青を上書き */ .theme-legacy .badge-employment, .theme-legacy .job-card__employment-badge { color: #6f6f6f; border-color: #c4c4c4; background: #fff; } .theme-legacy .badge-employment--seishain, .theme-legacy .job-card__employment-badge--seishain { color: #fff; background: #49bee1; border-color: #49bee1; }