@charset "utf-8";
/* メイン1枚目画像　Fade in */
#main1 .img1{
	position: absolute;
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.img1 {
	margin-top: 40px;
	/*min-width: 980px;*/
	min-width: 480px;
	width: 100%;
	height: 490px;
	/*min-height: 190px;*/
	background-repeat: no-repeat;
	background-image: url("../images/top/main_enter.png");
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	opacity:0;
}
.img1 {
    animation: imgTrans 20s ease 1 normal;
	-moz-animation: imgTrans 20s ease 1 normal;
    -webkit-animation: imgTrans 20s ease 1 normal;
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

/* メイン2枚目画像　Fade in */
#main2 .img2{
	animation-delay: 5s;
	-moz-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.img2 {
	margin-top: 40px;
	/*min-width: 980px;*/
	min-width: 480px;
	width: 100%;
	height: 490px;
	/*min-height: 190px;*/
	background-repeat: no-repeat;
	background-image: url("../images/top/main.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	opacity:0;
}
.img2 {
    animation: fade_in 2s ease 1 normal;
    -webkit-animation: fade_in 6s ease 1 normal;
	animation-fill-mode: both;
}
@keyframes fade_in {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-moz-keyframes fade_in {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fade_in {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media screen and (max-width:800px){

  .img1 {
	top: 16vw;
	/*min-width: 980px;
	min-width: 480px;
	width: 50%;*/
	  max-width: 360px;
	height: 168px;
	/*min-height: 190px;*/
	background-repeat: no-repeat;
	background-image: url("../images/top/main_enter_sp.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	opacity:0;
}
.img2 {
	top: 0vw;
	/*min-width: 980px;
	
	width: 50%;*/
	width: 360px;
	height: 168px;
	/*min-height: 190px;*/
	background-repeat: no-repeat;
	background-image: url("../images/top/main_sp.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	opacity:0;
}
}