@charset "utf-8";

/******************* 画面遷移 *******************/
#loading{
	width:100vw;
	height:100vh;
	transition:all 1s;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}

.loaded{
	opacity:0;
	visibility:hidden;
}

.spinner{
	width:100%;
	height:100%;
	position:relative;
}

.double-bounce1,.double-bounce2{
	width:60px;
	height:60px;
	margin:auto;
	border-radius:50%;
	background:#c64595;
	opacity:0.6;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-animation:sk-bounce 2.0s infinite ease-in-out;
	animation:sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s;
}

@-webkit-keyframes sk-bounce {
	0%, 100%{
		-webkit-transform:scale(0.0);
	}

	50%{
		-webkit-transform:scale(1.0);
	}
}

@keyframes sk-bounce{
	0%,100%{ 
		transform:scale(0.0);
		-webkit-transform:scale(0.0);
	}
	
	50%{ 
		transform:scale(1.0);
		-webkit-transform:scale(1.0);
	}
}