/* 参考構造に基づき独自にアレンジしたフェード切り替えアニメーションCSS */

.clear{
clear:both;
} 


.album {
	margin: auto;
	background-color: white;
	position: relative;
}

.album img {
	width: 100%;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 20s;
	-webkit-animation-duration: 20s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .imga {
	display: block;
	margin: 0 auto;
}

.album .imgb {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	position: absolute;
	top: 0;
}

.album .imgc {
	animation-delay:10s;
	-webkit-animation-delay:10s;
	position: absolute;
	top: 0;
}

.album .imgd {
	animation-delay:15s;
	-webkit-animation-delay:15s;
	position: absolute;
	top: 0;
}

@keyframes album {
	0%, 100% { opacity: 0; }
	5%       { opacity: 1; }
	20%      { opacity: 1; }
	25%      { opacity: 0; }
}


@-webkit-keyframes album {
	0%, 100% { opacity: 0; }
	5%       { opacity: 1; }
	20%      { opacity: 1; }
	25%      { opacity: 0; }
}