.rooms .main-visual {
	background: url(../images/rooms/image-mainvisual.jpg) no-repeat center center;
	background-size: cover;
	height: auto;
	line-height: 1;
	margin: 100px 0 0;
	overflow: hidden;
	padding-top: 46.9%;
	position: relative;
	width: 100%
}

@media screen and (max-width: 736px) {
	.rooms .main-visual {
		background: url(../images/rooms/image-mainvisual-sp.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 58.4%;
		margin: 60px 0 0;
	}
}

.rooms .chapter-page {
	margin: 0;
	padding: 65px 0;
}

@media screen and (max-width: 736px) {
	.rooms .chapter-page {
		background: #263d71;
		padding: 35px 0;
	}
}

.main.rooms {
	background-color: #000;
}

.main.rooms .title {
	color: #fff;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-size: 27px;
	letter-spacing: 0.3em;
	margin-bottom: 85px;
	text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.8);
	text-indent: 0.3em;
	text-align: center;
}

@media screen and (max-width: 736px) {
	.main.rooms .title {
		font-size: 18px;
		line-height: 1.8;
		letter-spacing: 0.1em;
		margin-bottom: 40px;
		text-shadow: none;
		text-indent: 0.1em;
	}
}

.main.rooms .text {
	color: #fff;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-size: 16px;
	line-height: 2.8;
	letter-spacing: 0.07em;
	text-align: center;
	text-indent: 0.07em;
}

@media screen and (max-width: 736px) {
	.main.rooms .text {
		font-size: 14px;
		line-height: 2;
		padding: 0 20px;
	}
}


/* ---------------------- */
/* rooms */
/* ---------------------- */

.room-concept {
	padding: 120px 0 0;
}

@media screen and (max-width: 736px) {
	.room-concept {
		padding: 70px 0 0;
	}
}

.room-concept .detail-wrap {
	border: 1px solid #fff;
	display: flex;
	min-width: 920px;
	margin: 65px auto 0;
	max-width: 1000px;
	width: 73.2%;
}

@media screen and (max-width: 736px) {
	.room-concept .detail-wrap {
		flex-direction: column;
		margin: 50px 20px 0;
		min-width: auto;
		width: auto;
	}
}

.room-concept .detail-wrap .content {
	padding: 45px 35px 40px 80px;
	width: 52%
}

@media screen and (max-width: 1380px) {
	.room-concept .detail-wrap .content {
		padding: 45px 35px 40px 35px;
	}
}

@media screen and (max-width: 736px) {
	.room-concept .detail-wrap .content {
		padding: 40px 20px 0;
		width: 100%;
	}
}

.room-concept .detail-wrap .content .headding {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-size: 20px;
	letter-spacing: 0.07em;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

@media screen and (max-width: 736px) {
	.room-concept .detail-wrap .content .headding {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 25px;
		padding-bottom: 20px;
		text-align: center;
		text-indent: 0.07em;
	}
}

.room-concept .detail-wrap .content .text {
	line-height: 1.8;
	text-align: justify;
}

@media screen and (max-width: 736px) {
	.room-concept .detail-wrap .content .text {
		padding: 0;
	}
}

.room-concept .detail-wrap .images {
	background: url(../images/rooms/image-concept.jpg) no-repeat center center;
	background-size: cover;
	height: auto;
	width: 48%
}

@media screen and (max-width: 736px) {
	.room-concept .detail-wrap .images {
		margin-top: 35px;
		padding-top: 51.8%;
		width: 100%;
	}
}


.room-gallery {
	padding-bottom: 150px;
}

@media screen and (max-width: 736px) {
	.room-gallery {
		padding-bottom: 10px;
	}
}

.room-gallery .box {
	padding: 325px 0 0;
	position: relative;
}

@media screen and (max-width: 736px) {
	.room-gallery .box {
		padding: 160px 0 0;
	}
}

.room-gallery .box::after {
	background-color: #fff;
	content: '';
	height: 80px;
	margin: 0 auto;
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	width: 1px;
}

@media screen and (max-width: 736px) {
	.room-gallery .box::after {
		height: 39px;
		top: 60px;
	}
}

.room-gallery .box .head {
	color: #fff;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-size: 18px;
	letter-spacing: 0.4em;
	margin-bottom: 85px;
	text-align: center;
	text-indent: 0.4em;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .head {
		font-size: 14px;
		margin-bottom: 30px;
	}
}

.room-gallery .box .title {
	margin-bottom: 50px;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .title {
		line-height: 2;
		margin-bottom: 35px;
	}
}

.room-gallery .box .text + .image {
	margin-top: 75px;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .text + .image {
		margin-top: 45px;
	}
}

.room-gallery .box .image {
	margin-bottom: 85px;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .image {
		margin-bottom: 45px;
	}
}

.room-gallery .box .image.mb0 {
	margin-bottom: 0;
}

.room-gallery .box .image.small {
	text-align: center;
}

.room-gallery .box .image img {
	height: auto;
	width: 100%;
}

.room-gallery .box .image.small img {
	margin: 0 auto;
	width: 80.9%;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .image.small img {
		width: 100%;
	}
}

.room-gallery .box .detail-wrap {
	border: 1px solid #fff;
	display: flex;
	flex-wrap: wrap;
	margin: 65px auto 0;
	max-width: 1000px;
	padding: 35px 30px 20px;
	width: 73.2%;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap {
		margin: 65px 20px 0;
		padding: 40px 20px;
		width: auto;
	}
}

.room-gallery .box .detail-wrap .headding {
	color: #fff;
	font-size: 20px;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	letter-spacing: 0.07em;
	margin-bottom: 20px;
	width: 100%
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap .headding {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 20px;
	}
}

.room-gallery .box .detail-wrap .content {
	margin-top: -8px;
	padding-right: 17px;
	width: 23%
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap .content {
		margin-top: 0;
		padding: 0;
		width: 100%;
	}
}

.room-gallery .box .detail-wrap .content .text {
	line-height: 1.8;
	text-align: justify;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap .content .text {
		margin-bottom: 25px;
		padding: 0;
	}
}

.room-gallery .box .detail-wrap .images {
	display: flex;
	justify-content: space-between;
	width: 77%;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap .images {
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
	}
}

.room-gallery .box .detail-wrap .images .list {
	width: 18.8%;
}

@media screen and (max-width: 736px) {
	.room-gallery .box .detail-wrap .images .list {
		margin-right: 2.45%;
		margin-bottom: 20px;
		width: 31.7%;
	}
	.room-gallery .box .detail-wrap .images .list:nth-child(3n) {
		margin-right: 0;
	}
	.room-gallery .box .detail-wrap .images .list:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}

.room-gallery .box .detail-wrap .images .list img {
	height: auto;
	margin-bottom: 5px;
	width: 100%;
}

.room-gallery .box .detail-wrap .images .list span {
	color: #fff;
	font-size: 10px;
	font-family: 'Hiragino Kaku Gothic Pro', MyYuGothicM, Meiryo, sans-serif;
	letter-spacing: 0;
}