.index .slider .slick-dots {
    bottom: 12px;
}

.index .slider .slick-dots li {
    width: 22px;
    height: 22px;
    margin: 0 5.5px;
}

.index .slider .slick-dots li button {
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #6a3906;
    width: 22px;
    height: 22px;
}

.index .slider .slick-dots li button:before {
    display: none;
}

.index .slider .slick-dots li.slick-active button {
    background-color: #cadb39;
}

@media print,screen and (min-width:768px) {
    .is-view-pc .index .slider .p-page-header__img a:hover {
        opacity: .7;
    }
}

.index .slider .slick-arrow {
    z-index: 5;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/peana/assets/images/peana/icon_arrow.png");
}

.index .slider .slick-arrow:before {
    display: none;
}

@media print,
screen and (min-width:768px) {
    .is-view-pc .index .slider .slick-arrow:hover {
        opacity: .7;
    }
}

.index .slider .slick-prev {
    left: 10px;
}

.index .slider .slick-next {
    right: 10px;
    transform: translateY(-50%) rotate(180deg);
}