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


/* ブレイクポイント設定値
@media (max-width: 575px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {}
@media (min-width: 1220px) {}
*/


/* ======================================================================= */

/* 1 */
@media (max-width: 575px) {

#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/lp/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:43.75px;
	cursor: pointer;
	left:50%;
}
#slider #prev{
	margin-left: -190px;
}
#slider #next{
	margin-left: 140px;
}




/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 330px;
	height: 137.5px;
	text-align:center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=10);
}


#slider {height: 137.5px;}

div#slider li img {
	width: 330px;
	height: 137.5px;
	}

}

/* ======================================================================= */

/* 2 */
@media (min-width: 576px) {

#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/lp/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:95px;
	cursor: pointer;
	left:50%;
}
#slider #prev{
	margin-left: -313px;
}
#slider #next{
	margin-left: 263px;
}




/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 576px;
	height: 240px;
	text-align:center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=10);
}


#slider {height: 240px;}

div#slider li img {
	width: 576px;
	height: 240px;
	}

}

/* ======================================================================= */

/* 3 */
@media (min-width: 768px) {

#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/lp/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:135px;
	cursor: pointer;
	left:50%;
}
#slider #prev{
	margin-left: -409px;
}
#slider #next{
	margin-left: 359px;
}




/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 768px;
	height: 320px;
	text-align:center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=10);
}


#slider {height: 320px;}

div#slider li img {
	width: 768px;
	height: 320px;
	}

}

/* ======================================================================= */

/* 4 */
@media (min-width: 920px) {

#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/lp/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:162.5px;
	cursor: pointer;
	left:50%;
}
#slider #prev{
	margin-left: -475px;
}
#slider #next{
	margin-left: 425px;
}




/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 900px;
	height: 375px;
	text-align:center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=10);
}


#slider {height: 375px;}

div#slider li img {
	width: 900px;
	height: 375px;
	}

}

/* ======================================================================= */

/* 5 */
@media (min-width: 1220px) {

#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/lp/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:225px;
	cursor: pointer;
	left:50%;
}
#slider #prev{
	margin-left: -625px;
}
#slider #next{
	margin-left: 575px;
}




/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 1200px;
	height: 500px;
	text-align:center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=10);
}


#slider {height: 500px;}

div#slider li img {
	width:1200px;
	height:500px;
	}

}

/* ======================================================================= */