@charset "UTF-8";

/*************************
main
SP_layout（980px未満）
*************************/

#LP .loading {
	background: var(--lp-color_white);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity .5s ease, transform .5s ease;
	position: fixed;
	inset: 0;
	z-index: 9;
	width: 100%;
}

#LP .loading.is_hide {
	opacity: 0;
	transform: translateY(-20px);
	pointer-events: none;
}

#LP .loading__text { font-size: 3vw; }

#LP .progress {
	background: var(--lp-color_gray);
	border-radius: 999px;
	overflow: hidden;
	max-width: 240px;
	height: 6px;
}

#LP .progress__bar {
	background: var(--lp-color_red);
	transition: width .4s ease;
	width: 0%;
	height: 100%;
}


/**************************************************
main
PC_layout（980px以上）
**************************************************/

@media screen and (min-width: 980px) {
    #LP .loading__text { font-size: 20px; }
}