@charset 'UTF-8';
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    z-index: 1000;
    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev
{
    left: 2vw;
    background: url(../navi-img/arrow_sp_prev.png) no-repeat;
    background-size: 20px 20px;
}

.slick-next
{
    right: 2vw;
    background: url(../navi-img/arrow_sp_next.png) no-repeat;
    background-size: 20px 20px;
}