@charset "utf-8";

html, body, div, ul, li, p {
  margin: 0;
  padding: 0;
}

#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
  	background-image: url(img/load_back.jpg);
    background-size: cover;
    background-position :center;
    background-repeat: no-repeat;
	text-align:center;
	color:#fff;

}
/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#splash_logo img {
  width:500px;
}



/*========= レイアウトのためのCSS ===============*/



@keyframes blur {
    from {
         opacity:0;
        filter: blur(9px);
    }
    
    to {
         opacity:1;
        filter: blur(0);
    }
}

#splash img{
    animation: blur 2s both ease-in;
}


@media screen and (max-width:768px){
  #splash_logo img {
  width:300px;
}
}