/* Slider */
.j-slickSlider--fade,
.j-slickSlider--fade--arrow,
.j-slickSlider--slider,
.j-slickSlider--slider3,
.j-slickSlider--center,
.j-slickSlider--center3,
.j-slickSlider--centerPager,
.j-slickSlider--thumb,
.j-slickSlider--centerThumb,
.j-slickSlider--thumb,
.j-slickSlider--thumbSlider{
    visibility:hidden;
    opacity:0;
    transition:opacity 0.3s ease;
    overflow:hidden;
}
.j-slickSlider--fade.slick-initialized,
.j-slickSlider--fade--arrow.slick-initialized,
.j-slickSlider--slider.slick-initialized,
.j-slickSlider--slider3.slick-initialized,
.j-slickSlider--center.slick-initialized,
.j-slickSlider--center3.slick-initialized,
.j-slickSlider--centerPager.slick-initialized,
.j-slickSlider--thumb.slick-initialized,
.j-slickSlider--centerThumb.slick-initialized,
.j-slickSlider--thumb.slick-initialized,
.j-slickSlider--thumbSlider.slick-initialized{
    visibility:visible;
    opacity:1;
    overflow:visible;
}
.slick-slide{
    img{
        max-width:none;
        width:100%;
    }
}

/* 矢印 */
.slick-arrow{
    display:flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding:0;
    font-size: 20px;
    width:2em;
    height:2em;
    position:absolute;
    z-index:2;
    top:calc(50% - 1em);
    background:transparent;
    border:none;
    transform: translateX(-0.8em);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.slick-arrow.slick-next{
    transform: translateX(0.8em);
}
.slick-arrow::before{
    color: #222;
    font-family: 'FontAwesome';
    opacity: 0.8;
}
.slick-slider:hover .slick-arrow{
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}
.slick-slider:hover .slick-arrow.slick-disabled{
    opacity: 0.2;
}
.slick-prev{
    left: 0;
}
.slick-prev::before{
    content:"\f053";
    font-weight: 900;
}
.slick-next{
    right: 0;
}
.slick-next::before{
    content:"\f054";
    font-weight: 900;
}
@media screen and (max-width: 760px) {
    .slick-arrow{
        top:25vw;
        width:1.5em;
        transform: translateX(0);
        opacity: 0.9;
    }
    .slick-arrow.slick-next{
        transform: translateX(0);
    }
}

/* ページャー（ドット）*/
.slick-dots{
    display:flex;
    justify-content:center;
    position:absolute;
    z-index:100;
    left:0;
    bottom:-4em;
    width:100%;
}
.slick-dots li{
    padding:1em 1.25em;
    line-height:1em;
    color: #333;

}
.slick-dots li::before{
     content:"●";
     display:inline-block;
     transition:opacity 0.3s ease;
 }
.slick-dots li button{
    font-size:0;
    color:transparent;
}
.slick-dots li:hover,
.slick-dots li.slick-active{
    cursor:pointer;
    color: #999;
}
.slick-dots li:hover::before,
.slick-dots li.slick-active::before{
    opacity:1;
}
@media screen and (max-width: 760px) {
    .slick-dots li:hover,
    .slick-dots li.slick-active{
        color: #999;
    }
}

/* ページャー（サムネイル）*/
.j-slickSlider__thumbnail * {
    box-sizing: border-box;
}
.j-slickSlider__thumbnail img{
    vertical-align: bottom;
}
.j-slickSlider__thumbnail--flex{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}
.j-slickSlider__thumbnail .slick-slide,
.j-slickSlider__thumbnail >li{
    width: 118px;
    padding:5px;
}
.j-slickSlider__thumbnail .slick-slide.slick-current img{
    border:1px #e60115 solid;
}
@media screen and (max-width: 760px) {
    .j-slickSlider__thumbnail .slick-slide,
    .j-slickSlider__thumbnail >li{
        width:33.333%;
        padding:0;
    }
}