.mobile-header,
.mobile-header * {
	display: none;
	z-index: 1000;
}

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

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

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

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

	.mobile-header,
	.mobile-header * {
		display: initial;
	}

	#mobile-header-logo {
		height: fit-content;
		width: 100%;
		margin-top: 4rem;
		margin-bottom: 2rem;
		position: sticky;
		top: 0;
		display: flex;
		padding: 1rem 0;
		align-items: center;
		justify-content: center;
		visibility: hidden;
		background-color: var(--exclusive-red);
	}

	#mobile-header-logo img {
		height: auto;
		width: 80%;
		transition: all 500ms ease;
	}

	#mobile-header-logo img.fixed {
		width: 60%;
	}


	#mobile-header-logo.anim-flag {
		visibility: visible;
	}

	#hamburger {
		padding: 0;
		border: none;
		outline: none;
		font: inherit;
		color: inherit;
		background: none;
		height: 6vw;
		width: 8vw;
		position: fixed;
		top: 0;
		right: 0;
		margin-top: 5vw;
		margin-right: 3vw;
		z-index: 2000;
		visibility: hidden;
	}

	#hamburger.anim-flag {
		visibility: visible;
	}

	#hamburger .hamburger-parts {
		width: 100%;
		height: 2px;
		background-color: white;
		display: block;
		position: absolute;
		transition: all 300ms ease;
	}

	#hamburger .hamburger-parts:nth-child(1) {
		top: 0;
	}

	#hamburger .hamburger-parts:nth-child(2) {
		top: 50%;
	}

	#hamburger .hamburger-parts:nth-child(3) {
		top: 100%;
	}

	#hamburger.open .hamburger-parts {
		height: 3px;
		background-color: var(--exclusive-red);
	}

	#hamburger.open .hamburger-parts:nth-child(1) {
		transform: rotate(45deg);
		top: 3vw;
	}

	#hamburger.open .hamburger-parts:nth-child(2) {
		opacity: 0;
	}

	#hamburger.open .hamburger-parts:nth-child(3) {
		transform: rotate(-45deg);
		top: 3vw;
	}

	#mobile-header-menu {
		height: 0;
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
		display: flex;
		flex-flow: column;
		justify-content: center;
		background-color: white;
		transition: all 300ms ease;
	}

	#mobile-header-menu.open {
		height: 100vh;
	}

	#mobile-header-menu a {
		height: 4rem;
		font-family: 'Modak';
		font-size: xx-large;
		color: var(--exclusive-red);
		text-align: center;
		opacity: 0;
		transition: all 300ms ease;
	}

	#mobile-header-menu.open a {
		opacity: 100%;
	}
}