@charset "UTF-8";
/*CSSスライドショーアニメーション設定
---------------------------------------------------------------------------*/
/*1枚目*/
@keyframes slide1 {
	0% {top: 110%;}
	100% {top: -1600%;}
}
/*2枚目*/
@keyframes slide2 {
	0% {top: 5%;}
	100% {top: 5%;}
}
/*3枚目*/
@keyframes slide3 {
	0% {top: 100%;}
       70% {top: 100%;}
	100% {top: -250%;}
}
/*4枚目*/
@keyframes slide4 {
	0% {top: 500%;}
	80% {top: 500%;}
	100% {top: 0%;}
}

/*mainimg3
---------------------------------------------------------------------------*/
/*画像ブロック*/
#mainimg3 {
	clear: left;width: 100%;position: relative;
	background: #000;
	overflow: hidden;
	margin-bottom: 30px;	
}
/*４枚画像の共通設定*/
.slide1,.slide2,.slide3 {
	animation-duration: 70s;	
	animation-iteration-count:1;		
	position: absolute;left:0px;top:0px;
	animation-fill-mode: both;
	animation-delay: 0s;
          animation-timing-function:  linear ;
}
/*４枚画像の共通設定*/
.slide4 {
	animation-duration: 72s;	
	animation-iteration-count:1;		
	position: absolute;left:0px;top:0px;
	animation-fill-mode: both;
	animation-delay: 0s;
          animation-timing-function:  ease-out ;
}
/*１枚目*/
.slide1 {
	animation-name: slide1;	
}
/*２枚目*/
.slide2 {
	animation-name: slide2;	
}
/*３枚目*/
.slide3 {
	animation-name: slide3;	
}
/*４枚目*/
.slide4 {
	animation-name: slide4;	
}