@charset "UTF-8";

/* リセット */
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,caption,tr,td,th,address,header,footer,nav,article,section,aside,figure,figcaption {margin:0; padding:0;}
body,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,address,header,footer,nav,article,section,aside,figure,figcaption {display:block;}
ul,ol {list-style-type:none;}
img {border:none; vertical-align:middle;}

/* ユーティリティー */
a {zoom:1; text-decoration:none;}
a:hover, a.active, a.np {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
a.nohover {opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";	}
.fgo {font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;	}
.fmin {	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", Times, serif;}
.flt-l {float: left;}
.flt-r {float: right;}
.clearfix:after {clear: both; content:"."; display: block; font-size: 0px; line-height: 0px; height: 0px; visibility: hidden; width: 0px;}
* html .clearfix {zoom:1;} /* IE6 */
*:first-child+html .clearfix {zoom:1;} /* IE7 */
.clrb {clear:both;}
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.va-t {vertical-align:top;}
.va-m {vertical-align:middle;}
.va-b {vertical-align:bottom;}
.td-ul {text-decoration:underline;}
.ime-d {ime-mode:disabled;}
.page {margin:0 auto; width:1000px;}

body {
	color:#000;
	font-size: 12px;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", Times, serif;
	line-height:1.6;
}

/* 共通 */
.boxbtm_shadow {background:url(../imgs/common/boxshadow_btm.png) repeat-x center bottom;}
.boxtop_shadow {background:url(../imgs/common/boxshadow_top.png) repeat-x center top;}

.bg2 {background:url(../imgs/common/bg2.png) repeat center top;}
.bg3 {background:url(../imgs/common/bg3.png) repeat center top;}
.bg4 {background:url(../imgs/common/bg4.png) repeat center top;}
.wave_bg {background:url(../imgs/common/wave_bg.png) repeat-x center bottom;}
#lightbox-image-details-links {display:none;}
.ttlicon_red2 {padding-top:10px; background:url(../imgs/common/ttl_icon_red2.png) no-repeat left top;}
.ttlicon_green {padding-top:10px; background:url(../imgs/common/ttl_icon_green.png) no-repeat left top;}
.sec_border {background:url(../imgs/dining/sec_border.png) repeat-x left bottom; padding-bottom:15px;}

/* header */
	/* トップ以下ページ使用 */
	#page_mainphoto h1 {float:left;}
	#page_mainphoto .pagettl_area {float:right;}
	#page_mainphoto h2 {font-size:22px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #000; padding-top:58px; text-align:right;}
	#page_mainphoto .englink {text-indent:-9999px;}
	#page_mainphoto .englink a {display:block; background:url(../imgs/common/englink.png) no-repeat left top; width:77px; height:25px; float:right;}

/* グローバルナビ */
#gnavi { margin:0 auto 10px auto;}
#gnavi ul {width:857px; float:left; padding-top:5px;}
#gnavi li {float:left;}
#gnavi li a {text-indent:-9999px;  background:url(../imgs/common/gnavi.png) no-repeat left top; display:block; height:46px;}
#gnavi #concept {background-position: 0 0; width:123px;}
#gnavi #concept:hover, #gnavi #concept.np {background-position: 0 -54px;}
#gnavi #dining {background-position: -123px 0; width:123px;}
#gnavi #dining:hover, #gnavi #dining.np {background-position: -123px -54px;}
#gnavi #room {background-position: -246px 0; width:122px;}
#gnavi #room:hover, #gnavi #room.np {background-position: -246px -54px;}
#gnavi #hotspring {background-position: -368px 0; width:122px;}
#gnavi #hotspring:hover, #gnavi #hotspring.np {background-position: -368px -54px;}
#gnavi #facility {background-position: -490px 0; width:122px;}
#gnavi #facility:hover, #gnavi #facility.np {background-position: -490px -54px;}
#gnavi #access {background-position: -612px 0; width:123px;}
#gnavi #access:hover, #gnavi #access.np {background-position: -612px -54px;}
#gnavi #stay {background-position: -735px 0; width:122px;}
#gnavi #stay:hover, #gnavi #stay.np {background-position: -735px -54px;}

/* スクロール時に出るナビ */
#subgnavi {width:100%; background-color:#fff; position:fixed; top:0; box-shadow:rgba(0, 0, 0, 0.248438) 0px 2px 7px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.248438) 0px 2px 7px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.248438) 0px 2px 7px 0px; z-index:200;}
#subgnavi h2 {width:122px; margin-right:15px; float:left; padding:9px 0 14px 0;}
#subgnavi h2 a {display:block; width:122px; height:25px;}
#subgnavi ul {width:751px; float:left; margin-right:10px; padding:0 0 10px 0;}
#subgnavi ul li {float:left; text-indent:-9999px;}
#subgnavi ul li a {display:block; height:42px; background:url(../imgs/common/subgnavi_bg.png) no-repeat left top;}
#subgnavi #subnavi_concept {background-position: 0 0; width:108px;}
#subgnavi #subnavi_concept:hover {background-position: 0 -42px;}
#subgnavi #subnavi_dining {background-position: -108px 0; width:107px;}
#subgnavi #subnavi_dining:hover {background-position: -108px -42px;}
#subgnavi #subnavi_room {background-position: -215px 0; width:107px;}
#subgnavi #subnavi_room:hover {background-position: -215px -42px;}
#subgnavi #subnavi_hotspring {background-position: -322px 0; width:107px;}
#subgnavi #subnavi_hotspring:hover {background-position: -322px -42px;}
#subgnavi #subnavi_facility {background-position: -429px 0; width:107px;}
#subgnavi #subnavi_facility:hover {background-position: -429px -42px;}
#subgnavi #subnavi_access {background-position: -536px 0; width:107px;}
#subgnavi #subnavi_access:hover {background-position: -536px -42px;}
#subgnavi #subnavi_stay {background-position: -643px 0; width:108px;}
#subgnavi #subnavi_stay:hover {background-position: -643px -42px;}
#subnavi_plnbtn {display:block; width:99px; height:44px; margin:6px 0 0 0; float:right;}

#hdr_plnbtn {display:block; float:right;}
#hdr_cen {background:url(../imgs/common/hdr_btm_bg.png) repeat-x left top; padding:10px 0; min-width:1000px;}
#hdr_cen ul {text-align:right;}
#hdr_cen ul li {display:inline-block; *display:inline; *zoom:1; margin-right:15px;}
#hdr_cen ul li.last {margin-right:0; padding-right:190px;}
#hdr_cen ul li a {color:#000; background:url(../imgs/common/hdr_btm_icon1.png) no-repeat left 3px; padding-left:10px;}
#hdr_cen ul li a#home {background-image:url(../imgs/common/hdr_btm_icon2.png); color:#9E005D;}
#hdr_btm {background:url(../imgs/common/bg1.png) repeat left top; width:100%; min-width:1000px; padding:20px 0; position:relative;}
#hdr_btm ul {position:relative;z-index:10;}
#hdr_btm ul li {float:left; margin-right:20px;}
#hdr_btm #tel {text-indent:-9999px; background:url(../imgs/common/tel.png) no-repeat left center; width:119px; height:13px; padding-top:7px; display:none;}
#hdr_btm #twt {width:80px;}
#hdr_btm #diffmap {background:url(../imgs/index/diffmap.png) no-repeat center top; width:100%; height:245px; background-size:cover;}
#hdr_btm ul li.icsns {
	margin-right:5px;
	position:relative;
	top:-5px;
}
#hdr_btm p.page {
	text-align:right;
	position:absolute;
	bottom:5px;
	right:0;
	left:0;
	z-index:1;
}


			article {background:url(../imgs/common/bg1.png) repeat left top; min-width:1000px;}
			.ttlarea {background:url(../imgs/common/ttlarea_border.png) repeat-x center 20px;}
			.ttlarea .forest_icon {background:url(../imgs/common/ttlbg_forest.png) no-repeat center top; padding-top:60px; text-align:center;}
			.ttlarea .forest_icon2 {background:url(../imgs/common/ttlbg_forest2.png) no-repeat center top; padding-top:60px; text-align:center;}


/*言語選択*/
.sel_lang {
	padding:6px 10px;
	background-color:#fff;
	position:absolute;
	top:0;
	right:3%;
	/*right:305px;*/
	z-index:5000;
}
.sel_lang dt {
	padding:0 5px;
}
.sel_lang dd {
	padding:0 8px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	display:none;
}
.sel_lang dd:nth-child(2) {
	padding-top:5px;
	border-top:1px solid #ccc;
}
.sel_lang dd:before {
	content:"▶︎";
	font-size:10px;
	color:#d82f1a;
	padding-right:8px;
}
.sel_lang a {
	font-size:11px;
	font-weight:bold;
	color:#000;
}

/*トップ言語選択*/
.sel_lang.top img {
	width:auto!important;
	min-width:initial!important;
	max-width:initial!important;
	position:static!important;
}
.sel_lang dd {
	text-align:left;
}

			
/* ジャパニカン */
.japanican {
	width:230px;
	padding:5px;
	margin-right:15px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	box-sizing:border-box;
	position:absolute;
	top:0;
	right:3%;
	z-index:500;
	display:none;
}
.japanican dt {
	padding-bottom:0px;
}
.japanican dd {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	display:none;
	padding-top:5px;
	margin-top:5px;
	border-top:1px solid #ccc;
}
.japanican ul {
	padding:0 17px;
	box-sizing:border-box;
}
.japanican li {
	width:50%;
	float:left;
	box-sizing:border-box;
}
.japanican li:nth-child(1), .japanican li:nth-child(2) {
	margin-bottom:3px;
}
.japanican li a {
	font-size:11px;
	font-weight:bold;
	color:#000;
	display:block;
	padding:0 0 0 12px;
	background:url(../imgs/common/icon_arrowred.png) no-repeat left center;
	box-sizing:border-box;
}


/*キャンペーンバナー*/
#campaignbnr {
	text-align:center;
	margin-bottom:50px;
}
#campaignbnr a {
	display:inline-block;
}


	
/* メインページ用ページ下部モジュール */
#module {padding:40px 0;}
#module h4 {margin-bottom:25px;}
#module .formarea h5 {font-size:13px; color:#333333; font-weight:normal; background:url(../imgs/common/ttl_icon_red.png) no-repeat left 8px; padding-left:15px;}
#module #dayarea {margin-right:25px;}
#module #hakusuarea {margin-right:25px;}
#module #pooplearea {margin-right:25px;}
#module #formlist {padding:10px 0 0 0;}
#module #formlist li {float:left; margin-right:25px;}
#module #formlist li a {font-size:12px; color:#42210B; text-decoration:underline; background:url(../imgs/common/squ_arraw.png) no-repeat left 4px; padding-left:20px;}
#module .formarea #btn_bkgsearch {background:url(../imgs/common/form_searchbtn.png) no-repeat left top; width:127px; height:37px; border:none; display:block; cursor:pointer; }
#module .formarea #btn_bkgsearch:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
#module #form_left {width:870px; float:left;}
#module #form_right {width:127px; float:right;}
#module input, #module select {margin:0 3px;}

/* sidenavi */
#sidenavi {width:250px; float:right; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;}
#sidenavi .condition_day {margin-bottom:10px;}
#sidenavi .condition_peo {margin-bottom:15px;}
#sidenavi_acc {margin-bottom:40px;}
#sidenavi_ss {margin-bottom:28px;}
#sidenavi_acc h4, #sidenavi_ss h4 {margin-bottom:16px;}
#sidenavi_acc ul, #sidenavi_ss ul, #sidenavi_etc ul {border-top:1px dotted #B3B3B3;}
#sidenavi_acc ul li, #sidenavi_ss ul li, #sidenavi_etc ul li {border-bottom:1px dotted #B3B3B3;}
#sidenavi_acc ul li a, #sidenavi_ss ul li a, #sidenavi_etc ul li a {color:#333333; background:url(../imgs/sidenavi/dbaaraw.png) no-repeat 20px 13px; padding:8px 0 8px 33px; display:block;}

	/* モジュール(サイドナビ) */
	#search_form {background-color:#fff; border:1px solid #C7DCC4; margin-bottom:70px;}
	#search_form #condition {padding:15px; border-bottom:1px solid #C7DCC4;}
	#search_form #condition input {width:40px; margin:0 4px 0 0;}
	#search_form #planlist {padding:15px; border-bottom:1px solid #C7DCC4;}
	.condition_peo select {margin:0 4px;}
	#search_form #rsvmenu {padding:15px;}
	#search_form #planlist a, #search_form #condition a {display:block; width:182px; margin:0 auto;}
	#search_form #rsvmenu li {margin-bottom:4px;}
	#search_form #rsvmenu li a {color:#42210B; text-decoration:underline; background:url(../imgs/common/squ_arraw.png) no-repeat left 6px; padding:4px 0 4px 22px;}
	#search_form #condition h5 {font-size:13px; font-weight:normal; background:url(../imgs/common/ttl_icon_red.png) no-repeat left 8px; padding-left:15px; margin-bottom:3px;}
	#search_form #condition input#btn_bkgsearch {background:url(../imgs/sidenavi/condition_search_btn.png) no-repeat left top; width:182px; height:37px; border:none; display:block; margin:0 auto;}

	/* カレンダー表示 */
	#calid_screen {background-color:#fff;}
	#calid_screen table {margin-bottom:0;}

/* footer */
footer {min-width:1000px;}
footer #hotelfooter {padding:30px 0;}
footer #hotelfooter h4 {margin:0 auto; width:221px; padding-top:15px;}
footer #hotelfooter h4 a {display:block;}
footer nav#ftlist1 {margin-bottom:25px;}
footer nav#ftlist1 ul {margin-bottom:6px;}
footer nav#ftlist1 ul li {display:inline; padding:0 20px; border-right:1px solid #333; line-height:12px;}
footer nav#ftlist1 ul li.first {padding-left:0;}
footer nav#ftlist1 ul li a {color:#333;}
footer nav#ftlist2 {}
footer nav#ftlist2 dl {margin-bottom:13px; padding-top:5px;}
footer nav#ftlist2 dt {width:83px; display:inline; padding:6px 20px; background-color:#686a1a;color:#fff;}
footer nav#ftlist2 dd {display:inline; padding:0 20px; border-right:1px solid #333; line-height:12px;}
footer nav#ftlist2 dd.last {border-right:none;}
footer nav#ftlist2 dd a {color:#333;}

#groupfooter {background:url(../imgs/common/groupftr_bg.png) repeat center top; padding:38px 0 30px 0;}
#groupfooter h4 {width:100%; min-width:1000px; margin:0 auto 20px auto; background:url(../imgs/common/groupftr_ttlbg.png) repeat-x left 107px; text-align:center;}
#groupfooter nav ul {width:774px; margin:0 auto;}
#groupfooter nav ul li {width:188px; height:128px; float:left; margin-right:105px;}
#groupfooter nav ul li.last {margin-right:0;}

#copyright {font-size:10px; font-weight:bold; color:#C5B098; text-align:center; padding:18px 0;}

/*大きいマップでみる*/
.mapbtn {
	position:relative;
	height:28px;
}
.mapbtn a {
	width:128px;
	height:28px;
	line-height:26px;
	text-align:center;
	background-color:#686a1a;
	color:#fff;
	display:block;
	position:absolute;
	top:0;
	right:0;
}