@charset "UTF-8";
/* 読み込みローディング */
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top:auto;
 left: auto;
 z-index: 10000; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-50px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-25px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}


/*下からフェードイン*/
/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 3s;
	transform: translateY(40px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}