/*------------------------------------------------------------
 読み込み画像のCSS
-------------------------------------------------------------*/

@media
only screen and (min-width : 640px){

#cover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #ffffff;
	top: 0;
	left: 0;
	z-index: 10000;
}

#loader {
	/*top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;*/
	width: 100%;
	
	
	/* gifの場合
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	*/
	
	/* mp4の場合 */
	text-align: center;
	height: 100vh;
}

#cover #loader img {
    height: auto;
    width: 100%;
	transform: translate(-50%,-50%);
}

#cover #loader video {
	width: 100%;
	height: 100%;
}
	
#video_sp {
	display: none !important;
}

}

@media
only screen and (max-width : 640px){

#cover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #ffffff;
	top: 0;
	left: 0;
	z-index: 10000;
}

#loader {
	/*top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;*/
	width: 100%;
	
	
	/* gifの場合
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	*/
	
	/* mp4の場合 */
	text-align: center;
	height: 100%;
}

#cover #loader video {
	width: 100%;
	height: 100%;
}

/* gifの場合
#loader {
	width: 80%;
	height: auto;
}
*/

#cover #loader img {
    top: 20%;
	position: absolute;
}

#video_pc {
	display: none !important;
}

}