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


/****************************************************************************************************
客室
****************************************************************************************************/

.overviewArea.main {
	margin-bottom: 25px;
}

.button.trans {
	margin: 10px auto;
}

.secTxtBox {
    gap: 10px;
}

/*Swiper*/
.swiper {
	width: 100%;
}
.swiper-slide img {
	width: 100%;
	height: auto;
}
/*サムネ6枚*/
.slider-thumbnail1 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 6);
}
.slider-thumbnail1 {
	width: 360px;
}
/*サムネ5枚*/
.slider-thumbnail2 .swiper-slide,
.slider-thumbnail7 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 5);
}
.slider-thumbnail2,
.slider-thumbnail7 {
	width: 300px;
}
/*サムネ4枚*/
.slider-thumbnail3 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 4);
}
.slider-thumbnail3 {
	width: 240px;
}
/*サムネ3枚*/
.slider-thumbnail4 .swiper-slide,
.slider-thumbnail5 .swiper-slide,
.slider-thumbnail6 .swiper-slide,
.slider-thumbnail8 .swiper-slide,
.slider-thumbnail9 .swiper-slide {
	opacity: .5;
	transition: opacity .5s;
	width: calc(100% / 3);
}
.slider-thumbnail4,
.slider-thumbnail5,
.slider-thumbnail6,
.slider-thumbnail8,
.slider-thumbnail9 {
	width: 180px;
}

.slider-thumbnail1 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail2 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail3 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail4 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail5 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail6 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail7 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail8 .swiper-slide.swiper-slide-thumb-active, 
.slider-thumbnail9 .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
.slider-thumbnail1 .swiper-wrapper .swiper-slide, 
.slider-thumbnail2 .swiper-wrapper .swiper-slide, 
.slider-thumbnail3 .swiper-wrapper .swiper-slide, 
.slider-thumbnail4 .swiper-wrapper .swiper-slide, 
.slider-thumbnail5 .swiper-wrapper .swiper-slide, 
.slider-thumbnail6 .swiper-wrapper .swiper-slide, 
.slider-thumbnail7 .swiper-wrapper .swiper-slide, 
.slider-thumbnail8 .swiper-wrapper .swiper-slide, 
.slider-thumbnail9 .swiper-wrapper .swiper-slide {
	padding: 0px 5px;
}


@media screen and (max-width: 750px) {

	.overviewArea.main {
		margin-bottom: 0;
	}

	/*サムネ6枚*/
	.slider-thumbnail1 {
		width: 300px;
	}

}