@charset "utf-8";
.page-back{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	padding-top: 25%;
		}
@media screen and (max-width: 768px) {
.page-back{
	padding-top: 30%;
	background-size:200%;
		}
.page-back img{ width:60%; margin-top:50px;}
}
.back-room{background-image:url(../images/room/title.jpg);}
.back-option{background-image:url(../images/option/title.jpg);}
.back-access{background-image:url(../images/access/title.jpg);}
.back-sightseeing{background-image:url(../images/sightseeing/title.jpg);}

.page-title{ background:#fff; padding: 33px 20px; text-align:center; border:double 3px #999999;}

h3{
	margin: 15px 0px;
	}
h4{
	background-image:url(../images/room/h4.gif);
	padding:15px;
	color:#fff;
	font-size:24px;
	font-weight:900px;
	border-radius:5px;
	}
h5{
	color:#8C6900;
	border-left: solid 3px #8C6900;
	border-bottom:dotted 1px #666;
	padding:8px 8px 8px 15px;
	margin:20px 0px;
	background-color:#F2EFDD;
	}
caption{
	text-align: right;
}
.pay-p{
	margin-bottom: 0px!important;
	font-weight: bold;
}
.hyou th { font-weight: 300; background-color: #eee;}
.feature-box img{ margin-bottom:15px;}
.attention{ padding:0px 20px 20px 20px; background-color:#eee;}

.wrap {
	width:100%;
	margin:20px auto;
}
.wrap p {}
.wrap ul {
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
	padding:0px;
	margin-left:0px;
}
.wrap li {
	display:block;
	float:left;
	argin-right:10px;
	list-style:none;
	margin-right:10px;
}
.wrap li img {
	cursor:pointer;
	max-width:105px;
}
#map iframe {
        width:  100%;
        height: 500px;
    }