@charset "UTF-8";
/*ギャラリー全体のコンテナー*/
#yuuaikankouryutaikai #stage {
	position: relative;
	background:rgb(250, 143, 223);
	max-width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
/*全サムネイルのコンテナー animation設定*/
#yuuaikankouryutaikai #thumbs {
	width: 200%;
	left: -45%;
	animation:recipro ease 12s infinite;
}
/*サムネイルのマウスオーバーでポインターを手のひら*/
#yuuaikankouryutaikai #thumbs:hover {
	animation-play-state:paused;
}
#yuuaikankouryutaikai #thumbs img {
	width:9.6%;
}
/*表示写真の初期配置（全部透明に）とtransition(fade)設定*/
#yuuaikankouryutaikai .photo {
	position: absolute;
	left: 0;
	top: 0;
}
#yuuaikankouryutaikai .photo img {
	width:100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
/* クリックされたサムネイルの対応写真を表示 */
#yuuaikankouryutaikai .photo:target > img {
	opacity:1; 
}

/* サムネイル群の左右往復animation */
@keyframes recipro {
	0% { margin-left:0%; }
	50% { margin-left:-98%; }
	100% { margin-left:0%; }
}