@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : loading.css
 author     : Ability Consultant
 style info : ローディング
=================================================================== */
/* -----------------------------------------------------------
	#loading
----------------------------------------------------------- */
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #333333;
	top: 0;
	left: 0;
	z-index: 100;
	transition: .5s height;
	overflow: hidden;
}

#loading.show {
	height: 0;
}

#loading.close {
	height: 100%;
}

#loading span {
	opacity: 0;
	transition: .8s opacity;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -37.5px;
	transform: translate(-50%, 0);
}

@media only screen and (max-width: 767px) {
	#loading span {
		width: 140px;
		height: 58px;
		margin-top: -29px;
	}
}

#loading span.show {
	opacity: 1;
}