@charset "utf-8";


/* =========================PC=========================================== */
@media screen and (min-width: 768px) {



/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
    margin-bottom: 20px;
    border-bottom: 5px solid #0E6AB5;
    border-top: 5px solid #0E6AB5;
}

#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
#sliderInner li {
    width:1000px;
}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1000px;
    height:480px;
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter:"alpha( opacity=50 )";
    background:#fff;
}
#slideFilterL {
    left: 19px;
}
#slideFilterR {
    right: 21px;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
/*    background:#fff;
*/}

/* コントローラー */
.bx-wrapper .bx-prev {
    left: 1020px;
    background:url(../img/top/btnSlideLeft.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
    right: 1020px;
    background:url(../img/top/btnSlideRight.png) no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.bx-wrapper .bx-next:hover {
    background-position:0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:50%;
    outline:0;
    width:30px;
    height:30px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:10px;
    text-align:center;
    font-size:1em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#865DBC;
}


}


/* =========================スマホ=========================================== */
@media screen and (max-width: 767px) {

/* スライドショー */
#slider2 {
    overflow:hidden;
    position:relative;
    width:100%;
    margin-bottom: 20px;
    border-bottom: 5px solid #0E6AB5;
    border-top: 5px solid #0E6AB5;
}

#sliderInner {
    position:relative;
    width:100%;
   
}
#sliderInner li {
    width:100%;
}

#sliderInner li img {
    width:100%;
}


.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
/*    background:#fff;
*/}

/* コントローラー */
.bx-wrapper .bx-prev {
    background:url(../img/top/btnSlideLeft.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
    background:url(../img/top/btnSlideRight.png) no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.bx-wrapper .bx-next:hover {
    background-position:0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:50%;
    outline:0;
    width:30px;
    height:30px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:10px;
    text-align:center;
    font-size:1em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#865DBC;
}


}