/* 旧デザインの画面(header.php を使う求人詳細・応募・マイページなど)に、共通ヘッダー・フッター(site_header.css)を載せるための調整。
   旧デザインの style.css は全要素に文字色やフォントを指定しているため、ヘッダー・メニュー・フッターの中だけ新デザインの基準に戻す。
   :where() で詳細度を上げずに指定しているので、後から読み込む site_header.css の指定が優先される。 2026.10.07 */
.header, .menu, .footer, .common__pageTop { box-sizing: border-box; }
:where(.header, .menu, .footer, .common__pageTop) * {
	color: #666;
	font: 14px/180% "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-style: normal;
}
:where(.header, .menu, .footer) a,
:where(.header, .menu, .footer) a:link,
:where(.header, .menu, .footer) a:visited,
:where(.header, .menu, .footer) a:hover { color: #666; }
:where(.header, .menu, .footer, .common__pageTop) img { max-width: 100%; height: auto; }

/* ヘッダー(固定表示)と本文の間隔 */
#wrapper { padding-top: 20px; }
@media screen and (max-width: 767px) {
	#wrapper { padding-top: 10px; }
}

/* 本文側のCSS(uikit など)が要素に付ける余白を、ヘッダー・メニュー・フッターの中では打ち消す */
:where(.header, .menu, .footer) p,
:where(.header, .menu, .footer) dl,
:where(.header, .menu, .footer) dt,
:where(.header, .menu, .footer) dd,
:where(.header, .menu, .footer) ul,
:where(.header, .menu, .footer) ol,
:where(.header, .menu, .footer) li { margin: 0; padding: 0; font-weight: normal; }

/* 本文の枠(#wrapper)の外側も本文と同じ背景色にする */
body#index { background: #f3f3f0; }

/* 会員登録・ログインなど(body.form)は本文側のCSSが余白を0にしているため、固定ヘッダーの分を空ける */
html body.form { padding-top: 58px; }
@media screen and (max-width: 1024px) {
	html body.form { padding-top: 0; }
}

/* 本文が float で組まれている画面でも、フッターが本文の下に来るようにする */
.footer { clear: both; }

/* フッターが中央寄せの枠の中に置かれる画面でも、並びとロゴの大きさを保つ */
.footer { text-align: left; }
.footer__logo ul li { flex: 0 0 auto; }
.footer__logo ul li img { max-width: none; }