/* CSS Document */


.bano-img{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* 1920 × 945 */
.bano-01{
  aspect-ratio: 1920 / 945;
  background-image: url("../img/bano/bano1_r1_c1.png");
}

/* 1920 × 597 */
.bano-02{
  aspect-ratio: 1920 / 597;
  background-image: url("../img/bano/bano1_r2_c1.png");
}

/* 1920 × 277 */
.bano-03{
  aspect-ratio: 1920 / 277;
/*  background-image: url("../img/bano/bano1_r3_c1.png");*/
}

/* 1920 × 195 */
.bano-04{
  aspect-ratio: 1920 / 195;
  background-image: url("../img/bano/bano1_r4_c1.png");
}

/* 1920 × 634 */
.bano-05{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano1_r5_c1.png");*/
}

/* 1920 × 432 */
.bano-06{
  aspect-ratio: 1920 / 432;
  background-image: url("../img/bano/bano1_r6_c1.png");
}

/* 1920 × 172 */
.bano-07{
  aspect-ratio: 1920 / 172;
  background-image: url("../img/bano/bano1_r7_c1.png");
}

/* 1920 × 634 */
.bano-08{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano1_r8_c1.png");*/
}

/* 1920 × 375 */
.bano-09{
  aspect-ratio: 1920 / 375;
  background-image: url("../img/bano/bano1_r9_c1.png");
}
/* 1920 × 228 */
.bano2-01{
  aspect-ratio: 1920 / 228;
  background-image: url("../img/bano/bano2_r1_c1.png");
}

/* 1920 × 634 */
.bano2-02{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano2_r2_c1.png");*/
}

/* 1920 × 435 */
.bano2-03{
  aspect-ratio: 1920 / 435;
  background-image: url("../img/bano/bano2_r3_c1.png");
}

/* 1920 × 168 */
.bano2-04{
  aspect-ratio: 1920 / 168;
  background-image: url("../img/bano/bano2_r4_c1.png");
}

/* 1920 × 634 */
.bano2-05{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano2_r5_c1.png");*/
}

/* 1920 × 438 */
.bano2-06{
  aspect-ratio: 1920 / 438;
  background-image: url("../img/bano/bano2_r6_c1.png");
}

/* 1920 × 164 */
.bano2-07{
  aspect-ratio: 1920 / 164;
  background-image: url("../img/bano/bano2_r7_c1.png");
}

/* 1920 × 634 */
.bano2-08{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano2_r8_c1.png");*/
}

/* 1920 × 420 */
.bano2-09{
  aspect-ratio: 1920 / 420;
  background-image: url("../img/bano/bano2_r9_c1.png");
}

/* 1920 × 212 */
.bano2-10{
  aspect-ratio: 1920 / 212;
  background-image: url("../img/bano/bano2_r10_c1.png");
}

/* 1920 × 634 */
.bano2-11{
  aspect-ratio: 1920 / 634;
/*  background-image: url("../img/bano/bano2_r11_c1.png");*/
}

/* 1920 × 557 */
.bano2-12{
  aspect-ratio: 1920 / 557;
  background-image: url("../img/bano/bano2_r12_c1.png");
}

/* 1920 × 743 */
.bano2-13{
  aspect-ratio: 1920 / 743;
  background-image: url("../img/bano/bano2_r13_c1.png");
}
.bano-menu__salvia img   { width: 9.167vw; }
.bano-menu__freesia img  { width: 10.208vw; }
.bano-menu__kyo img      { width: 6.146vw; }
.bano-menu__gojo img     { width: 6.354vw; }
.bano-menu__rose img     { width: 7.708vw; }
.bano-menu__iris img     { width: 8.490vw; }

.bano-menu__item img{
  height: auto;
  display: block;
}
        .bano-nav{
            ul{
                list-style: none;
                display: flex;
                justify-content: center;
                gap: 7.3vw;
            }
        }
        .bano-menu1{
            padding-top: 3rem;
        }
                .bano-menu2{
            padding-top: 1rem;
        }
        
        
        /*slider*/
.marquee{
  width: 100vw;
  overflow: hidden;
}

.marquee__track{
  display: flex;
  align-items: center;
  gap: 5vw;                 /* 画像間 5vw */
  width: max-content;
  animation: marqueeLeft 40s linear infinite;
  will-change: transform;
}

.marquee__track img{
  width: 70vw;              /* 画像の表示幅 */
  aspect-ratio: 2018 / 945; /* 指定比率 */
  height: auto;
  object-fit: cover;
  flex: 0 0 auto;
  display: block;
}

/* 1セット分だけ左へ移動してループ（複製してあるので途切れない） */
@keyframes marqueeLeft{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
        .bano-img{
            width: 100%;
            overflow: hidden;
            scroll-margin-top: 80px;
        }
        
        .bano-img.bano2-12{
            margin-top: 1.6%;
        }