@charset "UTF-8";

/* ==================================================
	header：読み込み時は非表示 → MVを過ぎたら表示（index_admin.js と対）
================================================== */
/* PCのみ（SPのヘッダーは常時表示・追従なし） */
@media only screen and (min-width: 768px) {
	header {
		visibility: hidden;
		transform: translateY(-100%);
		transition: transform 0.4s ease, visibility 0s linear 0.4s;
	}
	header.is-show {
		visibility: visible;
		transform: translateY(0);
		transition: transform 0.4s ease, visibility 0s linear 0s;
	}
}
/* JSが無効な環境では常に表示 */
@media (scripting: none) {
	header {
		visibility: visible;
		transform: none;
	}
}

/* ==================================================
	SPメニュー：フェードで開閉（js/admin.js がクラスを付与）
================================================== */
@media only screen and (max-width: 767px) {
	.header_nav {
		transition: opacity 0.3s ease, visibility 0s linear 0.3s;
	}
	.is-menu-open .header_nav {
		transition: opacity 0.3s ease, visibility 0s linear 0s;
	}
}
@media (prefers-reduced-motion: reduce) {
	header,
	header.is-show,
	.header_nav,
	.is-menu-open .header_nav {
		transition: none;
	}
}

/* ==================================================
	アンカーリンク：スムーススクロール
	（到達位置は admin.css の scroll-margin-top で固定ヘッダー分を確保）
================================================== */
html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}