@charset "utf-8";

.fixed-box-slider{position:relative; width:100%; max-width:705px; height:470px; margin:30px auto 60px;}
.fixed-box-slider .gallery-inner{overflow:hidden; position:absolute;left:0;top:0; width:100%;height:100%;}
.fixed-box-slider li{list-style-type:none !important;margin:0 !important;padding:0;position:absolute;left:100%;top:0; width:100%;height:100%;background-color:#000;}
.fixed-box-slider li .img-box{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.fixed-box-slider li .img-box img{display:inline-block;width:100%;height:auto;}
.fixed-box-slider li .img-box img.height{width:auto;height:100%;}
.fixed-box-slider .btn_group {position:absolute;left:0;bottom:-55px;width:100%;height:55px;text-align:center; width:100%; padding:15px 0;}
.fixed-box-slider .btn_group > button{width:43px;height:23px;background-image:url(../images/bg_btn_slide_pc.png);background-repeat:no-repeat;vertical-align:top;font-size:0;}
.fixed-box-slider .btn_group .btn_prev {background-position:0 0px;margin-right:30px;}
.fixed-box-slider .btn_group .btn_next {background-position:0 -25px;margin-left:30px;}
.fixed-box-slider .btn_group button:hover {background-color:rgba(255,255,255,1);}

.fixed-box-slider .btn_page {display:inline-block;text-align:center;}
.fixed-box-slider .btn_page button {width:16px;height:16px;margin:3px 8px 0;background-color:#d3dde9;border:3px solid #d3dde9;border-radius:50%;vertical-align:top;font-size:0;}
.fixed-box-slider .btn_page button.on,
.fixed-box-slider .btn_page button.on:hover {background-color:#f6f6f6;border-color:#356cb1;}

@media (max-width: 768px){
	.fixed-box-slider{height:0;padding-top:66.6667%;}
	.fixed-box-slider .btn_group > button{width:31px;height:17px;background-image:url(../images/bg_btn_slide_mo.png);background-size:35px auto;}
    .fixed-box-slider .btn_group .btn_prev{background-position:0 -0px;margin-right:15px;}
    .fixed-box-slider .btn_group .btn_next{background-position:0 -20px;margin-left:15px;}
	.fixed-box-slider .btn_page button {width:12px;height:12px;border-width:2px;margin:3px 10px 0;}
}
@media (max-width: 350px){
	.fixed-box-slider .btn_page button {margin:3px 5px 0;}
    .fixed-box-slider .btn_group .btn_prev {margin-right:10px;}
    .fixed-box-slider .btn_group .btn_next {margin-left:10px;}
}