/* ========================================
   Infinite Image Scroller
======================================== */

.carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-container .scrollerunit {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;

    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.carousel-container .scrollerunit li {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

.carousel-container .scrollerunit li img {
    display: block;
    width: 100%;
    height: auto;
}


/* ========================================
   1025px以上
======================================== */

@media screen and (min-width: 1025px) {

}


/* ========================================
   769px〜1024px
======================================== */

@media screen and (min-width: 769px) and (max-width: 1024px) {

}


/* ========================================
   768px以下
======================================== */

@media screen and (max-width: 768px) {

}