@charset "utf-8";


/*CSSスライドショー設定表示する時間割合
---------------------------------------------------------------------------*/
@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	15% {opacity: 1;}
	20% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide2 {
	0% {opacity: 0;}
	10% {opacity: 0;}
	15% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide3 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	30% {opacity: 1;}
	45% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide4 {
	0% {opacity: 0;}
	40% {opacity: 0;}
	45% {opacity: 1;}
	60% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide5 {
	0% {opacity: 0;}
	55% {opacity: 0;}
	60% {opacity: 1;}
	75% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide6 {
	0% {opacity: 0;}
	70% {opacity: 0;}
	75% {opacity: 1;}
	90% {opacity: 1;}
	95% {opacity: 0;}
	100% {opacity: 0;}
}

/*----

@keyframes slide6 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	55% {opacity: 1;}
	60% {opacity: 1;}
	65% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide7 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	65% {opacity: 1;}
	70% {opacity: 1;}
	75% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide8 {
	0% {opacity: 0;}
	70% {opacity: 0;}
	75% {opacity: 1;}
	80% {opacity: 1;}
	85% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide9 {
	0% {opacity: 0;}
	80% {opacity: 0;}
	85% {opacity: 1;}
	90% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
*/

/*mainimg_slide
---------------------------------------------------------------------------*/
/*画像ブロック*/
.mainimg_slide {
	clear: left;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 70px;
	position: relative;
}
/*画像の共通設定*/
/*.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9 {*/
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6 {
	animation-duration: 35s;	/*全体の実行時間。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」無限繰返*/
	position: absolute;left:0px;top:0px;width: 100%;height: auto;
	animation-fill-mode: both;
	animation-delay: 4s;		/*アニメーション起動までの遅延時間*/

}
/*土台画像*/
.slide0 {
	position: relative;width: 100%;height: auto;
}

.slide1 {
	-webkit-animation-name: slide1;
	animation-name: slide1;
}
.slide2 {
	-webkit-animation-name: slide2;
	animation-name: slide2;
}
.slide3 {
	-webkit-animation-name: slide3;
	animation-name: slide3;
}
.slide4 {
	-webkit-animation-name: slide4;
	animation-name: slide4;
}
.slide5 {
	-webkit-animation-name: slide5;
	animation-name: slide5;
}
.slide6 {
	-webkit-animation-name: slide6;
	animation-name: slide6;
}
/*

.slide7 {
	-webkit-animation-name: slide7;
	animation-name: slide7;
}
.slide8 {
	-webkit-animation-name: slide8;
	animation-name: slide8;
}
.slide9 {
	-webkit-animation-name: slide9;
	animation-name: slide9;
}
*/

/*CSSスライドショー設定表示する時間割合
---------------------------------------------------------------------------*/
@keyframes if_slide1 {
	0% {opacity: 0;}
	5% {opacity: 1;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide2 {
	0% {opacity: 0;}
	10% {opacity: 0;}
	20% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide3 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide4 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide5 {
	0% {opacity: 0;}
	40% {opacity: 0;}
	50% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide6 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	70% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide7 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	80% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes if_slide8 {
	0% {opacity: 0;}
	70% {opacity: 0;}
	80% {opacity: 1;}
	90% {opacity: 1;}
	95% {opacity: 0;}
	100% {opacity: 0;}
}

.if_slide1,.if_slide2,.if_slide3,.if_slide4,.if_slide5,.if_slide6,.if_slide7,.if_slide8 {
	animation-duration: 20s;	/*40*//*全体の実行時間。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」無限繰返*/
	position: absolute;left:0px;top:0px;width: 100%;height: auto;
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-timing-function:steps(1, end); /*画像のフェード処理を止める*/

}

.if_slide0 {
	position: relative;width: 100%;height: auto;
}

.if_slide1 {
	-webkit-animation-name: if_slide1;
	animation-name: if_slide1;
}
.if_slide2 {
	-webkit-animation-name: if_slide2;
	animation-name:if_slide2;
}
.if_slide3 {
	-webkit-animation-name: if_slide3;
	animation-name: if_slide3;
}
.if_slide4 {
	-webkit-animation-name: if_slide4;
	animation-name: if_slide4;
}
.if_slide5 {
	-webkit-animation-name: if_slide5;
	animation-name: if_slide5;
}
.if_slide6 {
	-webkit-animation-name: if_slide6;
	animation-name: if_slide6;
}
.if_slide7 {
	-webkit-animation-name: if_slide7;
	animation-name: if_slide7;
}
.if_slide8 {
	-webkit-animation-name: if_slide8;
	animation-name: if_slide8;
}