/**
 * #Header
 */

.l-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 16px;
	padding: 0 30px 0 0;
	width: 100%;
	pointer-events: none;

	> * {
		pointer-events: auto;
	}

	@media (max-width: 768px) {
		padding: 0 10px 0 0;
		align-items: flex-start;
		gap: 8px;
	}
}

.home .l-main,
.front-page .l-main {
	padding-top: 0;
	overflow: visible;
}

body:not(.home) {
	--hh: 100px;
	--hh-sp: 62px;
}

body:not(.home):not(.theme-edance-hub) {
	.l-header {
		align-items: center;
		height: var(--hh);
		background-color: var(--white);
		pointer-events: auto;

		@media (max-width: 1024px) {
			height: var(--hh-sp);
			padding-right: 7px;
			gap: 8px;
		}
	}
}

.theme-edance-hub:not(.home) {
	--hh: 100px;
	--hh-sp: 100px;

	@media (max-width: 768px) {
		--hh-sp: 75px;
	}
}