@charset "utf-8";
header{position: fixed; min-width: 1300px; top: 0px; width: 100%; height: auto; background: #fff; z-index: 200; padding: 23px 24px 22px;}
body{min-width: 1300px;width: 100%;}
body.loading{position: fixed;}
footer{padding: 35px 0 37px;}
footer h3{text-align: center;}
footer h3 a{display: inline-block;}
footer p{padding: 35px 0 0; font-size: 12px; text-align: center;font-family: 'Noto-Sans-JP-Medium';}

.scroll{position: fixed; bottom: 5%; left: 3%; width: 30px; height: 120px;z-index: 100;}
.scroll .ball{display: block; width: 30px; height: 30px; border-radius: 1000px; background: #e3007d; transition: 0.5s;}


#splash {position: fixed; width: 100%; height: 100%; z-index: 999; text-align:center; color:#e3007f; top: 0px;font-family: 'Noto-Sans-JP-Regular';}

#splash_text {position: absolute;top: 50%;left: 50%; z-index: 999;transform: translate(-50%, -50%);color: #e3007f;width: 100%;font-family: 'Noto-Sans-JP-Regular';}
#logo_splash{position: absolute;top: 44%;left: 50%; z-index: 999;transform: translate(-50%, -44%);;}
.loader_cover { width: 100%; height: 50%; background-color: #fff; transition: all .2s cubic-bezier(.04, .435, .315, .9); transform: scaleY(1);}
.loader_cover-up { transform-origin: center top;}
.loader_cover-down { position: absolute; bottom: 0; transform-origin: center bottom;}
.coveranime { transform: scaleY(0);}
#progress_container {position: absolute;top: 55%;left: 50%;width: 100%;height: 10px;;overflow: hidden;transform: translate(-50%, -50%);z-index: 1; }
#progress_bar {width: 0%;height: 100%;background: #fff;transition: width 0.5s ease-out; background: linear-gradient(90deg, #d3dd04, #0362ac, #e5318c);}

#cursor{width: 40px; height: auto; transition-duration: 0.3s; transition-timing-function: ease-out; position: fixed; z-index: 300; pointer-events: none; opacity: 0.7;}

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	header{min-width: 100%; text-align: center; padding: 15px 24px 14px}
	header h1 {width: 171px; margin: 0 auto;}
	body{min-width: 100%;}
	footer{padding: 25px 0 13px;}
	footer p{padding: 25px 0 0; font-size: 10px; }
	
	footer h3{text-align: center; width: 75px;margin: 0 auto;}
	.scroll{ width: 20px; height: 90px;;z-index: 100;}
	.scroll .ball{width: 20px; height: 20px;}
	#cursor{width: 35px; display: none;}
	
	#logo_splash{top: 44%;transform: translate(-50%, -44%); width: 60%;}
	.loader_cover { height: 50%;}
	#progress_container {top: 55%;left: 50%;height: 10px;}
}