/* ===========================================
	loading
============================================== */
#loading {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background-color: #fff;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	overflow: hidden;
	z-index: 999;
}

#loading.ltr {
	animation-name: PageAnime-ltr;
}

@keyframes PageAnime-ltr {
	0% {
		transform-origin: right;
	}
	100% {
		transform-origin: right;
		transform: scaleX(0);
	}
}

/*#loading.is-active {
	opacity: 0;
	visibility: hidden;
}*/

#loading_logo {
	width: 14.9334rem;
	height: auto;
	animation: loadinganime 3s linear 0s infinite;
}

#loading_logo > img {
	width: 100%;
	height: auto;
}

@keyframes loadinganime {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#loading.ltr #loading_logo {
	display: none;
}

/* ============
	responsive
================ */
@media screen and (max-width: 768px) {
	#loading_logo {
		width: 12rem;
	}
}