.wide-header * {
	z-index: 1000;
}

#wide-header-logo {
	height: 16rem;
	width: fit-content;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}

#wide-header-logo img {
	height: 50%;
	width: auto;
	margin: auto;
}

#wide-header-menu {
	height: 3rem;
	width: 100%;
	max-width: 100vw;
	position: sticky;
	top: 0;
	background-color: white;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	visibility: hidden;
	z-index: 2000;
}

#wide-header-menu .background {
	position: absolute;
	height: 3rem;
	width: var(--body-width);
	max-width: 100vw;
	background-color: white;
	border-radius: 1rem;
	transition: all 300ms ease;
}

#wide-header-menu .background.fixed {
	width: 100vw;
	border-radius: 0;
}

#wide-header-menu a {
	margin: auto 1.5rem;
	font-family: 'Modak';
	font-size: 1.8rem;
	display: inline-block;
	padding: 0.3rem;
}

#wide-header-menu a:hover {
	color: var(--exclusive-red);
}

#wide-header-logo.anim-flag,
#wide-header-menu.anim-flag {
	visibility: visible;
}

@keyframes stretch {
	from {
		transform: scaleX(0) scaleY(60%);
		opacity: 0%;
	}

	to {
		transform: scaleX(100%) scaleY(100%);
		opacity: 100%;
	}
}

@keyframes slide-in {
	from {
		transform: translateX(100%);
		opacity: 0%;
	}

	to {
		transform: translateX(0%);
		opacity: 100%;
	}
}

/* モニタ */
@media (min-width: 1441px) {}

/* 小型ノートパソコン */
@media (max-width: 950px) {}

/* タブレット */
@media(max-width: 768px) {}

/* スマートフォン */
@media(max-width: 765px) {

	.wide-header,
	.wide-header * {
		display: none !important;
	}
}