@charset "utf-8";
/* CSS Document */

/*slick.jsで作成したスライダー読み込み時のレイアウトずれ対策*/
div.slick > div.slick-item > div.slick-item__imgwrap {
    display: none;
}

/*共通 ページネーション*/
.slick-prev, .slick-next {
    top: calc( 50% - 25px );
    width: 50px;
    height: 50px;
    z-index: 1;
}
.slick-prev::before, .slick-next::before {
    background-color: var(--vk-color-text-body);
    border-radius: 50%;   
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: swiper-icons;
    font-size: 24px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 50px;
    color: #fff;
}
.slick-prev:not(:hover)::before, 
.slick-next:not(:hover)::before {
    opacity: .8;
}
.slick-prev {
    left: -10px;
}
.slick-next {
    right: -10px;
}
.slick-prev::before {    
    content: 'prev';
    padding-right: 4px;
}
.slick-next::before {
    content: 'next';
    padding-left: 4px;
}
@media print, screen and (min-width: 992px) {
    .slick-prev {
        left: -40px;
    }
    .slick-next {
        right: -40px;
    }
}
@media screen and (min-width: 1100px) {
    .slick-prev {
        left: -55px;
    }
    .slick-next {
        right: -55px;
    }
}
@media screen and (min-width: 1200px) {
    .slick-prev {
        left: -65px;
    }
    .slick-next {
        right: -65px;
    }
}
@media screen and (min-width: 1300px) {
    .slick-prev {
        left: -80px;
    }
    .slick-next {
        right: -80px;
    }
}

/*共通 間隔*/
.slick-slide {
  margin: 0 15px;
}
.slick-list {
  margin: 0 -15px;
}