@charset "utf-8";
/* CSS Document */

/* ---------- slider ---------- */



#main {
	width: 100%;
	position: relative;
	overflow: hidden !important;
}

#slider {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#slider li {
	float: left;
}
#slider li img {
	display: block;
	width: 100%;
	height: 100%;
}



@media screen and (max-width:767px){
	#main {
		height: 100%;
	}
	
	#slider {
	height: 100%;
}
	
	#slider li img {
		display: none;
	}
	#slider li {
		height: 100%;
		padding-top: 30%;
	}
	
	li.slide01 {
		background: url(../img/slide01_sp.jpg) no-repeat;
		background-size: contain;
	}
	li.slide02 {
		background: url(../img/slide02_sp.jpg) no-repeat;
		background-size: contain;
	}
	li.slide03 {
		background: url(../img/slide03_sp.jpg) no-repeat;
		background-size: contain;
	}
	
}