/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

@charset "UTF-8";

#main_visual { overflow:hidden; }
.slide { width:auto; padding:0 23px; margin:0 0 0 240px; overflow:visible; }
.slide:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
*+html .slide { height:auto; }

.bx-wrapper { position:relative;/*prevnext位置対策*/ }
.slide .bx-viewport { width:auto!important; margin-bottom:5px; }

.slide ul { overflow:visible; }
.slide ul:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.slide li { left:0; float:left; width:auto!important; margin-right:7px; }
.slide img { width:208px; border:solid 3px #fff; margin:6px; box-shadow:0 0 6px rgba(0,0,0,0.5); }

/*ページャー*/
.bx-controls .bx-pager { list-style:none outside none; padding-top:10px; }
.bx-controls .bx-pager-item { display:inline; }

.bx-wrapper .bx-pager { display:block; position:static; width:100%; padding-top:0; font-size:0; text-align:center; }
.bx-wrapper .bx-pager .bx-pager-item { text-align:center; }
.bx-wrapper .bx-pager a { display:inline-block; background:rgba(0,0,0,0.2); text-indent: -9999px; display:inline-block; width: 12px; height:12px; margin:0 7px; border-radius:50%; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background:#52853b; }

/*prevnext*/
.bx-controls-direction { display:inline; position:static; overflow:visible; }
.bx-prev, .bx-next { display:block; position:absolute; left:-23px; top:50%; margin-top:-21px; width:20px; height:42px; background:url(../images/arrow_l.png) no-repeat; background-size:100% auto; text-indent:110%; white-space:nowrap; overflow:hidden; }
.bx-next { left:auto; right:-23px; background-image:url(../images/arrow_r.png); }

@media screen and (max-width : 768px){
.slide { display:block; clear:both; padding:0 20px; margin:0 0 20px; overflow:hidden; }
.slide img { width:120px; }
/*prevnext*/
.bx-prev, .bx-next { left:-20px; margin-top:-15px; width:16px; height:30px; }
.bx-next { left:auto; right:-20px; }

}