/*スライダー*/
#image-bloc { height: 312px; position:relative;}
.slider_title { position:absolute; top:0; left:50%; margin-left:-490px;}
.slider_title img { vertical-align: middle;}
.main-container { overflow: hidden; padding-bottom: 0px; position:relative; height:312px;}
.slider { list-style: none;  margin: 0;  padding: 0;}
.slider li { margin: 0; padding: 0;}
.bx-pager_wrapper{width:100%; height:125px; position:relative;}
.bx-pager{/*width:980px;*/width:740px; margin:0px auto 0; height:117px; margin-bottom:10px; position:absolute; right:0; left:0; bottom:0;}
.bx-pager li{float:left; margin:0px 0px 0px 0px; padding:0px 0 0 0px;}
.bx-pager a.active { background: url('../images/sld_thumb_bg.png') no-repeat scroll 50% 0px transparent; width:226px; height:111px; padding:91px 0px 0 ;}
.bx-pager img {padding:13px 6.5px 0px;}
@media screen and (min-width:1025px) {
.bx-viewport { overflow: visible!important; width: 2970px!important;}
.slider li { width: 980px!important;}
}
@media screen and (max-width:1024px) {
#image-bloc { height: auto;}
.slider_title { left:0%; margin-left:0px; width: 28.5%; }
.bx-viewport { width: 100%!important; overflow: hidden !important;}
.main-container { height:auto;}
.bx-pager_wrapper{height:auto; padding-top:17%;/*13%;*/ margin-top: -60px;}
.bx-pager{width:100%; height:auto; margin:0; bottom: 8%;}
.bx-pager li{/*width:25%;*/width:33.3%;}
.bx-pager a.active { background: url('../images/sld_thumb_bg.png') no-repeat scroll 50% 0px transparent; background-size:94%; padding:19% 0 ;/*17% 0px 17% ;*/}
.bx-pager img {padding:0% 5% 5px; width: 90%; vertical-align:middle;}
}
@media screen and (max-width:768px) {
.bx-pager a.active { padding:18% 0 ;/*15% 0px 15% ;*/}
}
@media screen and (max-width:640px) {
.main-container { background:#7d7c7c;}
#image-bloc { height: auto;}
.bx-pager a.active {  padding:0 ;}
}
/*スライダーここまで*/