@charset "utf-8";
/* CSS Document */

.hotelTop .lead{font-size: 1.6rem; padding: 0 4vw;}
.hotelTop .topDesList{margin: 0 2vw 4vw; overflow: hidden;}
.hotelTop .topDesList li{width: 28vw; position: relative; padding: 28vw 0 0;overflow: hidden; background: #000; float: left; margin: 0 2vw 4vw; transition: all 0.3s;}
.hotelTop .topDesList li:hover{opacity: 0.75;}
.hotelTop .topDesList li img {width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.9;}
.hotelTop .topDesList li span{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%; text-align: center;font-weight: bold; color: #fff; text-shadow: 0 0 5px #000; font-size: 3.5vw;}

@media (min-width:768px) {
	.hotelTop > .sec_title_01 {font-size: 3.4rem;}
	.hotelTop .lead{font-size: 1.6rem;text-align: center;margin-bottom: 30px;}
	.hotelTop .topDesList{margin: 0 0 4vw;}
	/*.hotelTop .topDesList li{width: 200px; height: 200px; padding: 0;}*/
}
@media (min-width:1024px) {
	.hotelTop .topDesList li{width: 17.27%; padding-top: 17.27%; margin: 0 1.36% 30px;}
	.hotelTop .topDesList li span{font-size: 2vw;}
}

@media (min-width: 1101px){
	.hotelTop .topDesList li span{font-size: 1.5vw;}
}