@charset "utf-8";
/*** wideslider config
------------------------------------------ ***/
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden
    }
.wideslider ul, .wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden
    }
.wideslider ul li {
    position: relative
    }
.wideslider ul li img {
    width: 100%;
    height: auto;
    display: none;
    padding: 0 1px
    }
.wideslider_base {
    top: 0;
    position: absolute
    }
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden
    }
.slider_prev, .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer
    }
.slider_prev {
    background: #fff url(../img/prev.jpg) no-repeat right center
    }
.slider_next {
    background: #fff url(../img/next.jpg) no-repeat left center
    }
.pagination {
    width: 974px;
    height: 13px;
    margin: 0 0 0 -487px;
    padding: 0 16px;
    text-align: left;
    position: absolute;
    left: 50%;
    bottom: 24px;
    z-index: 200
    }
.pagination a {
    margin: 0 3px 0 4px;
    width: 13px;
    height: 13px;
    display: inline-block;
    overflow: hidden;
    background: #ccc
    }
.pagination a.active {
    background: #eb6100
    }
/* =======================================
 ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
    }
.wideslider ul {
    display: inline-block;
    overflow: hidden
    }
@media screen and (min-width: 0) and (max-width: 610px) {
    .pagination {
        width: 100%;
        margin: 0;
        padding: 0 10px;
        /*
          text-align: right;
          bottom: 20px;
        */
        position: absolute;
        left: 0;
        z-index: 200
        }
    }
/*** jscrollpane config
------------------------------------------ ***/
/* 全体 */
.jspContainer {
    overflow: hidden;
    position: relative
    }
/* スクロールバーを除いたエリア */
.jspPane {
    position: absolute
    }
/* 縦スクロールバー */
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%
    }
/* 横スクロールバー */
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px
    }
/* 背景 */
.jspTrack {
    background: #f9d0b3;
    position: relative
    }
/* ノブ */
.jspDrag {
    background: #eb6100;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
    }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
    }