@charset "utf-8";

/* progress bar */

#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	text-align:center;
	color:#fff;
    background-color: #001F5B;
}

#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	transform: translate(-50%, -50%);
	width: 100%;
}

#splash_text_title {
    position: absolute;
    font-family: 'Arizonia', sans-serif;
    src: url("../fonts/Arizonia-Regular.ttf"); 
	top: 18%;
    z-index: 999;
	width: 100%;
    font-size: calc(3rem + 4vw);
    font-weight: normal
}

#splash_text_welcome {
    font-family: 'Arizonia', sans-serif;
    src: url("../fonts/Arizonia-Regular.ttf"); 
	position:fixed;
    margin-bottom: 20px;
	top: 20%;
    z-index: 999;
	width: 100%;
    font-size: calc(1rem + 5vw);
    font-weight: normal
}

#welcome {
     font-size: calc(1rem + 2vw);
     padding-top: 10px;
}

#splash_text svg{
    height: 2px;
}

/*割れる画面のアニメーション*/
.loader_cover {
    width: 100%;
    height: 50%;
    transition: all .2s cubic-bezier(.04, .435, .315, .9);
    transform: scaleY(1);
    background-color: #001F5B;

}
/*上の画面*/
.loader_cover-up {
    transform-origin: center top;
    background-color: #001F5B;
}

/*下の画面*/
.loader_cover-down {
    position: absolute;
    background-color: #001F5B;
    bottom: 0;
    transform-origin: center bottom;
}
/*クラス名がついたらY軸方向に0*/
.coveranime {
    transform: scaleY(0);
}