/*
 * デザイン01（theme_01）のスマホ表示の調整（旧テーマCSSには手を入れず、ここで上書き）
 * - ハンバーガーメニューを中央 → 左上へ
 * - メニューはボタンを押し下げず、ヘッダーの下に重ねて展開
 * 900px 未満 = 旧テーマのメニュー切替幅（glvlnv.css の 56.25em / sp_menu.js の 900）
 */
@media all and (max-width: 899px) {
	#site-header {
		position: relative;
		min-height: 56px;
		padding-top: 0;
	}
	#toggle-navigation {
		position: absolute;
		top: 14px;
		left: 16px;
		z-index: 1002;
		margin: 0;
		padding: 6px;
		line-height: 0;
	}
	/* サイト名はハンバーガーと重ならないよう左右に余白 */
	#site-header > .sj-title2 {
		padding: 14px 56px;
	}
	#site-header #productName0 {
		margin: 0;
		padding: 0;
		font-size: 17px;
		line-height: 1.5;
	}
	/* メニュー：ヘッダーの下に重ねて開く */
	#menu-primary-container {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1001;
		background: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
	}
	#menu-primary-container.fixed {
		position: absolute;
		top: 100%;
	}
}