// ナビがヘッダーの下側にある時
.l-headerUnder {
	--the-color--txt: var(--ark-color--header_txt, #333);
	--the-color--bg: var(--ark-color--header_bg, #fff);

	z-index: 1; // オーバーレイヘッダーの時も考慮して、fix時じゃなくても指定しておく
	width: 100%;
	color: var(--the-color--txt);
	background: var(--the-color--bg);

	.c-gnav {
		justify-content: center;
		width: 100%;

		> .menu-item > a {
			padding: 16px 24px;
		}
	}

	&[data-fix] {
		position: sticky;
		top: 0;

		// ヘッダーもfixの時
		[data-pcfix="1"] + & {
			top: var(--ark-header_height);
		}

		.admin-bar & {
			top: var(--ark-adminbar_height);
		}

		.admin-bar [data-pcfix="1"] + & {
			top: calc(var(--ark-header_height) + var(--ark-adminbar_height));
		}
	}
}