/* PRE-OPEN 帯（ストアの「3REs ONLINE STORE」帯と同じ見た目：背景#F7F8FA・12px・中央揃え・高さ28px）
   帯を外すときは views/pre-open-bar.php の include 行を削除する。
   :has(.pre-open-bar) を条件にしているため、帯がなければ以下の調整は自動で無効になる。 */
:root {
	--pre-open-h: 28px;
}
.pre-open-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--pre-open-h);
	box-sizing: border-box;
	z-index: 60;
	background: #F7F8FA;
	color: #0B0B0C;
	font-size: 12px;
	line-height: var(--pre-open-h);
	letter-spacing: 0.05em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
body:has(.pre-open-bar) {
	padding-top: var(--pre-open-h);
}
body:has(.pre-open-bar) #header {
	top: var(--pre-open-h);
}
body:has(.pre-open-bar) #header-in nav.hamburger_menu {
	top: var(--pre-open-h);
	height: auto;
	bottom: 0;
}
/* スマホで1行に収まらない幅では「PRE-OPEN」のみ表示 */
@media screen and (max-width: 359px) {
	.pre-open-bar__sep,
	.pre-open-bar__ja {
		display: none;
	}
}