@charset "UTF-8";
/* CSS Document */


@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*-------------------------------------------------------*/
/*  reset
/*-------------------------------------------------------*/

body#highTop{
    background: #000;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a:link, a:active, a:visited{
	color: inherit;
	text-decoration: none;
}
a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a img {
  border: none;
}
img{
	line-height: 0;
}

section:after, div:after, ul:after, ol:after {
	content: "";
	display: block;
	clear: both;
}
sup{ font-size: 0.7em; }
span.red{ color: #f00;}



.stt-lang-select{display: none;}
/*-------------------------------------------------------*/
/*  layout
/*-------------------------------------------------------*/
#wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
}
/*  form */
/*input[type=text]{ width: 386px; height: 40px; border: 0; background: #f1eeec; }
textarea{ width: 500px; height: 200px; border: 0; background: #f1eeec; }*/

/*  header */
#header{
	width: 100%;
	/*height: 80px;*/
	/* height: 120px; */
}
.headInner{
	width: 940px;
	margin: 0 auto;
}
.hdLogo{
	float: left;
	width: 505px;
	padding-top: 30px;
}
.hdLogo .logo{
	float: left;
	width: 190px;
	margin-right: 10px;
}
.hdLogo h1{
	margin-top: 32px;
	float: left;
	width: 305px;
	text-align: left;
	font-size: 0.786em;
}
.hdAside{
	float: right;
	width: 435px;
	text-align: right;
	padding-top: 20px;
}
.hdAside .svf{
	margin-bottom: 8px;
}
.hdAside .lang {
	display: inline-table;
	float: left;
	padding-top: 5px;
}
.hdAside .lang li{
	display: table-cell;
	float: left;
	width: 85px;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	line-height: 0;
}
.hdAside .lang li:nth-child(1){
	width: 74px;
}
.hdAside .lang li:nth-child(2),
.hdAside .lang li:nth-child(3){
	width: 65px;
}
.hdAside .lang li:nth-child(4),
.hdAside .lang li:nth-child(5){
	width: 70px;
}
.hdAside .lang li:nth-child(6){
	width: 55px;
}

.hdAside .lang li a{
	display: block;
}
.hdAside .lang li .current,
.hdAside .lang li a:hover{
	background: #f0ede5;
	border-radius: 10px;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.hdAside .fb{
	float: left;
	margin-left: 10px;
}
/*  gNav */
#gNav{
	position: relative;
	width: 100%;
	background: #31281e;
	margin: 0 auto 5px auto;
}
#gNav ul{
	width: 940px;
	margin: 0 auto;
	}
#gNav ul li{
	position: relative;
	float: left;
	width: 155px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-left: 1px solid #31281e;
}
#gNav ul li:first-child{
	width: 145px;
	border-left: 1px solid #31281e;
}
#gNav li{ width: 120px !important; }
#gNav li:nth-child(1){ width: 100px !important; }
#gNav li:nth-child(5){ width: 140px !important; }
#gNav li:nth-child(6){ width: 100px !important; }
#gNav li:nth-child(7){ width: 140px !important; }
#gNav li:nth-child(8){ width: 100px !important; }
#gNav li:nth-child(6)::after{ border-right: 3px double #fff; height: 20px; position: absolute; z-index: 1; top: 15px; right: 0; content: ""; opacity: 0.5;  }
#gNav li:last-child::after{ border-right: 3px double #fff; height: 20px; position: absolute; z-index: 1; top: 15px; right: 0; content: ""; opacity: 0.5;  }
#gNav ul li a{
	display: block;
	color: #fff;
}
#gNav ul li a.selected,
#gNav ul li a.current.selected,
#gNav ul li a.current:hover,
#gNav ul li a:hover{
	display: block;
	color: #000;
	background: #fff;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border-left: 1px solid #fff;
	cursor: pointer;
}
#gNav ul li a.current {
	display: block;
	color: #fff;
	background: #493e32;
	border-left: 1px solid #493e32;
}
#gNav ul li a.current.selected:hover {
	border-left: 1px solid #fff;
}
#gNav ul li::after {
	border-right: 1px solid #fff;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 15px;
	right: 0;
	content: "";
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#gNav ul li:first-child::before {
	border-left: 1px solid #5a534b;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 0;
	content: "";
}
#gNav ul li:first-child:hover::before {
	border-left: 1px solid #fff;
}
/*  topicPath */
.topicPath{
	width: 940px;
	margin: 15px auto;
}
.topicPath li{
	float: left;
	font-size: 0.714em;
	margin-right: 1.0em;
}
.topicPath li a:after{
	content: ">";
	padding-left: 1.0em;
}
.topicPath li:first-child{
	padding-left: 15px;
	background: url(../images/common/icn_home.png) no-repeat left 0.2em;
}
/*  pageTitle */
.pageTitle{
	width: 940px;
	margin: 0 auto 30px;
}
.pageTitle h2{
	font-size: 2.571em;
	font-weight: bold;
}
.pageTitle p{
	font-size: 1.143em;
	color: #7e7e7e;
}

/*  contents */
#contents{
	width: 100%;
}
.sectionInner{
	width: 940px;
	margin: 0 auto 80px auto;
}
.h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
}
.h3_ttl h3{
	float: left;
	margin-right: 15px;
	font-size: 1.571em;
}
.h3_ttl small{
	float: left;
	font-size: 0.786em;
	padding-top: 1.0em;
}
/*  reserve */
.reserveInner input[type=radio]{
	margin-right: 5px;
}
.reserveInner input[type=text]{
	height: 30px;
}
.reserveInner input.w50{
	width: 50px;
}
.reserveInner input.w30{
	width: 30px;
}
.hotelselect{
	overflow: hidden;
	position: relative;
	font-size: 14px;
	text-indent: 1em;
	border: 1px solid #bfbaad;
	cursor: pointer;
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(../images/common/select_bg.png);
	background-size: 1000px 30px;
	background-repeat: none;
	background-position: right 0;
}
.hotelselect select{
	display: block;
	float: left;
	outline: none;
	border: none;
	width: 150%;
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	cursor: pointer;
	padding-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.date{ width: 100%; margin: -1.0em 0 1.0em; }
.date dd input{
	margin-right: 5px;
	padding-left: 10px;
}
.date dd{
	margin-right: 5px;
}

.date dd img{
	margin-top: -0.5em;
}
.date dd span{
	margin-top: -0.5em;
}
/*.date dd{
	display: inline-block;
}
.stayselect,
.numselect{
	overflow: hidden;
	position: relative;
	font-size: 14px;
	text-indent: 1em;
	border: 1px solid #bfbaad;
	cursor: pointer;
	display: block;
	width: 70px;
	height: 30px;
	background-image: url(../images/common/select_bg.png);
	background-size: 1000px 30px;
	background-repeat: none;
	background-position: right 0;
}

.date dd p{
	overflow: hidden;
	position: relative;
	font-size: 14px;
	text-indent: 1em;
	border: 1px solid #bfbaad;
	cursor: pointer;
	display: block;
	width: 110px;
	height: 30px;
	padding-right: 2.0em;
	background-image: url(../images/common/select_bg.png);
	background-size: 1000px 30px;
	background-repeat: none;
	background-position: right 0;
	display: inline-block;
	margin-top: -0.5em;
}
*/
.date dd p{
	display: inline-block; float: left:
}
/*.date dd select,
.stayselect select,
.numselect select{
	display: block;
	outline: none;
	border: none;
	width: 150%;
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(../images/common/select_bg.png);
	cursor: pointer;
	padding-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	float: left !important;
}*/

.reserveInner{
	width: 940px;
	margin: 0 auto;
	padding: 30px 0;
}
.reserveInner .reserveTable{
	width: 820px;
	float: left;
	margin:0 20px 20px 0;
	vertical-align: middle;
}
.reserveInner .reserveTable th{
	border-right:1px solid #d4d0c8;
	width: 115px; 
}
.reserveInner .reserveTable td{
	padding: 15px;
}
.reserveInner .reserveTable td:nth-child(2){
	border-bottom:1px solid #d4d0c8;
}
.reserveInner .reserveTable dt{
	margin-right: 5px;
	padding-top: 6px;
}
.reserveInner .hotel{
	/*float: left;
	margin-right: 25px;*/
}
.reserveInner .hotel dt{
	float: left;
	font-size: 0.929em;
	font-weight: bold;
}
.reserveInner .hotel dd{
	float: left;
 }
.reserveInner .plan{
	/*float: left;*/
}
.reserveInner .plan li{
	float: left;
	margin-right: 15px;
}
.reserveInner .plan li:last-child{
	margin-right: 0;
}
.reserveInner .date{
	float: left;
	margin-right: 15px;
}
.reserveInner .date dt{
	float: left;
	font-size: 0.929em;
	font-weight: bold;
}
.reserveInner .date dd{
	float: left;
	margin-right: 5px;
	margin-top: 0.45em;
 }
 
 
 .reserveInner .date02{
	float: left;
	margin-right: 15px;
}
.reserveInner .date02 dt{
	float: left;
	font-size: 0.929em;
	font-weight: bold;
}

 .reserveInner .date02 dd{
	float: left;
	margin-right: 15px;
	margin-top: 0.45em;
}
 
 .reserveInner .stay{
	 margin-right: 15px;
 }
.reserveInner .stay,
.reserveInner .num{
	float: left;
}
.reserveInner .stay dt,
.reserveInner .num dt{
	float: left;
	font-size: 0.929em;
	font-weight: bold;
}
.reserveInner .stay dd,
.reserveInner .num dd{
	float: left;
	margin-right: 5px;
 }
.reserveInner .stay p,
.reserveInner .num p{
	 margin: 5px;
}

.side_search_btn:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.reserveInner .btnInner{
	margin-top: 20px;
}
.reserveInner .btnInner li{
	float: left;
}
.reserveInner .btnInner .tel{
	width: 700px;
	margin-right: 20px;
}
.reserveInner .btnInner .btn a{
	display: block;
	width: 220px;
	height: 60px;
	text-align: center;
	color: #4d5f6e;
	border: 1px solid #c0c9d0;
	line-height: 60px;
	background: #fff url(../images/common/icn_arw02.png) no-repeat 90% center;
}
/*  pickupPlan */
.pickupPlan{
	width: 100%;
	background: #31281e;
}
.pickupPlan ul{
	/*width: 940px;*/
	width: 620px;
	margin: 0 auto;
	padding: 40px 0;
}
.pickupPlan ul li{
	float: left;
	margin-right: 20px;
	background: #fff;
}
.pickupPlan ul li:last-child{
	margin-right: 0;
}
.pickupPlan dl{
	width: 300px;
	padding: 20px 20px 25px 20px;
	text-align: center;
	background: url(../images/common/icn_arw02.png) no-repeat 96% center;
}
.pickupPlan dt{
	margin-bottom: 10px;
	font-size: 1.429em;
	color: #523a25;
}
.pickupPlan ul li:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*  pickupBanner */
.pickupBanner ul{
	/*width: 768px;*/
	width: 940px;
	margin: 0 auto;
	padding: 40px 0;
}
.pickupBanner ul li{
	float: left;
	width: 172px;
	margin-right: 20px;
	background: #fff;
	border: 1px solid #d4d0c8;
}
.pickupBanner ul li:last-child{
	margin-right: 0;
	background: #f0c45f;
	border: 1px solid #f0c45f;

}
.pickupBanner ul li:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pickupBanner dl{
	padding: 10px;
	text-align: center;
}
.pickupBanner dt{
	color: #523a25;
	font-size: 1.143em;
	line-height: 1.2;
	margin-bottom: 5px;
}
.pickupBanner dd{
	font-size: 0.857em;
}

/*  groupBanner */
.groupBanner{
	padding: 30px 0;
	border-top: 1px solid #e4e1dd;
}
.groupBanner h2{
	width: 940px;
	text-align: center;
	font-size: 1.286em;
	padding-left: 40px;
	margin: 0 auto 30px auto;
	background: url(../images/common/logo_mark.png) no-repeat 33% center;
}
.groupBanner ul{
	display: flex;
	justify-content: center;
	width: 940px;
	margin: 0 auto;
}
.groupBanner li{
	float: left;
	width: 180px;
	margin-right: 20px;
}
.groupBanner ul li:last-child{
	margin-right: 0;
}

/*-------------------------------------------------------*/
/*  Footer
/*-------------------------------------------------------*/
#footer{
	width: 100%;
    font-size: 13px;
    line-height: 1em;
}
.sitemap{
	background: #f5f1e9;
	padding: 50px 0;
    text-align: left;
    color: #000;
}
.sitemap .sitemapInner{
	width: 1000px;
	margin: 0 auto;
}
.sitemap dl{
	float: left;
	/*width: 180px;*/
	margin-right: 40px;
}
.sitemap .last{
	margin-right: 0;
}
.sitemap dl dt{
	font-size: 1.143em;
	margin-bottom: 20px;
}
.sitemap dl dd{
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 0.857em;
	background: url(../img/common/icn_arw03.png) no-repeat left 0.3em;
}
.sitemap dl .line{
	padding: 15px 0px 15px 15px;
	border-top: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	background-position: left 1.7em;
}
.group{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
    color: #231815;
}
.group p{
	margin-bottom: 10px;
	font-size: 0.857em;
	font-weight: bold;
    
}
.group ul{
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto 10px auto;
}
}
.group li{
	float: left;
	font-size: 0.786em;
}
.group li:nth-child(9){
	clear: left;
}
.group li:after{
	content: "|";
}
.group li:first-child:before{
	content: "|";
}
.footer{
	background: #31281e;
	padding-bottom: 15px;
}
.footer ul{
	width:100%;
    max-width: 1000px;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	padding: 35px 0 50px 0
}
.footer li{
	float: left;
	font-size: 0.929em;
	color: #5a534b;
}
.footer li a{
	color: #fff;
}
.footer li:after{
	content: "|";
	padding-right: 10px;
	padding-left: 10px;
}
.footer ul:before{
	content: "|";
	padding-right:10px;
	color: #5a534b;
}
.copyright{
	text-align: center;
}
.copyright .logo{
	margin-bottom: 15px;
}
.copyright small{
	font-size: 0.714em;
	color: #fff;
}
.footer .pagetop{
	position: fixed;
	bottom: 30px;
	right: 30px;	
	z-index: 100;
}
#hotel .footer .pagetop{
	position: fixed;
	bottom: 20px;
	right: 30px;	
	z-index: 100;
}


/*-------------------------------------------------------*/
/*  hotelReserve
/*-------------------------------------------------------*/
.hotelReserve{
	position: fixed;
	bottom: 0;
	width: 100%;
}
.hotelReserve .reserveBtn{
	display: block;
	position: relative;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 1.429em;
	text-align: center;
	background: #f0c45f url(../images/common/icn_arw_top.png) no-repeat 15px center;
	cursor: pointer;
}
.hotelReserve .reserveBtn.selected{
	display: block;
	position: relative;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 1.429em;
	text-align: center;
	background: #f0c45f url(../images/common/icn_arw_down.png) no-repeat 15px center;
}
.hotelReserve .reserveCont{
	display: none;
	padding-bottom: 20px;
	width: 100%;
	border-top: 2px solid #f0c45f;
	background: #fff;
}
.hotelReserve .btnInner .tel{
	background: #f7f7f7;
	height: 60px;
	line-height: 60px;
}


/*-------------------------------------------------------*/
/*  20170628 Add
/*-------------------------------------------------------*/

/*笘�ｿｽ蜉�縺薙％縺九ｉ*/
.resortList{
	position: absolute;
	display: none;
	width: 100%;
	background: #fff;
	top: 155px;
	left: 0;
	z-index: 10000;
}
.resortList .listInner{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.reserveTop{ margin-bottom:15px;}
.reserveInner .reserveTable2{
	width:100% !important;
	margin:0 0 20px 0 !important;
	background-color:#eee8dd;
}
.reserveInner .reserveTable2 .reserveTable2_td_1{
	padding:20px 0 20px 20px;
}
.reserveInner .reserveTable2 .reserveTable2_td_2{
	border:none !important;
	width:180px;
	padding:0;
}
.reserveInner .reserveTable2 .reserveTable2_td_3{padding:0 0 0 20px;}
.reserveInner .reserveTable2 .reserveTable2_td_4{padding:20px 0 20px 20px;}

.reserveInner_ul{
	border-top:1px solid #d4d0c8;
	width:100%;
}
.reserveInner_ul li{
	margin:15px 20px 0 0;
	float: left;
	padding-left: 15px;
	background: url(../img/common/icn_arw03.png) no-repeat left 0.5em;
}

.reserveTable3{
	background-color:#eee8dd;
	width:100% !important;
}
.reserveTable3_td1{ padding:10px 0 10px 30px;}
.reserveTable3_td2{
	width:200px;
	padding:10px;
}
.reserveTable3 td img{vertical-align:bottom;}
/*笘�ｿｽ蜉�縺薙％縺ｾ縺ｧ*/



/*20170831 Add*/
h1.line_x2{ margin-top: 17px; }


/*20171209 Add*/
  .reserveInner .caution { padding: 1.0em; /*background: #fff; border: 1px solid #c00;*/ margin-bottom: 1.0em; }
  .reserveInner .caution h3 { font-size: 1.2em; color: #8c0000; }
  
  .form:after{ content: ""; display: block; clear: both; }
  .reserveTable2:after{ content: ""; display: block; clear: both; }
  .reserveTable2{ margin-bottom: 1.0em !important; float: none !important; }
  /*.reserveInner .cautionBtn { background: #fff; border: 1px solid #b03255; margin-top: 1.0em; }*/

  .reserveInner .cautionBtn { margin-top: 1.0em !important; }
  .reserveInner .cautionBtn p a { display: block; font-size: 1.2em; text-align: center; padding: 1.0em 0; color: #fff; background: #8c0000 url(/common/images/common/icn_arw05.png) no-repeat 95% center; }  
  

/* 20180316 Add*/
	#gNav li{ width: 130px !important; }
	#gNav li:nth-child(4){ width: 160px !important; }
	#gNav li:nth-child(6){ width: 140px !important; }
	#gNav li:nth-child(7)::after{ border-right: 3px double #fff; height: 20px; position: absolute; z-index: 1; top: 15px; right: 0; content: ""; opacity: 0.5;  }
	#gNav li:last-child::after{ border-right: 3px double #fff; height: 20px; position: absolute; z-index: 1; top: 15px; right: 0; content: ""; opacity: 0.5;  }
	
	.hotelList{ position: absolute; display: none; width: 100%; background: #fff; top: 155px; left: 0; z-index: 10000; }
	.hotelList a{ display: block; }
	.hotelList .listInner{ width: 940px; margin: 0 auto; padding: 20px 0; }
	.listInner .highgrade{ float: left;width: 300px; padding: 10px 20px 0 0; }
	.listInner .standard{ float: left; padding: 10px 20px 10px 0; border-right: 1px solid #d5d2cf; width: 380px; }
	
	.listInner .standard dl{ padding-left: 20px; border-left: 1px solid #d5d2cf; min-height: 450px; }
	.listInner .standard .left{ float: left; width: 220px; }
	.listInner .standard .right{ float: left; width: 200px; }
	.listInner .resort{ float: left; width: 230px; padding: 10px 0 0 20px; }
	.listInner h3{ margin-bottom: 10px; font-size: 1.286em; }
	.listInner li{ display: table; margin-bottom: 10px; }
	.listInner li figure{ display: table-cell !important; width: 90px; }
	.listInner li img{ display: table-cell !important; }
	.listInner li p{ display: table-cell; padding:0 0 0 15px; vertical-align: middle; background: url(../img/common/icn_arw03.png) no-repeat left center; }
	
	.hotelList h3{ min-height: 3.0em; }
	.hotelList h3 small{ display: block; font-size: 0.75em; }
	.hotelList dt { padding: 0.25em 0.5em; margin-bottom: 20px; background: #f5f1e9; min-height: 2.0em; }
	
	.hotelList h5 span{ position: relative; display: inline-block; width: 100%; padding: 0 10px 0 0; margin-bottom: 10px; }
	.hotelList h5 span:after{ content: ''; position: absolute; top: 50%; right: 0; display: inline-block; width: 330px; height: 1px; background-color: #ccc; }	
	
	.resort dt{ background: none; }
	
	
	
	#footer .sitemap .sitemapInner{ width: 940px; margin: 0 auto;color: #000; }
	#footer .sitemap dl{ float: left; /*width: 180px;*/ margin-right: 40px; }
	#footer .sitemap .last{ margin-right: 0; }
	#footer .sitemap h3{ color: #666; font-size: 1.143em; margin-bottom: 20px; }
	#footer .sitemap h4 { color: #666; padding: 0.5em 0.5em; font-size: 1.0em; margin-bottom: 10px; background: #eee8dd; min-height: 2.0em; }
	
	#footer .sitemap li{ padding-left: 15px; margin-bottom: 10px; font-size: 0.857em; background: url(../img/common/icn_arw03.png) no-repeat left 0.3em; list-style: none; }
	#footer .sitemap li.line{ padding: 15px 0px 0px 15px; border-top: 1px solid #d4d0c8; background-position: left 1.7em; }	
	
	#footer .sitemapHotel{ width: 465px; float: left; margin-right: 40px; }
	#footer .sitemapPlan { width: 190px; float: left; margin-right: 40px; }
	#footer .sitemapInfo { width: 190px; float: left; }
	
	#footer .sitemapHotel .highgrade { width: 210px; margin-right: 10px; float: left; }
	#footer .sitemapHotel .standard { width: 245px; float: left; }
		#footer .sitemapHotel .standard ul{ width: 50%; float: left; }
	
	#footer .sitemapHotel .sitemapHotelWrap::after{ display: block; content: ""; clear: both; }
	#footer .sitemapHotel .resort{ width: 465px; padding: 15px 0 0 0; border-top: 1px solid #d4d0c8; margin-top: 15px; }


@media(max-width:584px){

	#footer .sitemap .sitemapInner{ width: 100%; margin: 0 auto;padding: 0 20px;color: #000; }
	#footer .sitemap dl{ float: left; /*width: 180px;*/ margin-right: 40px; }
	#footer .sitemap .last{ margin-right: 0; }
	#footer .sitemap h3{ color: #666; font-size: 1.143em; margin-bottom: 20px; }
	#footer .sitemap h4 { color: #666; padding: 0.5em 0.5em; font-size: 1.0em; margin-bottom: 10px; background: #eee8dd; min-height: 2.0em; }

	#footer .sitemap li{ padding-left: 15px; margin-bottom: 10px; font-size: 0.857em; background: url(../img/common/icn_arw03.png) no-repeat left 0.3em; list-style: none; }
	#footer .sitemap li.line{ padding: 15px 0px 15px 15px; border-top: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; background-position: left 1.7em; }

	#footer .sitemapHotel{ width: 100%; float: none; margin-right: 40px; }
	#footer .sitemapPlan { width: 190px; float: none; margin-right: 40px; }
	#footer .sitemapInfo { width: 190px; float: none; }

	#footer .sitemapHotel .highgrade { width: 240px; margin-right: 10px; float: none; }
	#footer .sitemapHotel .standard { width: 240px; float: none; }
	#footer .sitemapHotel .standard ul{ width: 50%; float: none; }

	#footer .sitemapHotel .sitemapHotelWrap::after{ display: block; content: ""; clear: both; }
	#footer .sitemapHotel .resort{ width: 100%; padding: 15px 0 0 0; border-top: 1px solid #d4d0c8;border-bottom: 1px solid #d4d0c8; margin-top: 15px; }

	.group ul{
		width: 100%;
		display: block;
		justify-content: center;
		text-align: left;
		margin: 0 auto 10px auto;
		padding: 0 20px;
		line-height: 1.8em;
	}
	.footer ul{
		width:100%;
		display: block;
		justify-content: center;
		text-align: left;
		margin: 0 auto;
		padding: 0px 20px 30px;
		line-height: 1.8em;
	}
	.footer li{
		float: none;
		font-size: 0.929em;
		color: #5a534b;
	}
	.footer li:after{
		content: "";
		padding-right: 10px;
		padding-left: 10px;
	}
	.footer ul:before{
		content: "";
		padding-right:10px;
		color: #5a534b;
	}
	.group li{
		float: none;
		font-size: 0.9em;
	}
	.group li:nth-child(9){
		clear: none;
	}
	.group li:after{
		content: "";
	}
	.group li:first-child:before{
		content: "";
	}
    
}


.fixed_menuMain li.parents {
	margin-top: 5px!important;
}
.fixed_menuMain li.parents.noLink {
	color: #fff;
	padding-left: 14px;
	background: url(https://www.hvf.jp/common/images/ico_ar_r_w.svg) no-repeat left center;
	background-size: auto;
	-webkit-background-size: 6px 10px;
	background-size: 6px 10px;
	font-size: 1.13rem;
	letter-spacing: 0.05em;
	opacity: 0.3;
}
.head_left{
padding: 5px 0;    
}


.header_logo {
    
    padding: 0;
    height:80px;
}
.tel_info{
    letter-spacing: 0;
}
 @media only screen and (max-width: 750px) {
 .header_logo  {
    padding: 7px 5px;
    margin-top: 0px!important
        ;
    height: auto;
     width: 57%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
}
@media only screen and (max-width: 550px){
 .header_logo {
   
    padding: 2% 0;
}
    .header {
    width: 100%;
    height: 65px;
    }
}
@media only screen and (max-width: 400px){
 .header_logo {
    padding: 4% 0;
}
}


#navTop ul {
	max-width: 1366px;
	text-align: center;
	font-size: 0;
}

#navTop ul li {
	display: block;
	width: 16.666%;
	text-align: center;
	float: left;
	/*border-right: 1px solid #ccc;*/
	/*padding: 0 10px 5px;*/
	height: 26px;
	position: relative;
}

#navTop ul li::after {
	width: 1px;
	height: 60%;
	content: "";
	/* background-color: #cccccc; */
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*#navTop ul li:nth-child(7n)::after {*/
	/*display: none;*/
/*}*/
/*#navTop {*/
	/*z-index: 9;*/
	/*background: rgba(0, 0, 0, 0.6);*/
	/*position: fixed;*/
	/*top: 90px;*/
	/*left: 0;*/
	/*width: 100%;*/
	/*padding: 5px 0;*/
/*}*/

#navTop.topPage {
	display: none;
}

#navTop.navFixed {
	display: block;
	animation: navAnim 0.3s ease forwards;
}

@keyframes navAnim {
	0% {
		margin-top: -100px;
	}
	100% {
		margin-top: 0;
	}
}

#navTop ul li:first-child {
	/*margin-left: 0;*/
}

#navTop .noLink {
	font-weight: 500;
	line-height: 1.0em;
	padding: 0 10px 5px;
}

#navTop ul li a {
	position: relative;
	font-weight: 500;
	line-height: 1.0em;
	/*padding: 0 10px 5px;*/
	display: block;
	width: 100%;
	height: 100%;

}

#navTop ul li span {
	position: absolute;
	width: 100%;
	font-feature-settings: "pwid";
	letter-spacing: 0.5px;

	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 3;
}

#navTop ul li a::after {
	width: 0;
	height: 2px;
	content: "";
	background-color: #b78059;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

#navTop ul li a:hover::after, #navTop ul li.active a::after {
	width: 40px;
}

#navTop .fontEnTrajan {
	color: #989188;
	font-size: 16px;
}

#navTop .title {
	font-size: 13px;
	color: #fff;
}

#navTop .navEn {
	font-size: 9px;
	color: #fff;
}

#navTop .noLink .title, #navTop .noLink .navEn {
	color: #999;
}
#navTop img {
	display: inline;
	vertical-align: middle;
}
@media only screen and (max-width: 1365px) and (min-width: 751px) {

	#navTop {
		min-width: 1200px;
	}

	#navTop {
		padding: 5px 2px;
	}
}
@media only screen and (max-width: 1250px) and (min-width: 751px) {
	#navTop {
		display: none;
	}
}
@media only screen and (max-width: 750px) {
	#navTop {
		display: none !important;
	}
}
@media print {


	#navTop, #pageTop {
		display: none !important;
	}

}


.thimi, .thimi2, .thimi4, .thimi3 { opacity: 0; -webkit-transform: translateY(3vh) scale(0.8); -moz-transform: translateY(3vh) scale(0.8); -ms-transform: translateY(3vh) scale(0.8); transform: translateY(3vh) scale(0.8); transform-origin: top; }

.thimi.ani1 { opacity: 1; -moz-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(0%) scale(1, 1); -moz-transform: translateY(0%) scale(1, 1); -ms-transform: translateY(0%) scale(1, 1); transform: translateY(0%) scale(1, 1); }

.thimi2.ani1 { opacity: 1; -webkit-transition: 2s 0.3s; -moz-transition: 2s 0.3s; -o-transition: 2s 0.3s; transition: 2s 0.3s; transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thimi3.ani1 { opacity: 1; -webkit-transition: 2s 0.35s; -moz-transition: 2s 0.35s; -o-transition: 2s 0.35s; transition: 2s 0.35s; transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thimi4.ani1 { opacity: 1; -webkit-transition: 2s 0.4s; -moz-transition: 2s 0.4s; -o-transition: 2s 0.4s; transition: 2s 0.4s; transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thim.ani1.ani1fin, .thim2.ani1.ani1fin, .thim4.ani1.ani1fin, .thim3.ani1.ani1fin { opacity: 1; -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); }

.thiml2, .thiml { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }
.thiml2::after, .thiml::after { transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }

.thims { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; opacity: 0; transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }

.thimr2, .thimr { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); }

.thiml.ani1, .thimr.ani1 { opacity: 1; -webkit-transition: all 2s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 2s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.thiml.ani1::after, .thimr.ani1::after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transition: all 1s 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 1s 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }

.thims.ani1 { opacity: 1; -webkit-transition: all 2s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 2s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); }

.thiml2.ani1, .thimr2.ani1 { opacity: 1; -webkit-transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.thim, .thim2, .thim4, .thim3 { opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: translateY(3vh); -moz-transform: translateY(3vh); -ms-transform: translateY(3vh); transform: translateY(3vh); transform-origin: top; }

.thim.thimu, .thim2.thimu, .thim4.thimu, .thim3.thimu { opacity: 0; -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); }

.thim.ani1 { opacity: 1; -moz-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transform: translateY(0%) scale(1, 1); -moz-transform: translateY(0%) scale(1, 1); -ms-transform: translateY(0%) scale(1, 1); transform: translateY(0%) scale(1, 1); }

.thim2.ani1 { opacity: 1; -webkit-transition: 2s 0.3s; -moz-transition: 2s 0.3s; -o-transition: 2s 0.3s; transition: 2s 0.3s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim3.ani1 { opacity: 1; -webkit-transition: 2s 0.35s; -moz-transition: 2s 0.35s; -o-transition: 2s 0.35s; transition: 2s 0.35s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim4.ani1 { opacity: 1; -webkit-transition: 2s 0.4s; -moz-transition: 2s 0.4s; -o-transition: 2s 0.4s; transition: 2s 0.4s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim.ani1.ani1fin, .thim2.ani1.ani1fin, .thim4.ani1.ani1fin, .thim3.ani1.ani1fin, .thiml.ani1.ani1fin, .thimr.ani1.ani1fin, .thiml2.ani1.ani1fin, .thimr2.ani1.ani1fin { opacity: 1; -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); }