/* スライド間のマージン（.loop / .loop2 共通） */
.loop .slick-list,
.loop2 .slick-list {
    margin: 0 -5px;
}
.loop .slick-slide,
.loop2 .slick-slide {
    margin: 0 5px;
}

/* .loop2 矢印ボタン */
.loop2 .slick-prev,
.loop2 .slick-next {
    width: 30px;
    height: 30px;
    z-index: 1;
}
.loop2 .slick-prev:before,
.loop2 .slick-next:before {
    content: '';
}
.loop2 .slick-prev .fa,
.loop2 .slick-next .fa {
    font-size: 28px;
    color: #999;
}

/* .loop2 サムネイル画像を固定比率で枠いっぱいに表示 */
.loop2 .thumbnail {
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}
.loop2 .thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* .loop サムネイル画像を固定比率で枠いっぱいに表示 */
.loop .item a {
    display: block;
    aspect-ratio: 2 / 3;
    overflow: hidden;
}
.loop .item a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* .simpleSlideShow 矢印ボタン */
.simpleSlideShow .slick-prev,
.simpleSlideShow .slick-next {
    z-index: 1;
}