body {
	overflow:hidden;
	background-color: #BDCCD4;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#openning {
	width:100%;
	height:100%;
	text-align: center;
}
#openning {
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	opacity: 0;
	animation: anim2 4s linear;
	text-align: center;
}
#openning>div {
	display: table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align: middle;
}
#image-frame {
	display: inline-block;
	border: 5px solid #BDCCD4;
	width: 120px;
	height:200px;
}
#image {
	font-size: 50px;
	animation: anim1 3s linear;
	padding: 0px;
}
.element {
	animation-name: scale;
	animation-duration: 3s;
}
#main {
	background-color: #BDCCD4;
	margin-top: 200px;
	margin-right: auto;
	margin-left: auto;
}

#skip {
	height: auto;
	width: auto;
	text-align: left;
	margin-right: 30px;
}
@keyframes anim1 {
0% {
font-size: 50px;
color: #BDCCD4;
}
75% {
	font-size: 100px;
	padding: 0px;
	color: #FFF;
	transform: scale(2.0, 2.0);
}
100% {
font-size: 110px;
color: #FFF;
transform: scale(3.0, 3.0);
opacity: 0
}
}
@keyframes anim2 {
0% {
opacity: 1;
}
75% {
opacity: 1;
}
100% {
opacity: 0
}
}