@charset "utf-8";
/*****************************

　         reset.css

*****************************/

*{
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	backface-visibility: hidden;/* animation時のにじみ防止 */
	-webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
	-webkit-font-smoothing: antialiased/* animation時の文字にじみ防止 */
	-moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */	
}
#load_fade{
	position: fixed;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	background: #000;
	z-index: 9998;
}
#loader,#logo_bg{
	position: fixed;
	width:400px !important;
	height: 300px !important;
	left:50% !important;
	top:50% !important;
	transform:translate(-50%,-50%) scale(1);
	transfrom-origin:center center;
	margin-top:-40px;
}

#loader_line_b{
	position: fixed;
	width:100%;
	height: 1px;
	background: #333333;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:80px;
}
#loader_line{
	position: fixed;
	width:0%;
	height: 1px;
	background: #F90000;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:80px;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
	#loader,#logo_bg{
		position: fixed;
		width:200px !important;
		height: 150px !important;
		left:50% !important;
		top:50% !important;
		transform:translate(-50%,-50%) scale(1);
		transfrom-origin:center center;
		margin-top:-10%;
	}
	#loader_line_b{
		position: fixed;
		width:100%;
		height: 1px;
		background: #333333;
		top:50%;
		left:0;
		transform:translateY(-50%);
		margin-top:5%;
		opacity: 0;
	}
	#loader_line{
		position: fixed;
		width:0%;
		height: 1px;
		background: #F90000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		margin-top:5%;
	}
}
.load_del{
	left:100% !important;
	transition:0.5s ease-in !important;
}