@charset "utf-8";


/*スライドショーのキーフレーム設定
---------------------------------------------------------------------------*/
@keyframes slide1 {
	0% {opacity: 1;}
	25%{opacity: 1;}
	35%{opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes slide2 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	35% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide3 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes slide4 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}


/*３枚の画像の共通設定*/
.slide1,.slide2,.slide3,.slide4 {
	width: 100%;height: 100%;
	position: absolute;right: 0px;top: 0px;z-index: -1;
	text-indent: -9999px;
}

/*１枚目画像*/
.slide1 {
	animation: slide1 15s linear infinite, opa1 1s linear;
	background: url(https://dl.dropboxusercontent.com/scl/fi/2wmrmx1kxjs3z3r1rkmsu/.jpg?rlkey=iv3hz9tbmcr49hl8y9j0boa78&st=e7ek8c09&dl=0) no-repeat center center/cover;
}

/*２枚目画像*/
.slide2 {
	animation: slide2 15s linear infinite;
	background: url(https://dl.dropboxusercontent.com/scl/fi/w00u4lza0n2sjwmgb8e71/.jpg?rlkey=ytl27riuvin2xdvr6ay707z44&st=lgrzld37&dl=0) no-repeat center center/cover;
}

/*３枚目画像*/
.slide3 {
	animation: slide3 15s linear infinite;
	background: url(https://dl.dropboxusercontent.com/scl/fi/ecosjwpgp9sgnfpcxbe17/TOP2.jpg?rlkey=n04fgr8gydeh6jzpomlngl7xc&st=sezg1lue&dl=0) no-repeat center center/cover;
}

/*4枚目画像*/
.slide4 {
	animation: slide3 15s linear infinite;
	background: url(https://dl.dropboxusercontent.com/scl/fi/7zdi2pgozxasxaks5khjd/.jpg?rlkey=inabh6xnpsxcuizhso2tzfctv&st=fr82azk8&dl=0) no-repeat center center/cover;