@charset "utf-8";

/*下層ページpageTitle
-----------------------------------------------------------*/
#pageTitle {
	background: url("../../room/images/bg_pagetitle.jpg") 50% 50% no-repeat;
	background-size: cover;
}

body#pageRoom {
}

.att {
	font-size: 0.9rem;
	border-bottom: none!important;
}

body#pageRoom ul.roomPhotoList {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 80px;
}
body#pageRoom ul.roomPhotoList li {
	width: calc((100% - 60px) / 3);
}
body#pageRoom ul.roomPhotoList li a {
}
body#pageRoom ul.roomPhotoList li a p img {
	transition: all 0.3s ease;
}
body#pageRoom ul.roomPhotoList li a:hover p img {
	opacity: 0.75;
}
body#pageRoom ul.roomPhotoList li p.roomPhotoListText {
	text-align: center;
	padding-top: 10px;
	line-height: 1.4;
  margin-bottom: 1.2rem;
}

body#pageRoom section#room01 {
}
body#pageRoom section#room01 div.innerNarrow {
	margin-bottom: 100px;
}

body#pageRoom section#room02 {
	margin-top: 150px;
}
body#pageRoom section.roomBlock {
	padding-bottom: 150px;
}

body#pageRoom section.roomBlock div.sectionInner {
	margin-top: 80px;
}
body#pageRoom section.roomBlock div.sectionInner h2.roomTitle {
	display: flex;
	align-items: center;
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 30px;
}
body#pageRoom section.roomBlock div.sectionInner h2.roomTitle span {
	display: block;
}
body#pageRoom section.roomBlock div.sectionInner h2.roomTitle span.roomTitleSub {
	color: #FFF;
	font-size: 1.5rem;
	line-height: 1;
	text-align: center;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: var(--color-primary);
}
body#pageRoom section.roomBlock div.sectionInner div.roomDetail {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 80px;
}
body#pageRoom section.roomBlock div.sectionInner div.roomDetail p.roomDetailFloor {
	width: calc((100% - 50px) * 0.6);
	margin-right: 50px;
}
body#pageRoom section.roomBlock div.sectionInner div.roomDetail p.roomDetailFloor span.roomDetailFloorNote {
	display: block;
	font-size: 0.8rem;
	text-align: right;
	margin-top: 5px;
}
body#pageRoom section.roomBlock div.sectionInner div.roomDetail table.table02 {
	width: calc((100% - 50px) * 0.4);
}


body#pageRoom section#room08 {
	margin-top: 150px;
}



/* PC 小 
------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1001px) and (max-width:1199px) {
}



/* SP 
------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1000px) {
	body#pageRoom ul.roomPhotoList {
		gap: 20px;
		margin-top: 50px;
	}
	body#pageRoom ul.roomPhotoList li {
		width: calc((100% - 20px) / 2);
	}
	body#pageRoom .subNav ul.roomPhotoList li p.roomPhotoListText {
		text-align: center;
	}
	body#pageRoom ul.roomPhotoList li p.roomPhotoListText {
		text-align: left;
	}

	body#pageRoom section#room01 div.innerNarrow {
		margin-bottom: 50px;
	}

	body#pageRoom section#room02 {
		margin-top: 50px;
	}
	body#pageRoom section.roomBlock {
		padding-bottom: 50px;
	}

	body#pageRoom section.roomBlock div.sectionInner {
		margin-top: 50px;
	}
	body#pageRoom section.roomBlock div.sectionInner h2.roomTitle {
		display: block;
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	body#pageRoom section.roomBlock div.sectionInner h2.roomTitle span.roomTitleSub {
		display: inline-block;
		font-size: 1rem;
		line-height: 1;
		margin-right: 0;
		margin-bottom: 5px;
	}

	body#pageRoom section.roomBlock div.sectionInner div.roomDetail {
		margin-top: 50px;
	}
	body#pageRoom section.roomBlock div.sectionInner div.roomDetail p.roomDetailFloor {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	body#pageRoom section.roomBlock div.sectionInner div.roomDetail table.table02 {
		width: 100%;
	}
}