header .menu_global{
	-js-display: flex;
	display: flex;
}
header .menu_global > li{
	-js-display: flex;
	display: flex;
	position: relative;
	flex-basis: 100%;
}
header .menu_global > li > a{
	-js-display: flex;
	display: flex;
	align-items: center;
/*	flex-basis: 100%;*/
	flex: 1;
}
header .menu_global > li > a > span{
}

/* ===== Header layout (sub-pages) ===== */
.header{
	background:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,.06);
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 2rem;
	height:70px;
	position:sticky;
	top:0;
	z-index:400;
}
header #logo{
	flex-shrink:0;
}
header .menu_global{
	gap:0;
	margin:0;
	padding:0;
	list-style:none;
}
header .menu_global > li > a{
	color:#333;
	font-size:16px;
	font-weight:500;
	text-decoration:none;
	padding:0 2rem;
	height:70px;
	display:flex;
	align-items:center;
	transition:color .2s;
	white-space:nowrap;
}
header .menu_global > li > a:hover,
header .menu_global > li.current-menu-item > a,
header .menu_global > li.current-menu-ancestor > a{
	color:#761815;
}
/* SP hamburger（サブページのみ表示済み） */
.header-button-smpmenu{
	list-style:none;
	margin:0;padding:0;
	display:none;
}
@media(max-width:768px){
	header{
		padding:0 1rem;
		height:60px;
	}
	header #logo img{
		width:120px;
	}
	header .menu_global{
		display:none;
	}
	.header-button-smpmenu{
		display:flex;
	}
	/* 2026-07-23（項目23）: .header-menu-smp の位置・表示制御（position/z-index/開閉方式）は
	   js/spMenu/spmenu.css に一本化。ここに right:-100%⇔0 ベースの重複定義が残っていると
	   spmenu.css の transform:translateX() ベースの制御と二重に競合し、
	   後読み(common.css)側のz-index:300・background:#fffがspmenu.cssのz-index:500・#000を
	   上書きしてしまい表示崩れの原因になっていたため削除した。 */
	/* header-menu-smp-close-button（40x40, position:absolute;top:0;left:0）が
	   ナビゲーションリストの先頭リンクと重なりクリックを妨げるため、
	   内側コンテナに上余白を設けてリストをボタンの下に逃がす。 */
	.header-menu-smp-inner{
		padding-top:50px;
		box-sizing:border-box;
	}
}

header .menu_global > li > .sub-menu{
	position: absolute;
	top: 100%;
	left: 0;
}