@charset "UTF-8";


.room_cont {position: relative; padding-top: 140px;}
.room_cont > p.en {font-size: 140px; white-space: nowrap; color: #F4F4F4; position: absolute; left: 40%; top: 7px; z-index: -1; line-height: 100%; font-weight: 300; }
.room_list {max-width: 1246px; margin: 0px auto 0px;}
.room_info {background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; padding: 80px 60px 60px; box-sizing: border-box;}
.room_info + .room_info {margin-top: 80px;}
.room_info > h2 {font-weight: 700; font-size: 26px;  position: relative; padding-left: 30px;}
.room_info > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.room_info > p.txt {margin-top: 35px;}

.room_info > div.overview {margin-top: 50px;}
.room_info > div.overview > h3 {text-align: center; color: #FFF; background-color: #263238; padding: 5px 0px;}
.room_info > div.overview > div {margin-top: 4px;}
.room_info > div.overview > div dl {display: flex; justify-content: space-between; font-size: 14px;}
.room_info > div.overview > div dl:first-child dt {padding-top: 20px;}
.room_info > div.overview > div dl:first-child dd {padding-top: 20px;}
.room_info > div.overview > div dl:last-child dt {padding-bottom: 20px;}
.room_info > div.overview > div dl:last-child dd {padding-bottom: 20px;}
.room_info > div.overview > div dl dt {width: 20%; background-color: #D5D7D8; padding: 5px 30px; box-sizing: border-box;}
.room_info > div.overview > div dl dd {width: calc(80% - 4px); background-color: #FAFAFA; padding: 5px 40px; box-sizing: border-box;}

.splide-main {margin-top: 50px;}
.splide-thumbnails {display: none; margin-top: 5px;}

.room_info > p.room_bt {text-align: center;margin-top: 50px;}
.room_info > p.room_bt a {display: inline-block; width: 385px; background-color: #263238; color: #FFF; border-radius: 50px; text-align: center;font-weight: 700; font-size: 20px; padding: 20px 0px;}

@media only screen and (max-width:1246px){
.room_list {max-width: 1246px; margin: 0px 20px 0px;}
}

@media only screen and (max-width:946px){
.room_cont > p.en {font-size: 100px; white-space: nowrap; color: #F4F4F4; position: absolute; left: 40%; top: 7px; z-index: -1; line-height: 100%; font-weight: 300; }

}

@media only screen and (max-width:768px){
.splide-thumbnails {display: block;}
}
@media only screen and (max-width:764px){



}
@media only screen and (max-width:600px){

}

@media only screen and (max-width:500px){
.room_cont {position: relative; padding-top: 80px;}
.room_cont > p.en {font-size: 70px; white-space: nowrap; color: #F4F4F4; position: absolute; left: 10%; top: 17px; z-index: -1; line-height: 100%; font-weight: 300; }

.room_info {background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; padding: 40px 0px 40px; box-sizing: border-box;}
.room_info + .room_info {margin-top: 40px;}
.room_info > h2 {font-weight: 700; font-size: 22px;  position: relative; padding-left: 30px; margin: 0px 20px; line-height: 160%;}
.room_info > p.txt {margin-top: 30px; font-size: 14px; padding: 0px 20px;}

.splide-main {margin-top: 30px; padding: 0px 38px;}
.splide-thumbnails {display: block; margin-top: 5px;padding: 0px 38px;}

.room_info > div.overview > div {margin-top: 20px; padding: 0px 20px;}
.room_info > div.overview > div dl {display: flex; justify-content: space-between; font-size: 12px;}
.room_info > div.overview > div dl:first-child dt {padding-top: 15px;}
.room_info > div.overview > div dl:first-child dd {padding-top: 15px;}
.room_info > div.overview > div dl:last-child dt {padding-bottom: 15px;}
.room_info > div.overview > div dl:last-child dd {padding-bottom: 15px;}
.room_info > div.overview > div dl dt {width: 123px; background-color: #D5D7D8; padding: 5px 10px; box-sizing: border-box;}
.room_info > div.overview > div dl dd {width: calc(100%- 123px); background-color: #FAFAFA; padding: 5px 10px; box-sizing: border-box;}


.room_info > p.room_bt {padding: 0px 20px; margin-top: 30px;}
.room_info > p.room_bt a {width: 100%; font-size: 16px;}
	
/*250716追記*/
.room_info > div li {text-align: center;}
}