/*prp*****************/
/* 設定 */
#slider {width:1000px; height:100%; min-height:365px; position:relative; margin:0 auto; }
.slide-wrap {width:100%;  position:absolute;}

/* コントローラー */
#slider .bx-controls {position:absolute;width:100%;z-index:20;top:40%;left:0;}

#slider .bx-controls-direction {max-width:100%;min-width:1000px;top:0;position:absolute;}

#slider .bx-controls-direction a {position:absolute;width:50px;height:50px;display:block;z-index:21;text-indent:-9999px;top:50%;}

#slider .bx-wrapper .bx-prev {  left: -80px;  background: url('../../images/prp/prev.jpg') no-repeat ; background-size:50px 50px;}
#slider .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {  background-position: 0 0;}
#slider .bx-wrapper .bx-next {  right:-80px;  background: url('../../images/prp/next.jpg') no-repeat; background-size:50px 50px;}

/* bx-pager *******/
#slider .bx-pager {text-align:center;clear:both;display:block;position:relative; margin-top:274px;}
#slider .bx-pager-item { height:10px; width:10px; background:#e1007f; overflow:hidden; display:inline-block; margin:0 10px; border-radius:50px;}

#slider .bx-pager-item a { background-color:#828282; display:block; }
#slider .bx-pager-item a {padding-top:100px; display:block;}
#slider .bx-pager-item a.active {opacity:0;}
#slider .bx-pager-item a:hover {opacity:0.3;}


/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:999px){
#slider {width:100%; height:100%; position:relative; margin:0 auto; }
.slide-wrap {width:100%;  position:absolute;}

/* コントローラー */
#slider .bx-controls {position:absolute;width:100%;z-index:20;top:40%;left:0;}

#slider .bx-controls-direction {max-width:100%;min-width:100%;top:0;position:absolute;}

#slider .bx-controls-direction a {position:absolute;width:30px;height:30px;display:block;text-indent:-9999px;top:50%;}

#slider .bx-wrapper .bx-prev {  left: 0;  background: url('../../images/prp/prev.jpg') no-repeat ; background-size:30px 30px;}
#slider .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {  background-position: 0 0;}
#slider .bx-wrapper .bx-next {  right:0;  background: url('../../images/prp/next.jpg') no-repeat; background-size:30px 30px;}

/* bx-pager *******/

#slider .bx-pager {text-align:center;clear:both;display:block;position:relative; z-index:5;}

}
@media only screen and (max-width:500px) {
  #slider .bx-pager {
    margin-top: 220px;
  }
}

@media only screen and (max-width:320px){
#slider .bx-wrapper .bx-prev {background-size:25px 25px;}
#slider .bx-wrapper .bx-next {background-size:25px 25px;}
}