@charset "utf-8";

@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	40% {}
	50% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}

#mainimg {
	clear: left;
	text-indent: -9999px;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.slide0 {
	background: url(../images/0.png) no-repeat center center/cover;
	position: relative;
    width: 100%;
    height: 100%;
}



@media screen and (max-width:600px){
    
.slide0 {
	background: url(../images/0.png) no-repeat center center/cover;
	position: relative;
    width: 100%;
    height: 100%;
}
    
#top #logo img {
	position: fixed;
	z-index: 1;
	top: 40%;
    text-align: center;
	width: 100%;
}

    
}


@media screen and (max-width:480px){
  
.slide0 {
	background: url(../images/0_s.png)  no-repeat center center/cover;
	position: relative;
}
    
    
    
    
}