@charset "UTF-8";

/* //////////////////////////////////////////////////

客室

////////////////////////////////////////////////// */

#pagetit {
	background-image: url(../img/bg_pagetit.jpg);
}
#pagetit h2 img {
	width: 25.3%;
}
#sec01 {
	padding: 25px 0 40px;
	background: url(../img/bg_sec1.jpg) no-repeat left 15%;
	background-size: 52%;
}
#sec01 h3 {
	margin-bottom: 10px;
}
#sec01 .flR {
	width: 50%;
}
#sec01 .ul-table {
	margin-top: 25px;
	border-spacing: 10px;
}

#sec02,
#sec03,
#sec04 {
	padding-bottom: 30px;
}
#sec02 h4,
#sec03 h3,
#sec04 h3 {
	box-shadow:0 8px 10px 5px #9D8376;
}
#sec05 {
	padding: 20px 0 30px;
}
#sec02 h3 {
	text-align: center;
	margin-bottom: 20px;
}
#sec05 h3 {
	text-align: center;
	margin-bottom: 25px;
}
#sec02 .ac_btn,
#sec03 .ac_btn,
#sec04 .ac_btn,
#sec05 .ac_btn {
	position: relative;
	margin-top: -1px;
	border-top: 1px solid #411D18;
	border-bottom: 1px solid #411D18;
	background: url(../img/icn_open.png) no-repeat right 10px center, #FFF9F1;
	background-size: 26px auto;
}
#sec02 .ac_btn p,
#sec03 .ac_btn p,
#sec04 .ac_btn p,
#sec05 .ac_btn p {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	height: 19px;
	margin: auto;
}
#sec02 .ac_btn p:before,
#sec03 .ac_btn p:before,
#sec04 .ac_btn p:before,
#sec05 .ac_btn p:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../img/icn_open.png) no-repeat center;
	background-size: 12px;
}
#sec02 .ac_btn.active p:before,
#sec03 .ac_btn.active p:before,
#sec04 .ac_btn.active p:before,
#sec05 .ac_btn.active p:before {
	background: url(../img/icn_close.png) no-repeat center;
	background-size: 12px;
}
.ac_content .cap { position: absolute; z-index: 3; bottom: 25%; left: 10px; }
#sec02 .ac_content,
#sec03 .ac_content,
#sec04 .ac_content,
#sec05 .ac_content {
	padding-bottom: 40px;
	color: #fff;
	background: #582A12;
}
#sec02 .tit,
#sec03 .tit,
#sec04 .tit,
#sec05 .tit {
	position: relative;
	z-index: 100;
	text-align: center;
}
#sec02 .caption,
#sec03 .caption,
#sec04 .caption,
#sec05 .caption {
	position: relative;
	z-index: 100;
	text-align: center;
	margin: 10px auto 15px;
}
dl.table {
	display: table;
	width: 100%;
}
dl.table dt {
	display: table-cell;
	width: 80px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
}
dl.table.detail { margin-top: 20px; }
dl.table.amenity { margin-top: 5px; }
dl.table.detail dt { background: #6C3D25; }
dl.table.amenity dt { background: #7C492E; }
dl.table dd {
	display: table-cell;
	padding-left: 10px;
	line-height: 1.6;
	vertical-align: middle;
}
#sec05 .main_pic {
	position: relative; margin-bottom: -11%;
}
#sec05 .cap { position: absolute; z-index: 10; left: 4%; bottom: 80px; text-shadow: 0 0 4px #000, 0 0 4px rgba(0 0 0/50%); }

#sec06 {
	margin: 20px 0 20px;
	padding-bottom: 10px;
	background: url(../img/img_sec6_01.jpg) no-repeat left bottom, #FFF9F1;
	background-size: 120px 60px;
}
@media screen and (min-width: 600px) {
#sec06 {
	padding-bottom: 30px;
}
}
#sec06:before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(../img/bg_bar.jpg) repeat-x left top;
	background-size: 300px 6px;
}
#sec06 h3 {
	padding: 15px 0 10px;
	text-align: center;
}
#sec06 table th,
#sec06 table td {
	background: url(../img/bg_border.png) repeat-x left bottom;
}
#sec06 table tr:last-child th,
#sec06 table tr:last-child td {
	background: none;
}
#sec06 table th {
	width: 26%;
	padding: 10px 10px 10px 0;
}
#sec06 table td {
	padding: 10px 0;
}