@charset "utf-8";

body {
    font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

a:hover img {
    opacity: 0.8;
}

/* img {
    image-rendering: -webkit-optimize-contrast;
} */

/* slider_container */

.slider_container {
    width: 100%;
}

.splide__slide {
    padding: 0.5%;
}       

.my-slider-progress {
    background: #b3b3b3;
    width: 100%;
    height: 2px;
}

.my-slider-progress-bar {
    background: #ea6a85;
    height: 2px;
    transition: width 400ms ease;
    width: 0;
}

.slider_parts {
    width: 95%;
    max-width: 1400px;
    margin: 1% auto;
    display: flex;
    align-items: center;
}

.splide__arrows {
    width: 15%;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex: 0 0 auto;
}

.splide__arrow {
    background: none;
    position: inherit;
    transform: none;
}

.splide__arrow svg {
    fill: #b3b3b3;
}

.splide__arrow--prev {
    left: 0;
}

.splide__arrow--next {
    right: 0;
}

.splide_number {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #b3b3b3;
}

.splide__track::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg,#fff,transparent 5%,transparent 95%,#fff);
    z-index: 100;
}

@media screen and (max-width: 1024px) {
    .pickupillustrator_inner {
        padding: 1em 0;
    }

    .splide__arrows {
        width: 20%;
    }
}

@media screen and (max-width: 425px) {
    .splide__arrows {
        width: 45%;
    }
}