@charset "utf-8";


/*CSSスライドショー設定
---------------------------------------------------------------------------*/
/*１枚目*/
@keyframes slide1a {
	0% {opacity: 0;}
	6.25% {opacity: 1;}
	18.75% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
}
/*２枚目*/
@keyframes slide2a {
	0% {opacity: 0;}
	18.75% {opacity: 0;}
	25% {opacity: 1;}
	37.5% {opacity: 1;}
	43.75% {opacity: 0;}
	100% {opacity: 0;}
}
/*3枚目*/
@keyframes slide3a {
	0% {opacity: 0;}
	37.5% {opacity: 0;}
	43.75% {opacity: 1;}
	56.25% {opacity: 1;}
	62.5% {opacity: 0;}
	100% {opacity: 0;}
}

/*4枚目*/
@keyframes slide4a {
	0% {opacity: 0;}
	56.25% {opacity: 0;}
	62.5% {opacity: 1;}
	75% {opacity: 1;}
	81.25% {opacity: 0;}
	100% {opacity: 0;}
}


/*5枚目*/
@keyframes slide5a {
	0% {opacity: 0;}
	75% {opacity: 0;}
	81.25% {opacity: 1;}
	93.75% {opacity: 1;}
	100% {opacity: 0;}
}


/*mainimg
---------------------------------------------------------------------------*/
/*画像ブロック*/
.seazon_mainimg {
	clear: both;
	width: 100%;
	position: relative;
    margin-bottom: 50px;
}

/*5枚画像の共通設定*/
.slide1a,.slide2a,.slide3a,.slide4a,.slide5a{
	-webkit-animation-duration: 15s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 15s;			/*同上*/
	-webkit-animation-iteration-count: infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count: infinite;			/*同上*/
	position: absolute;
	right: 0px;
	top: 0px;
	width:100%;
	height: auto;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*土台画像*/
.slide0a {
	position: absolute;
	right: 0px;
	top: 0px;
	width:100%;
	height: auto;
}
/*１枚目*/
.slide1a {
	-webkit-animation-name: slide1a;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1a;				/*同上*/
}
/*２枚目*/
.slide2a {
	-webkit-animation-name: slide2a;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2a;				/*同上*/
}
/*３枚目*/
.slide3a {
	-webkit-animation-name: slide3a;
	animation-name: slide3a;
}
/*4枚目*/
.slide4a {
	-webkit-animation-name: slide4a;
	animation-name: slide4a;
}

/*5枚目*/
.slide5a {
	-webkit-animation-name: slide5a;
	animation-name: slide5a;
}