@charset "utf-8";

.basic-post-slider_client { position:relative; width:100%; line-height:20px; overflow: hidden; }
.basic-post-slider_client .owl-show,
.basic-post-slider_client .owl-container {padding-bottom: 50px;}
.basic-post-slider_client .txt-normal { letter-spacing:0; }
.basic-post-slider_client .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-slider_client .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-slider_client .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-slider_client .post-image { position:relative; }
.basic-post-slider_client .post-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.basic-post-slider_client .post-text { font-size:12px; color:#888; margin-top:4px;}
.basic-post-slider_client .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-post-slider_client .post-ko { font-size:11px; }

.basic-post-slider_client .owl-carousel .owl-controls .owl-buttons div {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display: block;
    top: 40%;
}
.basic-post-slider_client .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: 5px;}
.basic-post-slider_client .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 55px !important;}

.basic-post-slider_client .owl-controls .owl-pagination {bottom: -20px;}
.basic-post-slider_client .owl-controls .owl-page span {
    background: #111;
    opacity: 0.2;
    border: none;
    width: 30px;
    height: 3px;
    border-radius: 0;
    padding: 0;
    margin: 0 5px;
}
.basic-post-slider_client .owl-controls .owl-page.active span {opacity: 1;}

@media all and (max-width: 767px) {
    .basic-post-slider_client .owl-carousel .owl-controls .owl-buttons div {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        line-height: 40px;
    }
    .basic-post-slider_client .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 15px !important;}
    .basic-post-slider_client .owl-controls .owl-page span {width: 20px;}
}