


.room_wrap{
	padding:50px 0;
	color:#fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
}
@media screen and (max-width: 751px) {
	.room_wrap{
		padding:150px 0;
		font-size: 14px;
	}
}
/* namese */
.room_top{
	display: flex;
	justify-content: space-between;
}
.room_name_box{
	margin-bottom:30px;
}
.room_type{
	background: #D3B268;
	color:#000;
	padding:5px;
	margin-bottom:10px;
	font-size: 14px;
	width: fit-content;
}
.room_type{
	font-size: 14px;
	margin-bottom:5px;
}
.room_name{
	font-size: 24px;
	margin-bottom:5px;
}
.room_nameja{
	font-size: 14px;
}
.room_num_box{
	text-align: right;
	font-size: 20px;
}
.room_num_box p:last-of-type{
	font-size: 14px;
}
/* namesec end */

/* imagesec */
.room_image{
	display: block;
	margin-bottom:30px;
}
.room_image img{
	display: block;
	margin-bottom:10px;
	    width: 100%;
}
.room_text{
	font-size: 18px;
}
/* imagesec end*/

/* equipe */
.room_desc_wrap{
	display: flex;
	justify-content: space-between;
	gap:20px;
}
.room_equipe{
	max-width: 500px;
}
.room_equipe h2{
	font-size: 22px;
}
.room_equipe > p{
	font-size: 14px;
	margin-bottom: 15px;
}
.room_equipe > div > p{
	margin-bottom: 10px;
}

.room_equipe ul{
	display: flex;
	gap:10px;
	list-style: none;
	    flex-wrap: wrap;
}
.room_equipe ul li{
	padding:5px 5px;
	list-style: none;
	font-size:18px;
}

.div_quipe{
	margin-bottom:20px;
}
.div_quipe li{
	border: solid 1px #D3B268;
	color:#D3B268;
}
.common_quipe li{
	border: solid 1px #fff;
	color:#fff;
}
@media screen and (max-width: 751px) {
	.room_desc_wrap {
    gap: 40px;
    flex-direction: column;
	}
	.room_equipe ul li{
		font-size:12px;
	}
}
/* equipe end */

/*  */
.room_price{
	max-width: 500px;
	width: 100%;
}
.price_tab{
	padding-top:20px;
	text-align: center;
	display: flex;
	justify-content: center;
	gap:20px;
	border-bottom: solid 2px;
	padding-bottom: 10px;
	margin-bottom:15px;
}
.price_tab p{
	text-align: center;
	padding:5px 15px;
	cursor: pointer;
	font-size: 18px;
	border: solid 1px #D3B268;
}
.price_tab p.current{
	background: #D3B268;
}
.tr_dotted{
	border-bottom:dotted 1px;
}

.table_wrap{
	width: 100%;
	margin-bottom:30px;
	display: none;
}
.table_wrap.current{
	display: block;
}
.table_wrap table{
	width:100%;
	color: #fff;
}
.room_price tr{

}
.room_price th,
.room_price td{
	padding:5px;
	vertical-align: middle;
}
.room_price th{
	font-size: 14px;
	text-align: left;
	font-weight: 500;
}
.room_price td{
	text-align: right;
	font-size: 22px;
}
.time_cap{
	font-size: 14px;
}
.tax{
	font-size: 14px;
}
.price_notice{
	text-indent: -1em;
	 padding-left: 1em;
}
@media screen and (max-width: 751px) {
	.room_price{
		max-width: 100%;
	}
}
