@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; background: #fff; }
.basic-post-slider .post-image .img-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
}
.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: none !important;
    width: auto;
    height: auto;
}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: -70px !important;}
.basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: -70px !important;}

.basic-post-slider .owl-carousel .owl-controls .owl-buttons div img {
    width: 12px;
    height: 21px;
}
@media all and (max-width: 1400px) {
    .basic-post-slider {overflow: hidden;}
    .basic-post-slider .item-list {margin-right: 0 !important;}
    .basic-post-slider .post-image .img-item img {width: 80%;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: 0 !important;}
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 30px !important;}
}
@media all and (max-width: 991px) {
    .basic-post-slider .owl-carousel .owl-controls .owl-buttons div.owl-next {right: 15px !important;}
}