/* PCへの副作用を完全に防ぐため、メディアクエリ内で完結 */
@media (max-width: 1024.98px) {
	/* ヘッダーの配置位置（座標）は完全に固定(top:0)した状態を維持。
	ハンバーガーメニューの線がレンダリングのバグで細くなるのを完全に防止。
	表示・非表示はヘッダー自体の高さを伸縮（max-height）*/
	.header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		z-index: 99999 !important;
		overflow: hidden !important;

		/* 初期状態（非表示時）は高さを0にして完全に隠す */
		max-height: 0 !important;
		/* 縦方向にスムーズに開閉するアニメーション（座標は動かないので線の太さは変わらない） */
		transition: max-height 0.3s ease-out !important;
	}

	/* 50px以上スクロールして jsから is-show クラスが付与されたら、高さを十分に確保して表示 */
	/* ※ 200px はヘッダーの本来の高さ（ロゴやハンバーガーが収まる高さ）より大きければ問題ありません */
	.header.is-show {
		max-height: 200px !important;
		overflow: visible !important; /* メニュー展開時のナビゲーションがはみ出せるようにする設定 */
	}

	/* テキストエリアがメニューに被るのを防ぐ */
	.mv, 
	.mv__txt, 
	.mv__img {
		z-index: 1 !important;
		position: relative;
	}

	/* メニュー展開時の中身を見せるためのz-index保証 */
	.header__nav {
		z-index: 100000 !important;
	}

	/* AOSなどのアニメーション要素が上にこないように調整 */
	[data-aos] {
		pointer-events: auto;
	}
}