/* CSS Document */

#room-sec1{
    position: relative;
    width: 100%;
}
#room-button-region,#room-button-region2,#room-button-region3{
    display: flex;
    justify-content: space-between;
	position: absolute;
    transform: translate(-50%, -50%);
}
#room-button-region{
    top: 85%;
    left: 50%;
    width: 22%;
}
#room-button-region .room-button-region-img{
    width: 45%;
}
#room-button-region2{
    top: 55%;
    left: 50%;
    width: 40%;
}
#room-button-region2 .room-button-region-img{
    width: 30%;
}

#room-button-region3{
    top: 70%;
    left: 50%;
    width: 45%;
}
#room-button-region3 .room-button-region-img{
    width: 23%;
}

#sec2,#sec3,#sec4,#sec5,#sec6{position:relative;}
.tp-slide,.tp-slide2,.tp-slide3,.tp-slide4,.tp-slide5{
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
height: 27vw;
 aspect-ratio:950/500;
 margin: auto 0.4%;
 position: relative;
}
.toprow{
	position: absolute;
top: 35%; 
left: 100%; 
transform: translate(-50%, -50%); 
 display: -ms-grid;
 -ms-grid-columns: min-content;
 overflow-x: hidden;
}
#kashikiri .toprow{top:32.5%;}
.autoplay-slider {
 display: flex;
 min-width: 100%;
 width: min-content;
 animation: 60s linear infinite sliderAnimation;/*ここの秒数でスピードが変わります*/
}
@keyframes sliderAnimation {
 100% {
  transform: translateX(-50%);
 }
}