@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1.4;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ol,ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}


#contents_area img{
  max-width: 100%; 
  height: auto; 
  vertical-align: middle;  
  font-style: italic;  
  background-repeat: no-repeat; 
  background-size: cover;
  shape-margin: 0.75rem;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-spacing:0;
}
table dt,table dd{
 text-align:left;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;  
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
}

*{-webkit-appearance: none;}



/* リンク */
a:link{
color:#b09e76; /* 色 */
text-decoration:none;
}
a:visited{
color:#b09e76; /* 色 */
text-decoration:none;
}
a:hover {
color:#b09e76; /* 色 */
text-decoration:underline;
}
a:active {
color:#b09e76; /* 色 */
text-decoration:underline;
}

/* コンテンツ内 */
#contents_area a:link{
color:#133263; /* 色 */
text-decoration:none;
}
#contents_area a:visited{
color:#133263; /* 色 */
text-decoration:none;
}
#contents_area a:hover {
color:#133263; /* 色 */
text-decoration:underline;
}
#contents_area a:active {
color:#133263; /* 色 */
text-decoration:underline;
}




body{
color:#333333; /* */
font-family: Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
-webkit-text-size-adjust: none;
text-align:center;
}

.web_font1{
	font-family: 'Roboto', sans-serif;
}

/* 画像置換 */
.img_rep{
	text-indent: -9999px;
	overflow: hidden;
}

.noticemsg {
 margin-top: 1em;
 color:#d92a2a;
 font-weight: bold;
}


@media print,screen and (min-width: 769px) {
	.sp_ver{
		display: none;
	}
	
	html{
		height: 100%;
	}
	body{
		box-sizing: border-box;
		position: relative;
		font-size: 14px;
		line-height:1.8em;
		height: 100%;
	}

	
	.contact_info{
		color: #b09e76;
		font-size: 12px;
		padding: 20px;
	}
	.contact_info.-zip {
		padding: 13px;
	} 
	
	
	
	.contact_info > address{
		font-style: normal;
	}
	.contact_info.-zip > address {
    padding-bottom: 5px;
    text-align: left;
    line-height: 1.5;
	}
	
	
	.contact_info > a{
		font-size: 20px;
		line-height: 1;
		font-weight: bold;
	}
	.contact_info > a:hover{
		text-decoration: none;
	}
	
	.btn_reserve{
		color: #FFF !important;
		display: block;
		font-size: 12px;
		background-color: #b09e76;
		box-sizing: border-box;
		padding: 16px 20px;
		text-align: center;
		line-height: 1.4;
	}
	.btn_reserve:hover{
		background-color: #8a784e;
		text-decoration: none;
	}
	.btn_reserve span,
	.btn_reserve b{
		display: block;
	}
	.btn_reserve b{
		font-size: 19px;
	}
	
	
	.navi_lang{
		color: #b09e76;
		display: flex;
	}
	.navi_lang > li{
		font-size: 13px;
		margin-right: 5px;
	}
	.navi_lang > li:after{
		content: " /";
	}
	.navi_lang > li:last-child:after{
		content: "";
	}
	.navi_lang > li > a{
		color: #b09e76;
		text-decoration: none;
	}
	.navi_lang > li > a:hover{
		color: #133263;
		text-decoration: none;
	}
	
	
	
	.btn_pagetop{
		background: url(../img/btn_pagetop.png) center top no-repeat;
		display: inline-block;
		font-size: 11px;
		padding-top: 35px;
		line-height: 1;
		margin-top: 25px;
	}
	
	
	
/* ---------------------------------------
　header
--------------------------------------- */
	#header_area{
		background-color: #FFF;
		position: fixed;
		height: 90px;
		width: 100%;
		z-index: 6;
		top: 0;
	}
	
	#header_area > .logo_main{
		position: absolute;
		top: 15px;
		width: 100%;
		z-index: 6;
	}
	#header_area > .logo_main a{
		background: url(../img/logo_main.png) no-repeat;
		background-size: cover;
		display: block;
		margin: 0 auto;
		height: 57px;
		width: 128px;
	}
	
	
	
	#header_area > .contact_info{
		position: absolute;
		right: 181px;
		top: 0;
		z-index: 6;
	}
	
	
	
	#header_area > .btn_reserve{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 6;
		height: 90px;
	}
	
	
	#header_area > .navi_lang{
		position: fixed;
		left: 30px;
		top: 35px;
		z-index: 6;
	}
	
	
	
	#header_area > .navi_sns{
		display: flex;
		flex-direction:column;
		justify-content: center;
		position: fixed;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		
		width: 90px;
		z-index: 5;
	}
	#header_area > .navi_sns > li{
		margin: 10px auto;
		width: 32px;
	}
	#header_area > .navi_sns > li > a{
		display: block;
		height: 32px;
		
		
	}
	#header_area > .navi_sns > li > a:hover{
		opacity: .8;
	}
  .trip_adv > a{ background-image: url(../img/limited_time/icon_trip_adv_best_2020.png);}
	.insta > a{ background-image: url(../img/icon_instaglam.png);}
	.fb > a{ 	background-image: url(../img/icon_facebook.png);}
	
	
	
/* ---------------------------------------
　menu
--------------------------------------- */
	
	#menu{
		display: flex;
		flex-direction:column;
		justify-content: center;
		position: fixed;
		right: 0;
		bottom: 50%;
		top: 50%;
		z-index: 5;
		width: 90px;
	}
#menu .menu_trigger,
#menu .menu_trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#menu .menu_trigger {
  position:relative;
  width: 40px;
  height: 33px;
  text-decoration: none;
	margin: 0 auto;
	display: block;
}
	
	#menu .menu_trigger:after{
		color: #133263;
		content: "MENU";
		font-size: 11px;
		font-family: 'Roboto', sans-serif;
		display: block;
		margin-top: 40px;
	}	
	
#menu .menu_trigger span {
  position: absolute;
  right: 0;
  width: 40px;
  height: 3px;
  background-color: #133263;
}
 #menu .menu_trigger span:nth-of-type(1) { top: 0px;}
 #menu .menu_trigger span:nth-of-type(2) { top: 15px;}
 #menu .menu_trigger span:nth-of-type(3) { top: 30px;}
 #menu.active .menu_trigger span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(495deg);
  transform: translateY(15px) rotate(495deg);
}
 #menu.active .menu_trigger span:nth-of-type(2) {
  -webkit-transform:  rotate(90deg);
  transform:  rotate(90deg);
  opacity: 0;
}
 #menu.active .menu_trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(-495deg);
  transform: translateY(-15px) rotate(-495deg);
}
	
	


	
	
/* ---------------------------------------
　globalnavi
--------------------------------------- */
	#navi_global_body{
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	#navi_global #navi_global_inner{
		background-color: #FFF;
		box-sizing: border-box;
		display: flex;
		padding: 90px 90px 0;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	
	#navi_global_inner > .sub,
	#navi_global_inner > .main{
		background-color: #133263;
		flex-grow: 1;
		display: flex;
		flex-direction:column;
		justify-content: center;
		align-items: stretch;
		text-align: left;
	}
	#navi_global_inner > .sub > li,
	#navi_global_inner > .main > li{
		border-bottom: 1px solid #2d4b73;
		box-sizing: border-box;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
	}
	#navi_global_inner > .sub > li > a,
	#navi_global_inner > .main > li > a{
		background: url(../img/icon_arrow.png) 30px center no-repeat;
		box-sizing: border-box;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
		color: #FFF;
		padding: 0 30px 0 60px;
		width: 100%;
	}
	#navi_global_inner > .sub > li > a:hover,
	#navi_global_inner > .main > li > a:hover{
		background-color: rgba(255,255,255,0.20);
		text-decoration: none;
	}
	#navi_global_inner > .sub > li{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		font-size: 18px;
	}
	#navi_global_inner > .sub > li:nth-child(1){
		background-image: url(../img/bg_navi1.png);
	}
	#navi_global_inner > .sub > li:nth-child(2){
		background-image: url(../img/bg_navi2.png);
	}
	#navi_global_inner > .sub > li:nth-child(3){
		background-image: url(../img/bg_navi3.png);
	}
	#navi_global_inner > .main{
		background-image: url(../img/bg_navi4.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-left: 1px solid #2d4b73;
	}
	#navi_global_inner > .main > li > a{
		background-size: 11px auto;
	}
	
	

	#navi_global .navi_lang,
	#navi_global .navi_sns,
	#navi_global .btn_close{
		display: none;
	}
	
	
	/* ---------------------------------------
　contents
--------------------------------------- */
	#contents_area{
		padding-top: 90px;
		margin-left: 90px;
		margin-right: 90px;
  text-align: left;
	}
 
 
 #contents_wrap{
  display: flex;
  justify-content: space-between;
  margin: 90px auto 0;
  max-width: 1080px;
 }
 
 
 #left_contents{
  width: 70.3%;
 }
 
 
 #side{
  width: 22.2%;
 }
 #side > *:first-child{
  margin-top: 0;
 }
 
 #side h3{
  border-bottom: 1px solid #c9bc9c;
  font-size: 15px;
  padding-bottom: 15px;
  margin-top: 40px;
 }
 
 
 .link_list{
  font-size: 13px;
 }
 .link_list > li{
  margin-top: 20px;
  line-height: 1.6;
 }
 .link_list > li > a{
  background: url(../img/icon_arrow_type1.png) left 3px no-repeat;
  padding-left: 20px;
  display: block;
		color: #b09e76 !important;
		text-decoration: underline !important;
 }
	.link_list > li > a:hover{
		color: #133263 !important;
		text-decoration: none !important;
 }
 
 
 .banner_list{
  margin-top: 35px;
 }
 .banner_list > li{
  margin-top: 5px;
 }
 .banner_list > li img{
  height: auto;
  width: 100%;
 }
 
 
 .tag_list{
  margin-top: 15px;
  font-size: 13px;
  display: inline-flex;
  flex-wrap: wrap;
 }
 .tag_list > li:after{
  content: "、";
 }
 .tag_list > li > a{
		color: #b09e76 !important;
 }
	.tag_list > li > a:hover{
		color: #133263 !important;
 }
 
	
	
	/* ---------------------------------------
　footer
--------------------------------------- */
	#footer_area{
		margin-top: 120px;
		width: 100%;
	}
	#footer_top{
		border-bottom: 1px solid #f2eee5;
		border-top: 1px solid #f2eee5;
		box-sizing: border-box;
		position: relative;
		height: 90px;
		width: 100%;
	}
	#footer_top > .navi_lang{
		position: absolute;
		left: 30px;
		top: 33px;
	}
	#footer_top > .contact_info{
		position: absolute;
		right: 181px;
		top: 0;
	}
	#footer_top > .btn_reserve{
		position: absolute;
		right: 0;
		top: 0;
		height: 88px;
	}
	
#footer_bottom{
 position: relative;
 padding: 35px 30px;
 text-align: left;
}
.footer_marks {
 position: absolute;
 right: 30px;
 top: 35px;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}   
.hotel_logo { order: 2; margin-left: 24px; }
.hotel_logo img { width: 128px; height: auto; }
.gk_logo { order: 1; }
.gk_logo img { width: 38px; height: auto; }
    
	.navi_footer{
		color: #b09e76;
		display: flex;
		font-size: 13px;
	}
	.navi_footer + .navi_footer {
		margin-top: 10px;
	}
	.navi_footer > li{
		border-left: 1px solid #b09e76;
	 padding-right: 5px;
		padding-left: 5px;
		line-height: 1;
	}
	.navi_footer > li:first-child{
		border-left: none;
		padding-left: 0;
	}
	
	
	#bottom_bnrarea {
		display: flex;
		justify-content: flex-end;
align-items: center;
		margin: 0 70px 20px;

	}
	#bottom_bnrarea #TA_rated748 {

	}
	#footer_bottom #TA_rated748 {
		position: absolute;
		right:180px;
		top:0px;
	}
	
	#copyright{
		color: #b09e76;
		font-size: 13px;
		display: block;
		margin-top: 20px;
	}

	
	
	
/* ---------------------------------------
　best rate
--------------------------------------- */	
	
#bestrate_sec{
 background: url(../img/best_rate.jpg) center center no-repeat;
 background-size: cover;
 box-sizing: border-box;
 color: #FFF;
 text-align: left;
 margin: 50px auto 0;
 padding: 40px;
 max-width: 1080px;
}
#bestrate_sec .sec1 {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 padding-bottom: 10px;
 border-bottom: solid 2px #FFF;
}
	
.br_left{
		width:38%;
		margin-right: 3%;
	}
	.br_left > p:first-child{
		font-size: 18px;
		font-weight: bold;
	}
	.br_left > h2{
		font-size: 60px;
		margin-top: 25px;
		line-height: 1;
	}

	.br_left > h2 + p{
		margin-top:20px; 
	}

	
	.br_right{
		width: 58%;
		text-align: center;
	}
	.br_right p{
text-align: left;
	}
	.br_right > .btn_white{
		background-color: #FFF;
		border-radius: 17px;
		color: #133263;
		font-size: 15px;
		font-weight: bold;
		display: block;
		line-height: 1;
		width: 60%;
		padding: 10px 20px;
		margin: 30px auto;
	}
	.br_right > .btn_white > span{
		background: url(../img/icon_arrow_type3.png) left center no-repeat;
		padding-left: 10px;
		display: inline-block;
	}


#bestrate_sec .sec2 {
text-align: center;
	padding-top: 10px;
}
#bestrate_sec .sec2 a {
 border-radius: 4px;
 box-sizing: border-box;
 cursor: pointer;
 color: #FFF;
 font-size: 18px;
 font-weight: bold;
 background-color: #c19943;
 padding: 10px;
 margin: 30px auto 0px;
 display: inline-block;
 width: 60%;
}
#bestrate_sec .sec2 a span {
 color: #FFF;
}
#bestrate_sec a:hover {
 text-decoration: none;
}
	
/* ---------------------------------------
　parts
--------------------------------------- */
	
	#head_line{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		color: #FFF;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: 0 auto;
		max-width: 1500px;
		height: 500px;
		position: relative;
	}
	#head_line > h1,
	#head_line > p{
		display: inline-block;
		margin: 0 auto;
		position: relative;
		letter-spacing: 0.08em;
		z-index: 2;
	}
	#head_line > h1{
		font-size: 22px;
		font-weight: 300;
	}
	#head_line > p{
		border-top: 1px solid #FFF;
		font-size: 42px;
  line-height: 1;
		font-weight: bold;
		padding-top: 15px;
		margin-top: 15px;
	}
	#head_line:before{
		position: absolute;
		top: 0;
		left: 0;
		content: " ";
		display: block;
		background-color: rgba(0,0,0,0.20);
		height: 500px;
		width: 100%;
		max-width: 1500px;
		z-index: 1;
	}
 
 
 #head_line.nobg{
  background: none;
  color: #b09e76;
  height: 300px;
 }
 #head_line.nobg > p{
  border-top: 1px solid #b09e76;
 }
	#head_line.nobg:before{
		display: none;
	}
 
 
	
	.section_head{
		font-size: 26px;
		font-weight: bold;
		text-align: left;
	}
	.sub_head{
		font-size: 20px;
		font-weight: bold;
		text-align: left;
	}
	
	.line_head{
		border-bottom: 2px solid #c9bc9c;
		font-size: 20px;
		padding: 0 10px 15px 10px;
		line-height: 1.6;
	}
	
	
	
	.navi_page{
		display: table;
		border-collapse: collapse;
		margin: 80px auto 0;
		table-layout: fixed;
	}
	.navi_page > li{
		display: table-cell;
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		padding: 0 30px;
	}
	.navi_page > li > a{
		color: #333333 !important;
	}
	.navi_page > li > a:hover,
	.navi_page > li > a.on{
		color: #c7ba9b !important;
		text-decoration: none !important;
	}
	
 
 .caution{
  font-size: 12px;
  margin-top: 40px;
 }
 .caution > li{
  text-indent: -1em;
  padding-left: 1em;
 }
	
	
		.num_list{
		counter-reset: item;
	}
	.num_list > li{
		border-bottom: 1px solid #f2eee5;
		position: relative;
		padding: 0 0 20px 5em;
		margin-top: 20px;
	}
	.num_list > li:before{
		counter-increment: item;
  content: counter(item);
		font-weight: bold;
		position: absolute;
		left: 10px;
		top: 0;
	}
	.num_list > li:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	.num_list > li > ul{
		margin-top: 0;
	}
 
 
 .tbl_list{
  
 }
 
 .tbl_list{
		display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
	}
	.tbl_list span{
		display: inline-block;
	}
	.tbl_list > dt,
	.tbl_list > dd{
		box-sizing: border-box;
		padding: 15px 0;
	}
	.tbl_list > dt{
		padding-left: 10px;
		padding-right: 10px;
		width: 21%;
		border-bottom: 1px solid #f2eee5;
	}
	.tbl_list > dd{
		width: 79%;
		border-bottom: 1px solid #f2eee5;
	}
	.tbl_list > *:nth-last-child(1),
	.tbl_list > *:nth-last-child(2){
		border-bottom: none;
		padding-bottom: 0;
	}
	.tbl_list > dd > ul > li{
		margin-bottom: 10px;
	}
	
	.btn{
		background-color: #b09e76;
		box-sizing: border-box;
		color: #FFF !important;
		display: block;
		text-align: center;
		text-decoration: none !important;
		padding: 15px;
		position: relative;
		font-size: 16px;
		font-weight: bold;
	}
	.btn:after{
		background-color: #FFF;
		content: " ";
		display: block;
		position: absolute;
		top: 50%;
		bottom: 50%;
		right: 0;
		height: 2px;
		width: 21px;
	}
	.btn:hover{
		background-color: #8a784e;
	}
 
 
 .wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
 }
	
	#notfound{
		text-align: center;
	}
	#notfound .btn{
		margin: 50px auto 0;
		width: 250px;
	}
 
/* 201908 追加*/
.reservebt{
 color: #FFF !important;
 font-size: 12px;
 background-color: #b09e76;
 box-sizing: border-box;
 padding: 16px 25px;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1.4;
}
.reservebt:hover{
 background-color: #8a784e;
 text-decoration: none;
}
.reservebt span,
.reservebt b{
 display: block;
}
.reservebt .web_font1{
 font-size: 17px;
 line-height: 1.25;
 font-weight: bold;
 padding-bottom: .25em;
}	
#header_area > .reservebt{
 position: absolute;
 right: 0;
 top: 0;
 z-index: 6;
 height: 90px;
}
#footer_top > .reservebt{
 position: absolute;
 right: 0;
 top: 0;
 height: 88px;
}
	
.modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 0px 15px;
  display: none;
  position: fixed;
  z-index: 20;
  text-align: center;
  background: #fff;
  overflow-x:hidden;
  overflow-y: scroll;
  min-width: 880px;
  min-height: 50%;
  max-height: 90vh;
}
 .btn-modal-close {
  position: absolute;
  top: 20px;
  right: 10px;
	cursor: pointer;
 }
	
.modal-close{
	display: inline-block;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 3px;
  height: 20px;
  background: #b09e76;
  transform: rotate(45deg);
}

.modal-close:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
  background: #b09e76;
}
		
.modal-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.65);
  z-index: 10;
}
.modal-open,.modal-close {
  cursor: pointer;
}	

.fbw-calendar--title h1 {
 font-family: 'Roboto', sans-serif !important;
 font-size: 24px !important;
 color: #b09e76;
 line-height: 1.2 !important;
}

	
.fbw-calendar--day {
    min-width: 43px !important;
}
.day--number {
	margin: 0 0 0px !important;
}
.day--price {
 line-height:1.6 !important;
 margin : 0 0 0 !important;
 min-height:14px !important;
}
	
	
.ball-pulse {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
}	
/* 201908 追加*/
/* 202004 追加*/
	.bloglinkbtn {
		display: inline-block;
		padding: 1.5em 5%;
		width: 100%;
		margin: 20px auto;
		color: #FFF !important;
		background-color: #c61717;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.4;
		font-weight: bold;
		border-bottom:solid 2px #a11515;
	}	
	.bloglinkbtn:hover {
	 color: #FFF !important;
     background-color:#c44e4e;
     text-decoration: none;
     transition : all 0.5s ease 0s;
	}	
/* 202004 追加*/
	
}

@media screen and (max-width:768px) {

	.pc_ver{
		display: none;
	}
	
	html{
		height: 100%;
	}
	body{
		box-sizing: border-box;
		position: relative;
		font-size: 13px;
		line-height: 1.8;
		height: 100%;
	}
	
	.contact_info{
		color: #b09e76;
		font-size: 12px;
		padding: 20px;
	}
	.contact_info > a{
		font-size: 20px;
		font-weight: bold;
	}
	.contact_info > a:hover{
		text-decoration: none;
	}
	
	
	
	.btn_reserve{
		color: #b09e76;
		display: block;
		font-size: 10px;
		background-color: #FFF;
		padding: 15px 18px;
		text-align: center;
		line-height: 1.4;
	}
	.btn_reserve:hover{
		text-decoration: none;
	}
	.btn_reserve span,
	.btn_reserve b{
		display: block;
	}
	.btn_reserve b{
		font-size: 12px;
	}
	
	
	.navi_lang{
		color: #b09e76;
	}
	.navi_lang > li{
		font-size: 11px;
	}
	.navi_lang > li > a{
	}

	
	
	
	.btn_pagetop{
		background: url(../img/btn_pagetop.png) center top no-repeat;
		display: block;
		font-size: 11px;
		padding-top: 35px;
		line-height: 1;
		margin: 15px;
	}
	
	
	
/* ---------------------------------------
　header
--------------------------------------- */
	#header_area{
		background-color: #FFF;
		position: fixed;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		top: 0;
		z-index: 3;
		height: 70px;
	}
	
	#header_area > .logo_main{
		display: flex;
		flex-direction:column;
		justify-content: center;
		margin-right: auto;
		position: relative;
		z-index: 5;
		width: 125px;
	}
	#header_area > .logo_main a{
		background: url(../img/logo_main.png) no-repeat;
		background-size: cover;
		display: block;
		margin: 0 auto;
		height: 43px;
		width: 95px;
	}
	
	
	
	#header_area > .contact_info{
		display: none;
	}

	
	#header_area > .btn_reserve{
		border-left: 1px solid rgba(201,188,156,0.20);
		margin-right: 68px;
	}
	
	
	#header_area .navi_lang,
	#header_area .navi_sns{
		display: none;
	}
	
/* ---------------------------------------
　menu
--------------------------------------- */
	
	#menu{
		display: flex;
		flex-direction:column;
		justify-content: center;
		background-color: #b09e76;
		box-sizing: border-box;
		padding: 20px 20px 14px;
		right: 0;
		top: 0;
		position: fixed;
		z-index: 5;
		height: 70px;
	}
	#menu.active{
		background-color: #133263;
	}
#menu .menu_trigger,
#menu .menu_trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#menu .menu_trigger {
 position:relative;
 text-decoration: none;
	display: block;
	z-index: 5;
}
	
	#menu .menu_trigger:after{
		color: #FFF;
		content: "MENU";
		font-size: 9px;
		font-family: 'Roboto', sans-serif;
		display: block;
		margin-top: 20px;
	}	
	
#menu .menu_trigger span {
  position: absolute;
  right: 0;
  width: 28px;
  height: 2px;
  background-color: #FFF;
}
 #menu .menu_trigger span:nth-of-type(1) { top: 0px;}
 #menu .menu_trigger span:nth-of-type(2) { top: 7px;}
 #menu .menu_trigger span:nth-of-type(3) { top: 14px;}
 #menu.active .menu_trigger span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(495deg);
  transform: translateY(7px) rotate(495deg);
}
 #menu.active .menu_trigger span:nth-of-type(2) {
  -webkit-transform:  rotate(90deg);
  transform:  rotate(90deg);
  opacity: 0;
}
 #menu.active .menu_trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(-495deg);
  transform: translateY(-7px) rotate(-495deg);
}

	
/* ---------------------------------------
　globalnavi
--------------------------------------- */
	#navi_global{
	}
	#navi_global_body{
		background: #133263 url(../img/logo_main_white.png) 15px 15px no-repeat;
		background-size: 95px auto;
		box-sizing: border-box;
		display: none;
		flex-direction: column;
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 70px;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	#navi_global #navi_global_inner{
		box-sizing: border-box;
		display: flex;
		flex-grow: 4;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
		z-index: 4;
	}
	
	
	
	
	
	#navi_global_inner > .sub,
	#navi_global_inner > .main{
		background-color: #133263;
		text-align: left;
		flex-grow: 1;
	}
	#navi_global_inner > .sub{
		display: flex;
		flex-direction:column;
		justify-content: center;
	}
	#navi_global_inner > .main{
		display: flex;
		flex-wrap:wrap;
	}
	#navi_global_inner > .sub > li,
	#navi_global_inner > .main > li{
		border-bottom: 1px solid #2d4b73;
		box-sizing: border-box;
	}
	#navi_global_inner > .sub > li{
		box-sizing: border-box;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
	}
	#navi_global_inner > .main > li{
		display: flex;
		align-self: stretch;
		width: 50%;
	}
	#navi_global_inner > .main > li:nth-child(2n){
		border-left: 1px solid #2d4b73;
	}
	#navi_global_inner > .sub > li > a,
	#navi_global_inner > .main > li > a{
		background: url(../img/icon_arrow.png) 15px center no-repeat;
		box-sizing: border-box;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
		color: #FFF;
	}
	#navi_global_inner > .sub > li > a:hover,
	#navi_global_inner > .main > li > a:hover{
		background-color: rgba(255,255,255,0.20);
		text-decoration: none;
	}
	#navi_global_inner > .sub > li > a{
		padding: 15px 30px 15px 40px;
	}
	#navi_global_inner > .main > li > a{
		padding: 0 30px 0 40px;
	}
	#navi_global_inner > .sub > li{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		font-size: 16px;
	}
	#navi_global_inner > .sub > li:nth-child(1){
		background-image: url(../img/bg_navi1.png);
	}
	#navi_global_inner > .sub > li:nth-child(2){
		background-image: url(../img/bg_navi2.png);
	}
	#navi_global_inner > .sub > li:nth-child(3){
		background-image: url(../img/bg_navi3.png);
	}
	#navi_global_inner > .main{
		background-image: url(../img/bg_navi4.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-left: 1px solid #2d4b73;
	}
	#navi_global_inner > .main > li > a{
		background-size: 11px auto;
	}	
	
	
	#navi_global .navi_sns{
		display: flex;
		flex-grow: 1;
		justify-content: center;
		align-self: stretch;
	}
	#navi_global .navi_sns > li{
		border-bottom: 1px solid #2d4b73;
		box-sizing: border-box;
		display: flex;
		flex-basis: 50%;
	}
	#navi_global .navi_sns > li:nth-child(2n){
		border-left: 1px solid #2d4b73;
	}
	#navi_global .navi_sns > li > a{
		box-sizing: border-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px auto;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
	}
	.insta > a{ background-image: url(../img/icon_instaglam_white.png);}
	.fb > a{ 	background-image: url(../img/icon_facebook_white.png);}
	
	
	
	#navi_global .navi_lang{
		display: flex;
		justify-content: center;
		align-self: stretch;
	}
	#navi_global .navi_lang > li{
		border-right: 1px solid #2d4b73;
		border-bottom: 1px solid #2d4b73;
		box-sizing: border-box;
		display: flex;
		flex-grow: 1;
		justify-content: center;
		align-self: stretch;
		flex-basis: 20%;
	}
	#navi_global .navi_lang > li > a{
		color: #FFF;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
		padding: 10px 0;
	}
	
	
	
	.btn_close{
		display: flex;
		flex-direction:row;
		position: relative;
	}
	.btn_close .menu_close{
		color: #FFF;
		text-align: center;
		margin: 20px auto;
	}
	
.btn_close .menu_close{
	box-sizing: border-box;
		display: flex;
		flex-direction:column;
		justify-content: center;
		padding: 20px 0 0;
		right: 0;
		top: 0;
		position: fixed;
		z-index: 5;
	}
.btn_close .menu_close,
.btn_close .menu_close span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.btn_close .menu_close {
 position:relative;
 text-decoration: none;
	display: block;
	z-index: 5;
}
	
	.btn_close .menu_close:after{
		color: #FFF;
		content: "CLOSE";
		font-size: 9px;
		font-family: 'Roboto', sans-serif;
	}	
	
.btn_close .menu_close span {
  position: absolute;
  right: 0;
  width: 28px;
  height: 2px;
  background-color: #FFF;
}
 .btn_close .menu_close span:nth-of-type(1) { top: 0px;}
 .btn_close .menu_close span:nth-of-type(2) { top: 14px;}
 .btn_close .menu_close span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
 .btn_close .menu_close span:nth-of-type(2) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}
	
	
	/* ---------------------------------------
　contents
--------------------------------------- */
	#contents_area{
		padding-top: 70px;
  text-align: left;
	}
	
	#left_contents{
 }
 
 
 #side{
		margin: 45px 15px 0;
 }
 #side > *:first-child{
  margin-top: 0;
 }
 
 #side h3{
  border-bottom: 1px solid #c9bc9c;
  font-size: 15px;
  padding-bottom: 5px;
  margin-top: 40px;
 }
 
 
 .link_list{
  font-size: 13px;
 }
 .link_list > li{
  margin-top: 10px;
  line-height: 1.6;
 }
 .link_list > li > a{
  background: url(../img/icon_arrow_type1.png) left 3px no-repeat;
		color: #b09e76 !important;
		text-decoration: none !important;
  padding-left: 20px;
  display: block;
 }
 
 
 .banner_list{
  margin-top: 35px;
 }
 .banner_list > li{
  margin-top: 5px;
 }
 .banner_list > li img{
  height: auto;
  width: 100%;
 }
 
 
 .tag_list{
  margin-top: 5px;
  font-size: 13px;
  display: inline-flex;
  flex-wrap: wrap;
 }
 .tag_list > li:after{
  content: "、";
 }
 .tag_list > li > a{
		color: #b09e76 !important;
		text-decoration: underline !important;
 }
	
	
	/* ---------------------------------------
　footer
--------------------------------------- */
	#footer_area{
  margin-top: 80px;
	}
	#footer_top{
		border-bottom: 1px solid #f2eee5;
		border-top: 1px solid #f2eee5;
		box-sizing: border-box;
		position: relative;
	}
	#footer_top > .btn_reserve{
		background: #b09e76 url(../img/icon_arrow_type4.png) right 15px center no-repeat;
		background-size: 15px auto;
		color: #FFF;
		font-size: 13px;
	}
	#footer_top > .btn_reserve b{
		font-size: 24px;
	}
	#footer_top > .contact_info{
	}
	#footer_top > .navi_lang{
		border-top: 1px solid #f2eee5;
		display: flex;
		flex-wrap: wrap;
	}
	#footer_top > .navi_lang > li{
		border-left: 1px solid #f2eee5;
		border-bottom: 1px solid #f2eee5;
		font-size: 11px;
		flex-grow: 1;
	}
	#footer_top > .navi_lang > li > a{
		display: block;
		padding:15px 0;
	}

#footer_bottom{
 position: relative;
 padding: 25px 30px;
 text-align: center;
}
.footer_marks {
 position: relative;
}   

.hotel_logo img { width: 128px; height: auto; }
.gk_logo { margin-top: 20px; margin-bottom: 40px; }
.gk_logo img { width: 40px; height: auto; }

	.navi_footer{
		color: #b09e76;
		font-size: 13px;
		text-align: center;
	}
	.navi_footer > li{
		border-left: 1px solid #b09e76;
		display: inline-block;
		vertical-align: top;
	 padding-right: 5px;
		padding-left: 5px;
		line-height: 1;
	}
	.navi_footer > li:first-child{
		border-left: none;
		padding-left: 0;
	}
	
	#copyright{
		color: #b09e76;
		font-size: 11px;
		display: block;
		margin-top: 20px;
		text-align: center;
	}

	
	
	
	/* ---------------------------------------
　best rate
--------------------------------------- */	
	
	#bestrate_sec{
		background: url(../img/best_rate.jpg) center center no-repeat;
		background-size: cover;
		box-sizing: border-box;
		color: #FFF;
		text-align: left;
		margin: 50px auto 0;
		padding: 25px 15px;
	}
	.br_left > p:first-child{
		font-size: 12px;
		font-weight: bold;
		text-align: center
	}
	.br_left > h2{
		font-size: 30px;
		margin-top: 15px;
		line-height: 1;
		text-align: center;
	}
	.br_left > h2 + p{
		margin-top:20px; 
	}
	.br_right > .btn_white{
		background-color: #FFF;
		border-radius: 15px;
		color: #133263;
		font-size: 13px;
		font-weight: bold;
		display: block;
		line-height: 1;
		padding: 10px;
		margin-top: 20px;
		text-align: center;
	}
	.br_right > .btn_white > span{
		background: url(../img/icon_arrow_type3.png) left center no-repeat;
		padding-left: 10px;
		display: inline-block;
	}
	
	
	.br_right{
		border-top: 1px solid rgba(255,255,255,0.20);
		padding-top: 10px;
		margin-top: 20px;
	}
	.br_right span{
		vertical-align: middle;
		display: inline-block;
	}
#bestrate_sec .sec2 {
text-align: center;
}
#bestrate_sec .sec2 a {
 border-radius: 4px;
 box-sizing: border-box;
 cursor: pointer;
 color: #FFF;
 font-size: 18px;
 font-weight: bold;
 background-color: #c19943;
 padding: 10px;
 margin: 30px auto 0px;
 display: inline-block;
 width: 100%;
}
#bestrate_sec .sec2 a span {
 color: #FFF;
}
#bestrate_sec a:hover {
 text-decoration: none;
}
	/* ---------------------------------------
　parts
--------------------------------------- */
	
	#head_line{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		color: #FFF;
		display: flex;
		flex-grow: 1;
		flex-direction:column;
		justify-content: center;
		align-self: stretch;
		text-align: center;
		height: 250px;
		position: relative;
	}
	#head_line > h1,
	#head_line > p{
		position: relative;
		display: inline-block;
		margin: 0 auto;
		z-index: 2;
	}
	#head_line > h1{
		font-size: 14px;
	}
	#head_line > p{
		border-top: 1px solid #FFF;
		font-size: 30px;
  line-height: 1.2;
		font-weight: bold;
		padding-top: 15px;
		margin-top: 15px;
	}
	#head_line:before{
		position: absolute;
		left: 0;
		content: " ";
		display: block;
		background-color: rgba(0,0,0,0.20);
		height: 250px;
		width: 100%;
		z-index: 1
	}
	
	
  #head_line.nobg{
  background: none;
  color: #b09e76;
  height: 250px;
 }
 #head_line.nobg > p{
  border-top: 1px solid #b09e76;
 }
	#head_line.nobg:before{
		display: none;
	}
 
 
	
	.section_head{
		font-size: 24px;
		font-weight: bold;
		text-align: left;
	}
	.sub_head{
		font-size: 18px;
		font-weight: bold;
		text-align: left;
	}
	
	.line_head{
		border-bottom: 2px solid #c9bc9c;
		font-size: 20px;
		padding: 0 10px 15px 10px;
		line-height: 1.6;
	}
	
	
	
	.navi_page{
		font-size: 12px;
		display: table;
		border-collapse: collapse;
		margin: 30px auto 0;
		table-layout: fixed;
	}
	.navi_page > li{
		display: table-cell;
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		padding: 0 18px;
	}
	.navi_page > li > a{
		color: #333333 !important;
	}
	.navi_page > li > a:hover,
	.navi_page > li > a.on{
		color: #c7ba9b !important;
		text-decoration: none !important;
	}
	
	
	
 
 .caution{
  font-size: 12px;
  margin-top: 40px;
 }
 .caution > li{
  text-indent: -1em;
  padding-left: 1em;
 }
	
	
		.num_list{
		counter-reset: item;
	}
	.num_list > li{
		border-bottom: 1px solid #f2eee5;
		position: relative;
		padding: 0 0 20px 2.5em;
		margin-top: 20px;
	}
	.num_list > li:before{
		counter-increment: item;
  content: counter(item);
		font-weight: bold;
		position: absolute;
		left: 10px;
		top: 0;
	}
	.num_list > li:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	.num_list > li > ul{
		margin-top: 0;
	}
 
 
 
 .tbl_list{
  margin: 0;
 }
 	.tbl_list span{
		display: inline-block;
	}
	.tbl_list > dt{
		margin-top: 20px;
		padding: 0 10px;
	}
	.tbl_list > dd{
		border-bottom: 1px solid #f2eee5;
		padding: 0 10px 20px;
	}
	.tbl_list > dd:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	.tbl_list > dd > ul > li{
		margin-top: 10px;
	}
	
	.btn{
		background-color: #b09e76;
		box-sizing: border-box;
		color: #FFF !important;
		font-size: 15px;
		display: block;
		text-align: center;
		text-decoration: none !important;
		padding: 15px;
		position: relative;
	}
	.btn:after{
		background-color: #FFF;
		content: " ";
		display: block;
		position: absolute;
		top: 50%;
		bottom: 50%;
		right: 0;
		height: 2px;
		width: 21px;
	}
	

 #notfound{
 	text-align: center;
 	margin-right: 15px;
	margin-left: 15px;
 }
 #notfound .btn{
	margin: 50px auto 0;
 }
	
/* 201908 追加*/	
.reservebt{
 color: #b09e76;
 display: block;
 font-size: 10px;
 background-color: #FFF;
 padding: 15px 18px;
 text-align: center;
 line-height: 1.4;
	}
.reservebt:hover{
 text-decoration: none;
}
.reservebt span,
.reservebt b{
 display: block;
}
 .reservebt b{
 font-size: 12px;
}
 #header_area > .reservebt{
 border-left: 1px solid rgba(201,188,156,0.20);
 margin-right: 68px;
}
#footer_top > .reservebt{
 background: #b09e76 url(../img/icon_arrow_type4.png) right 15px center no-repeat;
 background-size: 15px auto;
 color: #FFF;
 font-size: 13px;
}
#footer_top > .btn_reserve b{
 font-size: 24px;
}
.modal {
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 3% 15px;
  display: none;
  position: fixed;
  z-index: 20;
  text-align: center;
  background: #fff;
   overflow-x:hidden;
   overflow-y: scroll;
	min-width: 98%;
	 min-height: 50%;
	max-height: 90vh;
}
 .btn-modal-close {
  position: absolute;
  top: 20px;
  right: 10px;
 }	
.modal-close{
	display: inline-block;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 3px;
  height: 20px;
  background: #b09e76;
  transform: rotate(45deg);
}

.modal-close:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
  background: #b09e76;
}	
.modal-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.65);
  z-index: 10;
}
.modal-open,.modal-close {
  cursor: pointer;
}

.fbw-calendar--title h1 {
 font-family: 'Roboto', sans-serif !important;
 font-size: 24px !important;
 color: #b09e76;
 line-height: 1.2 !important;
}
.fbw-calendar--day {
    min-width: 43px !important;
}
.day--price {
 line-height:1.6 !important;
 margin : 0 0 0 !important;
 min-height:14px !important;
}
.ball-pulse {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
}	
/* 201908 追加*/
/* 202004 追加*/
	.bloglinkbtn {
		display: inline-block;
		padding: 1.5em 5%;
		width: 100%;
		margin: 20px auto;
		color: #FFF !important;
		background-color: #c61717;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.4;
		font-weight: bold;
		border-bottom:solid 2px #a11515;
	}	
	.bloglinkbtn:hover {
		color: #FFF !important;
		background-color:#c44e4e;
     transition : all 0.5s ease 0s;
	}	
/* 202004 追加*/
}


/* 202309 追加*/
.loadersBox__text {
 position: absolute;
 left: 50%;
 top:35%;
 width: 90%;
 transform: translateX(-50%);
 color: #b09e76;
 font-weight: bold;
 }
/* 202309 追加*/