@charset "utf-8";
/* CSS Document */

.album {
	float:left;
	position: relative;
}

.album2 {
	float:left;
	position: relative;
}

.album3 {
	float:left;
	position: relative;
}

.album4 {
	float:left;
	position: relative;
}

.album5 {
	float:right;
	position: relative;
}

.album .img1 {
	display: block;
}

.album2 .img1 {
	display: block;
}

.album3 .img1 {
	display: block;
}


.album4 .img1 {
	display: block;
}

.album5 .img1 {
	display: block;
}

.album img {
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img2 {
	animation-delay:7.6s;
	-webkit-animation-delay:7.6s;
	position: absolute;
	top: 0;
}

.album .img3 {
	animation-delay:17.6s;
	-webkit-animation-delay:17.6s;
	position: absolute;
	top: 0;
}

.album2 img {
	animation-name: album2;
	-webkit-animation-name: album2;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album2 .img2 {
	animation-delay:8.2s;
	-webkit-animation-delay:8.2s;
	position: absolute;
	top: 0;
}
.album2 .img3 {
	animation-delay:18.2s;
	-webkit-animation-delay:18.2;
	position: absolute;
	top: 0;
}

.album3 img {
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album3 .img2 {
	animation-delay:8.8s;
	-webkit-animation-delay:8.8s;
	position: absolute;
	top: 0;
}
.album3 .img3 {
	animation-delay:18.8s;
	-webkit-animation-delay:18.8s;
	position: absolute;
	top: 0;
}

.album4 img {
	animation-name: album4;
	-webkit-animation-name: album4;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album4 .img2 {
	animation-delay:9.4s;
	-webkit-animation-delay:9.4s;
	position: absolute;
	top: 0;
}
.album4 .img3 {
	animation-delay:19.4s;
	-webkit-animation-delay:19.4s;
	position: absolute;
	top: 0;
}

.album5 img {
	animation-name: album5;
	-webkit-animation-name: album5;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album5 .img2 {
	animation-delay:10.0s;
	-webkit-animation-delay:13.0s;
	position: absolute;
	top: 0;
}
.album5 .img3 {
	animation-delay:20.0s;
	-webkit-animation-delay:23.0s;
	position: absolute;
	top: 0;
}

@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}


@keyframes album2 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album2 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@keyframes album3 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album3 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@keyframes album4 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album4 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}




@keyframes album5 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}

}

@-webkit-keyframes album5 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
.honbun {
	width: 1280px;
}
/*佐々木追記2306*/
.top-slide-pc {
	display: block;
}
.top-slide-sp {
	display: none;
}

@media only screen and (max-width: 767px) {
.top-slide-sp {
	display: block;
}
.top-slide-pc {
		display:none;
	}
  }