/*===============================
* メニューの高さを変更
* =================================*/
:is(#header, #fix_header) .l-container{
	align-items: center;
}
:is(#header, #fix_header) .c-gnav > li{
	height: auto;
}

/*===============================
* メニュー内のレイアウト
* =================================*/
:is(#header, #fix_header) .c-gnav{
	justify-content: flex-end;
	gap: 3.5%;
}

/*===============================
* li：アイコン付与
* =================================*/
:is(#header, #fix_header) .c-gnav > li:is(.--mypage, .wpmem_loginout, .--syoumei){
	position: relative;
	/* アイコンサイズ＋余白 */
	padding-left: calc( 1.25em + .75rem );
}
:is(#header, #fix_header) .c-gnav > li:is(.--mypage, .wpmem_loginout, .--syoumei)::before{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	content: "";
	display: inline-block;
	width: 1.25em;
	aspect-ratio: 1;
	background-repeat: no-repeat;
}
:is(#header, #fix_header) .c-gnav > li.--mypage::before, 
	:is(#header, #fix_header) .c-gnav > li.--register::before{
	background-image: url(/wp-content/uploads/icon-mypage.png);
}
:is(#header, #fix_header) .c-gnav > li.wpmem_loginout::before{
	background-image: url(/wp-content/uploads/icon-signout.png);
}
:is(#header, #fix_header) .c-gnav > li.--syoumei::before{
	background-image: url(/wp-content/uploads/icon-syoumei.png);
}

/*===============================
* ヘッダーボタン
* =================================*/
:is(#header, #fix_header) .c-gnav > li:is(.--mypage, .wpmem_loginout, .--syoumei) > a{
	display: inline-block;
	min-width: fit-content;
	padding: .5rem 1rem;
	text-align: center;
	line-height: var(--lh-xs);
	background: var(--c-main);
	border: 2px solid var(--c-main);
	border-radius: 99999px;
	cursor: pointer;
	transition: var(--ani-t--normal) ease-out;
}
:is(#header, #fix_header) .c-gnav > li.--mypage > a{
	background: var(--c-main);
	border-color: var(--c-main);
}
:is(#header, #fix_header) .c-gnav > li.wpmem_loginout > a{
	background: var(--c-gray);
	border-color: var(--c-gray);
}
:is(#header, #fix_header) .c-gnav > li.--syoumei > a{
	background: var(--c-act01);
	border-color: var(--c-act01);
}
/* アニメーション */
:is(#header, #fix_header) .c-gnav > li:is(.--mypage, .wpmem_loginout, .--syoumei) > a:is(:hover, :focus){
	background: transparent;
}
:is(#header, #fix_header) .c-gnav > li:is(.--mypage, .wpmem_loginout, .--syoumei) > a::after{
	content: none;
}