@charset "UTF-8";

/*-------------------------------------------------------

注意1：フォントサイズ指定はcommon.cssを参照。

-------------------------------------------------------*/



/*　全ページ共通フェードインアニメ
-------------------------------------------------------*/
#contents {
	-webkit-animation-name: 'fadeinAnime';
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
}
@-webkit-keyframes 'fadeinAnime' {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1.0;
	}
}


/*　写真が飛び出すアニメーション
-------------------------------------------------------*/
.popup {
	-webkit-animation-name: 'galleryAnime';
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform: scale(1);
}
@-webkit-keyframes 'galleryAnime' {
	0% {
		opacity: 0;
	}
	70% {
		-webkit-transform: scale(0.1);
		opacity: 0;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}