@charset "UTF-8";


/* -- Structure [Index] -----------------------------------------------------*/
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}


/* -- slider ----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.bx-wrapper {
		margin-bottom:2%;
	}
	.bx-viewport {
		margin-bottom:10px;
	}	
	#slider {
		margin-bottom:10px;
	}
	#slider li {
		width:100%;
		height:270px;
	}
	
	#slider li.slide01 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide02 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide03 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide04 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide05 {background:url() center center no-repeat; background-size: cover;}
}
@media screen and (min-width: 768px) {
	.bx-wrapper {
		margin-bottom:10px;
	}
	.bx-viewport {
		margin-bottom:10px;
	}	
	#slider {
		margin-bottom:10px;
	}
	#slider li {
		width:100%;
		height:550px;
	}
	
	#slider li.slide01 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide02 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide03 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide04 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide05 {background:url() center center no-repeat; background-size: cover;}

}

/* -- APPEND ----------------------------------------------------------------*/