/**
 * 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 { background:none; }

#slider, #recommend_item { width:100%; padding:0; margin:0; overflow:visible; }
#recommend_item { padding:12px 0 20px; }

.bx-wrapper { position:relative;/*prevnext位置対策*/ }
.bx-viewport { width:auto!important; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; }

#slider ul { margin:0; padding:0; overf,low:visible; }
.bx-wrapper ul:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#slider li { float:left; display:inline; margin-bottom:0; text-align:center; overflow:hidden; }
#slider img { max-width:100%; display:block; }

/* おすすめ商品 */
#recommend_item .bx-viewport { min-height:307px; }
#recommend_item ul { margin:0; padding:0; overflow:hidden; }
#recommend_item li { width:auto!important; margin-bottom:0; padding-top:15px; }
#recommend_item img { }

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

.bx-wrapper .bx-pager { position:relative; display:block; width:100%; margin-top:-20px; font-size:0; text-align:center; z-index:100; }
.bx-wrapper .bx-pager .bx-pager-item { text-align:center; }
.bx-wrapper .bx-pager a { display:inline-block; background:url(../images/pager.png) no-repeat center bottom; text-indent: -9999px; display:inline-block; width:16px; height:16px; margin:0 4px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-position:center top; }

/* prevnext */
#slider .bx-prev,
#slider .bx-next { position:absolute; left:10px; top:50%; display:block; width:23px; height:45px; margin-top:-22px; background:url(../images/arrow_l.png) no-repeat right top; text-indent: -9999px; z-index:100; cursor:pointer; }
#slider .bx-next { left:auto; right:10px; background-image:url(../images/arrow_r.png); }
#slider .bx-prev:hover, #slider .bx-next:hover { opacity:0.7; }

/* おすすめprevnext */
#recommend_item .bx-prev,
#recommend_item .bx-next { position:absolute; left:0; top:0; display:block; width:220px; height:30px; margin-top:-18px; background:url(../images/arrow_t.png) no-repeat; text-indent: -9999px; z-index:100; cursor:pointer; }
#recommend_item .bx-next { top:auto; bottom:0; margin-top:0; margin-bottom:-18px; background-image:url(../images/arrow_b.png); }
#recommend_item .bx-prev:hover, #recommend_item .bx-next:hover { background-position:left bottom; }