/* CSS Document */

.room-nav{
            ul{
                list-style: none;
                display: flex;
                justify-content: center;
                gap: 2.8vw;
                
.room-nav1 img { width: 9.115vw; }
.room-nav2 img { width: 10.729vw; }
.room-nav3 img { width: 14.688vw; }
.room-nav4 img { width: 7.708vw; }
.room-nav5 img { width: 7.292vw; }

.room-nav6 img { width: 8.542vw; }
.room-nav7 img { width: 14.688vw; }
.room-nav8 img { width: 8.698vw; }
.room-nav9 img { width: 15.052vw; }

.room-nav1 img,
.room-nav2 img,
.room-nav3 img,
.room-nav4 img,
.room-nav5 img,
.room-nav6 img,
.room-nav7 img,
.room-nav8 img,
.room-nav9 img {
  height: auto;
  display: block;
}


            }
            
        }
        .room-ul1{
            padding-top: 3.1rem;
        }
        .room-ul2{
            padding-top: 1.45rem;
        }


    .room2-12-2{
        text-align: center;
        padding-top: 4.5%;
        width: 17.5%;
        margin: auto
    }
    .room2-12-2 img{width: 100%;}
.room-img{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* r1.png 1920×941 */
.room-r1{
  aspect-ratio: 1920 / 941;
  background-image: url("../img/room/r1.png");
}

/* r2.png 1920×594 */
.room-r2{
  aspect-ratio: 1920 / 594;
  background-image: url("../img/room/r2.png");
}

/* r3.png 1920×253 */
.room-r3{
  aspect-ratio: 1920 / 253;
  /*background-image: url("../img/room/r3.png");*/
}

/* r4.png 1920×804 */
.room-r4{
  aspect-ratio: 1920 / 804;
  background-image: url("../img/room/r4.png");
}

/* r5.png 1920×758 */
.room-r5{
  aspect-ratio: 1920 / 758;
  background-image: url("../img/room/r5.png");
}

/* r6.png 1920×798 */
.room-r6{
  aspect-ratio: 1920 / 798;
  background-image: url("../img/room/r6.png");
}
.room-img{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* r21.png 1920×228 */
.room2-01{
  aspect-ratio: 1920 / 228;
  background-image: url("../img/room/r21.png");
}

/* r22.png 1920×632 */
.room2-02{
  aspect-ratio: 1920 / 632;
  /*background-image: url("../img/room/r22.png");*/
    overflow: hidden;
}

/* room2_r3_c1.png 1920×1 */
.room2-03{
  aspect-ratio: 1920 / 1;
  background-image: url("../img/room/room2_r3_c1.png");
}

/* r23.png 1920×247 */
.room2-04{
  aspect-ratio: 1920 / 247;
  background-image: url("../img/room/r23.png");
}

/* r24.png 1920×208 */
.room2-05{
  aspect-ratio: 1920 / 208;
  background-image: url("../img/room/r24.png");
}

/* r25.png 1920×630 */
.room2-06{
  aspect-ratio: 1920 / 630;
  /*background-image: url("../img/room/r25.png");*/
    overflow: hidden;
}

/* r26.png 1920×250 */
.room2-07{
  aspect-ratio: 1920 / 250;
  background-image: url("../img/room/r26.png");
}

/* r27.png 1920×204 */
.room2-08{
  aspect-ratio: 1920 / 204;
  background-image: url("../img/room/r27.png");
}

/* r28.png 1920×638 */
.room2-09{
  aspect-ratio: 1920 / 638;
  /*background-image: url("../img/room/r28.png");*/
    overflow: hidden;
}

/* r29.png 1920×264 */
.room2-10{
  aspect-ratio: 1920 / 264;
  background-image: url("../img/room/r29.png");
}

/* r30.png 1920×1108 */
.room2-11{
  aspect-ratio: 1920 / 1108;
  background-image: url("../img/room/r30.png");
}

/* r31.png 1920×330 */
.room2-12{
  aspect-ratio: 1920 / 330;
  background-image: url("../img/room/r31.png");
}

/* room2_r14_c1.png 1920×743 */
.room2-13{
  aspect-ratio: 1920 / 743;
  background-image: url("../img/room/room2_r14_c1.png");
}

    
/*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%); }
}

/*slider*/
.re1-section {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0; /* 余計なスキマ防止 */
}

.re1-block {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 擬似要素で縦横比キープ */
.re1-block::before {
  content: "";
  display: block;
}
/*-----------------*/

    


.to-bf{
    text-align: center;
    margin: auto;
    width: 17%;
    padding-top: 2.2%;
}
.to-bf img{width: 100%;}
html{scroll-padding-top: 140px;}
/*#r04,#r05,#r06{scroll-padding-top: 140px;}*/