@charset "utf-8";

.main_visual{height:800px;overflow:hidden;position:relative;}
.main_image{height:800px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:800px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:800px;}
.main_image li span{display:block;width:100%;height:800px}
.main_image li a{display:block;width:100%;height:800px}

div.flicking_con{position:absolute;top:750px;left:51%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{left:100px; border:none}
#btn_next{right:100px;border:none}
.banner{display:none}
@media screen and (max-width: 1920px) and (min-width:1200px) {
}

@media screen and (max-width: 1200px) and (min-width: 0px) {
.main_visual{display:none}
.banner{display:block;width:100%;}
.banner img{width:100%;}
#slides {position:relative;}
.slidesjs-pagination{float:left; width:100%; background:#b2b2b2; height:5px; overflow:hidden;}
.slidesjs-pagination li{float:left; width:33.3%; color:red;}
.slidesjs-pagination li a{display:block; height:5px; overflow:hidden; text-indent:999999px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background:#3f9809;}
.slidesjs-pagination li a:hover {background-position: 0 -26px}
}