@charset "UTF-8";

.slider.bg-line {
    z-index: 0;
}
.slider.bg-line:after {
    content: '';
    background: #fff3ec;
    width: 100%;
    height: 55%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    font-size: 1rem;
    opacity: 0.5;
}

.bg-grad {
    background: url(./bg-grad.svg) center/cover no-repeat;
}
.bg-listgrad {
    background: url(./bg-listgrad.svg) center/cover no-repeat;
}

.mov-square:before {
    content: "";
    background: url(ico-movstart.svg) center no-repeat;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0.6;
}
.mov-square:hover::before {
    opacity: 0.3;
}

.btn-like:before {
    content: attr(data-count);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}