/* ------------------------------------
htl
------------------------------------- */
#htlMainContent {
    width: 1189px !important;
    margin-left: 0 !important;
}
#htlContents {
    background: none;
    width: 1190px!important;
    margin: 0 auto!important;
    min-width: 1190px!important;
    position: relative;
}
#htlContents #htlHeader {
    background: none;
    width: 1190px!important;
    margin: 0 auto!important;
    min-width: 1190px!important;
}
div#RthCustomizeW {
    width: auto!important;
}
#htlContents #htlSide-A {
    float: none!important;
    position: absolute;
    top: 900px;
    left: 0;
}

/*------------------------------
common
------------------------------*/
#RESOL_wrapper #contents_area{
    /*padding:130px 0 0;*/
    padding:40px 0 0;
}

#RESOL_wrapper .flex_box{
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: stretch;}

#RESOL_wrapper section h2{
	width: 100%;
	text-align: center;
}
#RESOL_wrapper section strong{
	font-size: 18px;
}
#RESOL_wrapper #concept,
#RESOL_wrapper #room,
#RESOL_wrapper #breakfast,
#RESOL_wrapper #access{
	margin-top: -130px;
	padding-top: 130px;
}
/*------------------------------
rakuten_banner
------------------------------*/
#RESOL_wrapper .rakuten_banner{
    text-align: center;
    padding: 30px 0;
    font-size: 15px;
}


#RESOL_wrapper .rakuten_banner .bnr_01{
    width: 950px;
    margin: 10px 0;
}
#RESOL_wrapper .rakuten_banner .bnr_01 img{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
#RESOL_wrapper .rakuten_banner .bnr_01 p{
    margin-bottom: 10px;
}

#RESOL_wrapper .rakuten_banner .bnr_02{
    width: 950px;
    margin: 10px 0;
}
#RESOL_wrapper .rakuten_banner .bnr_02 .left{
    width: 460px;
    float: left;
    display: block;
}
#RESOL_wrapper .rakuten_banner .bnr_02 .right{
    width: 460px;
    float: right;
    display: block;
}
#RESOL_wrapper .rakuten_banner .bnr_02 img{
    width: 100% !important;
}

/*-----------
map
-------------*/

#RESOL_wrapper #map{
	width: 100%;
    margin-bottom: 80px;
}

#RESOL_wrapper #map > img{
	width:471px;
}

#RESOL_wrapper #map > div{
	width:425px;
}

#RESOL_wrapper #map h2{
	width: 339px;
	margin: 0 auto;
}

#RESOL_wrapper #map p{
	width: 100%;
	height: auto;
	margin: 50px auto 0;
}
#RESOL_wrapper #map p strong{
	font-size: 18px;
}


/*------------------------------
concept
------------------------------*/
#RESOL_wrapper #concept > div{
	background:url("../images2/top/concept_bg.png")no-repeat center center;
	background-size: cover;
	min-height: 919px;
}

#RESOL_wrapper #concept .concept_box01{
	background: url("../images2/top/concept_ph01.jpg") no-repeat left center;
	height: 426px;
	padding-left: 574px;
	color: #FFF;
	text-shadow: 0 3px 6px rgba(0,0,0,0.8);
}

#RESOL_wrapper #concept .concept_box01 p{
	padding: 110px 20px 0 0;
}

#RESOL_wrapper #concept .concept_box02{
	background: url("../images2/top/concept_ph02.png") no-repeat 435px center;
	height: 360px;
	color: #FFF;
	text-shadow: 0 3px 6px rgba(0,0,0,0.8);
	margin: 50px 0 0;
}

#RESOL_wrapper #concept .concept_box02 h3{
	text-align: center;
	padding:60px 573px 50px 40px;}

#RESOL_wrapper #concept .concept_box02 p{
	padding:0 573px 0 40px;
}

/*------------------------------
room
------------------------------*/
#RESOL_wrapper #room{
    margin-bottom: 80px;
}
#RESOL_wrapper #room .room_box {
	border-top: 5px solid #73E5B1;
}

#RESOL_wrapper #room .room_box .txt_area {
	margin: 25px 0 0;
}

#RESOL_wrapper #room .room_box .txt_area > .flex_box{
	align-items: center;
	padding: 0 0 20px;
	margin:0 0 20px;
	border-bottom: 2px dotted #8B8B8B;
}

#RESOL_wrapper #room .room_box .txt_area .room_info .icon{
	margin: 0 0 0 30px;
	font-size: 15px;
}

#RESOL_wrapper #room .room_box .txt_area .room_info .icon.icon_capacity:before{
	content: "";
	width: 16px;
	height: 24px;
	display: inline-block;
	background: url("../images2/top/icon01.png") no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}

#RESOL_wrapper #room .room_box .txt_area .room_info .icon.icon_size:before{
	content: "";
	width: 27px;
	height: 26px;
	display: inline-block;
	background: url("../images2/top/icon02.png") no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}

#RESOL_wrapper #room .room_box .txt_area .room_info .icon.icon_bed:before{
	content: "";
	width: 22px;
	height: 20px;
	display: inline-block;
	background: url("../images2/top/icon03.png") no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}

#RESOL_wrapper #room .room_box.room_twin{
	margin: 80px 0 0;
}

/*---------------
amenity
-----------------*/

#RESOL_wrapper #amenity {
	background:#324F59;
	padding: 60px 45px;
	z-index: 2;
	position: relative;
}

#RESOL_wrapper #amenity h2{
	margin:0 0 40px;
	text-align: center;
    font-size: 24px;
}
#RESOL_wrapper #amenity h2 img{
	width: 213px;
	height: auto;
}

#RESOL_wrapper #amenity p{
	margin:0 0 50px;
	text-align:center;
}

#RESOL_wrapper #amenity ul{
	width:600px;
	margin: 0 auto 40px;
	justify-content: space-between;
}

#RESOL_wrapper #amenity li {
	text-align:center;
	font-weight: bold;
    line-height: 120%
}

#RESOL_wrapper #amenity li img{
	width: 90px;
	height: 90px;
	display: block;
	margin: 0 auto 15px;
}
/*amenity_list*/
#RESOL_wrapper #amenity .amenity_list dl{
	width: 100%;
	flex-wrap: wrap;
	align-items:stretch;
    font-size: 14px;
}

#RESOL_wrapper #amenity .amenity_list dt{
	width: calc(14.5% - 20px);
	padding: 25px 0 25px 20px;
	position: relative;
	border-top: 1px dotted #FAFAFA;
	font-weight: bold;
}

#RESOL_wrapper #amenity .amenity_list dt span{
	position: absolute;
	right: 10px;

}

#RESOL_wrapper #amenity .amenity_list dd{
	width: calc(85.5% - 20px);
	padding: 25px 20px 25px 0;
    border-top: 1px dotted #FAFAFA;
}

#RESOL_wrapper #amenity .amenity_list dt:first-of-type,
#RESOL_wrapper #amenity .amenity_list dd:first-of-type{
	padding-top: 0;
	border:none;
}

/*------------------------------
breakfast
------------------------------*/
#RESOL_wrapper #breakfast .breakfast_bg{
	background:url("../images2/top/bg_breakfast-6.png") no-repeat top left;
	min-height: 839px;
	padding: 40px 0 0 40px;
}
#RESOL_wrapper #breakfast .breakfast_txt{
	padding: 55px 30px 0 415px;
}
#RESOL_wrapper #breakfast .breakfast_txt p{
	margin: 0 0 45px;
}
#RESOL_wrapper #breakfast .breakfast_txt p span{
    font-size: 12px;
}
/*------------------------------
access
------------------------------*/

#RESOL_wrapper #access iframe{
    margin-bottom: 20px;
}
#RESOL_wrapper #access p{
	text-align: center;
}

#RESOL_wrapper #access h3{
	margin: 65px 0 25px;
}

/*------------------------------
plan
------------------------------*/

#RESOL_wrapper #plan {
	background:url("../images2/top/bg_plan.png") no-repeat center top;
	min-height: 512px;
	padding:80px 45px 60px;
}
#RESOL_wrapper #plan h2{
    margin-bottom: 50px;
}
#RESOL_wrapper #plan > .flex_box{
	align-items: top;
}

#RESOL_wrapper #plan h3{
	color: #73E5B1;
	margin: 0 0 10px;
    line-height: 150%
}
#RESOL_wrapper #plan .left_box h3{
    text-align: center;
}

#RESOL_wrapper #plan a p{
	line-height: 150%;
	font-size: 14px;
}

#RESOL_wrapper #plan .left_box {
	width: 320px;
	padding: 0 40px 0 0;
	border-right: 1px dashed #5D7C87;
}

#RESOL_wrapper #plan .left_box img{
	width: 320px;
	margin: 0 0 20px;
	display: block;
}

#RESOL_wrapper #plan .right_box {
	width: 452px;
}

#RESOL_wrapper #plan .right_box > div{
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dashed #5D7C87;
}

#RESOL_wrapper #plan .right_box > div:last-of-type{
	margin: 0;
	padding: 0;
	border-bottom:0;
}

#RESOL_wrapper #plan .right_box a{
	width: 100%;
}

#RESOL_wrapper #plan .right_box img{
	width: 170px;
	display: block;
}

#RESOL_wrapper #plan .right_box a div{
	width: 262px;
}

#RESOL_wrapper .eatwell{
	margin-top: 30px;
	margin-bottom: 0px;
}
#RESOL_wrapper .eatwell img{
	margin-bottom: 15px !important;
}
#RESOL_wrapper .eatwell p{
	margin-bottom: 0 !important;
}
#RESOL_wrapper .eatwell p span{
	display: block;
	font-size: 13px !important;
	margin-top: 5px
}