@charset "utf-8";

.basic-post-slider { position:relative; width:100%; line-height:20px; }
.basic-post-slider .txt-normal { letter-spacing:0; }
.basic-post-slider .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-slider .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 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-slider .post-image { position:relative; overflow:hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.basic-post-slider .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-slider .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; font-size: 14px; }
.basic-post-slider .post-text { font-size:12px; color:#888; margin-top:4px;}
.basic-post-slider .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-post-slider .post-ko { font-size:11px; }

.owl-carousel .owl-controls.clickable .owl-buttons div {display: block !important;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div {
    background: rgba(0,0,0,0.5);
    opacity: 1;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px;
    margin: 0;
    line-height: 50px !important;
    top: 40% !important;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev {left: -80px;}
.owl-carousel .owl-controls .owl-buttons div.owl-next {right: -80px !important;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div img {
    width: 12px;
    height: 20px;
}
.basic-post-slider .owl-show, .basic-post-slider .owl-container {overflow: inherit !important;}

@media all and (max-width: 1500px) {
    .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: 15px;}
    .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 65px !important;}
}
@media all and (max-width: 767px) {
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div img {
        width: 8px;
        height: 14px;
    }
    .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 30px !important;}
}