@charset "UTF-8";
/*
 * このメディア固有の調整。
 *
 * keni-header-footer.css は tools/extract_css.py の生成物なので直接編集できない
 * （再生成で消える）。本体CSSの値を上書きしたい場合はこのファイルに書く。
 * 読み込み順は keni-header-footer.css の後。
 */

/* --- ヘッダーロゴの表示サイズ -----------------------------------------
 * 本体CSSは header div.keni-header_inner img を PC 88px / SP 40px に指定している。
 * これは小さなマーク型ロゴを想定した値で、横長のワードマーク
 * （oosaka-lucci-head-logo.png は 720×256、縦横比 1:2.81）では
 * PC 31px / SP 14px の高さにしかならず、文字が読めない。
 *
 * 数値を変えるだけで調整できる。高さは 幅 ÷ 2.81 で決まる。
 *   PC 140px -> 高さ 49.8px（ヘッダー枠は 55px）
 *   SP 100px -> 高さ 35.6px（ヘッダー枠は 22.5px。site-title は
 *               position:absolute のため枠からはみ出して重なる）
 *
 * .custom-logo を付けることで本体側の指定（詳細度 0,1,3）より強くしている。
 * ロゴ未設定時のサイト名テキスト表示には影響しない。
 */
header div.keni-header_inner img.custom-logo {
	width: 140px;
	height: auto;
}

@media screen and (max-width: 767px) {
	header div.keni-header_inner img.custom-logo {
		width: 100px;
		height: auto;
	}
}