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

.slide .photo-show {
	height: 100%; /*表示したい大きさ*/
	margin: 30px auto; /*縦余白30pxは任意*/
	max-width: 100%;
	min-height:700px;
	position: relative;
	width: 100%; /*表示したい大きさ、height と合わせる*/
	display: block;
}

.slide .photo-show .slideInner img { 
    animation: show 12s infinite;
    -webkit-animation: show 12s infinite;
    /*border-radius: 50%;*/
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    15% {opacity:1}
    30% {opacity:1}
    45% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    15% {opacity:1}
    30% {opacity:1}
    45% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.slide .photo-show .slideInner img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.slide .photo-show .slideInner img:nth-of-type(2) {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.slide .photo-show .slideInner img:nth-of-type(3) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
}

/*.photo-show img:nth-of-type(4) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s
}

.photo-show img:nth-of-type(6) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.photo-show img:nth-of-type(7) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
} 
.photo-show img:nth-of-type(8) {
    animation-delay: 14s;
    -webkit-animation-delay: 14s;
}*/

@media screen and (max-width:1024px) {
.slide .photo-show {
	height: 350px !important; /*表示したい大きさ*/
	margin: 30px auto; /*縦余白30pxは任意*/
	max-width: 100%;
	min-height:380px;
	position: relative;
	width: 100%; /*表示したい大きさ、height と合わせる*/
	display: block;
}
}
@media screen and (max-width:639px) {
.slide .photo-show {
	height: 180px !important; /*表示したい大きさ*/
	margin: 80px auto 0px auto; /*縦余白30pxは任意*/
	max-width: 100%;
	min-height:150px;
	position: relative;
	width: 100%; /*表示したい大きさ、height と合わせる*/
	display: block;
}
}