@charset "utf-8";
/**
 * MOVIE WALKER 共通パーツ（ヘッダー・フッター）の見た目を通常状態に戻すための上書き
 *
 * 背景：
 *   odyssey.common.css が body に background-color:#000 / color:#FFF を指定しているため、
 *   footerApi.js が生成する共通フッター（.ly_footer）が黒背景・白文字になってしまう。
 *   共通CSS(main.css)側は .ly_footer に背景色を持たず、ページ背景が白である前提のため。
 *
 *   ヘッダーは .bl_headerNavbarPC / .bl_headerNavbarSP が自前で background:#fff を
 *   持っているため影響を受けない。フッターのみ復元すればよい。
 *
 * 読み込み順：
 *   odyssey.common.css / odyssey.style.css より「後」に読み込むこと。
 */

/* 共通フッター：通常どおり白背景・黒文字に戻す */
.footer-container {
	background-color: #fff;
	color: #000;
}

/**
 * コンテンツ幅の制限を解除
 *
 * main.css は PC時に .ly_content へ
 *   min-width: 67.5rem(1080px) / max-width: 100rem(1600px) / margin: 0 auto
 * を指定している。MOVIE WALKER本体の1080px固定カラム前提の指定。
 *
 * 本サイトは 1600px 基準の可変レイアウト（vw指定）なので、
 *   ・1600px超のウィンドウ … max-width で頭打ちになり左右に余白が出る
 *   ・768〜1080px         … min-width で横スクロールが出る
 * どちらもデザイン意図と合わないため、幅の制限のみ解除する。
 */
@media screen and (min-width: 768px) {
	.ly_content {
		min-width: 0;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/**
 * PCヘッダー：ウィンドウが広いとき左右に黒背景が出るのを防ぐ
 *
 * main.css の .ly_headerPC は position:fixed / left:0 のみで width 指定が無く、
 * 内側の .ly_headerPC_inner が max-width:100rem(1600px) で中央寄せされている。
 * MOVIE WALKER本体はページ背景が白のため気付かないが、
 * 背景が黒の本サイトでは1600pxを超えた分の左右にbodyの黒が露出してしまう。
 *
 * ヘッダー自体を全幅の白にすることで、本体と同じ見た目に戻す。
 * （ナビの中身は1600px中央寄せのまま。本体の配置を変えない）
 */
@media screen and (min-width: 768px) {
	.ly_headerPC {
		width: 100%;
		right: 0;
		background-color: #fff;
	}
}