@charset "utf-8";
@import url(common/style.css);

#anim{
	position:relative;
	width:100%;
	overflow:hidden;
	
}
.slideAb,
.slideAbs{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:5;
	-webkit-transform:scale(1);
	transform:scale(1);	
}

#info{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:100;
}
#ani0 p{
	position:relative;
	width:100%;
	height:100%;
}
#ani0 img{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}


/* .slideAbs img{
	position:absolute;
	opacity:0;
	transform:scale(1);
	transition:all  10s;
	display:block;
}
.slideAbs.zoomUp img{
	transform:scale(1.2);
	opacity:1;
} */

#anim p span{
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	top:0%;
	left: 0%;
	-webkit-transform:scale(1);
	transform:scale(1);
 }
.slideAbs.zUp{
	z-index:10;
}
#ani1 span{	background:url('../img/top/slide/slide_1.png') center center no-repeat;    background-size:100%;	}
#ani2 span{	background:url('../img/top/slide/slide_2.png') center center no-repeat;    background-size:100%;	}
#ani3 span{	background:url('../img/top/slide/slide_3.png') center center no-repeat;    background-size:100%;	}

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

}