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

/**メディアクエリ切り替えポイント
タブレット　768px
SP 375px
印刷のcssはタブレットの768px
**/

/* ==========================================
大見出し
========================================== */
/* 中見出し
---------------------------------------------------------- */
/*小見出し*/




/* ==========================================
setting
========================================== */
html { overflow-y: scroll; width: 100%; height: 100%;}
body * {
  box-sizing: border-box;
}
.a_wrap{
	width:100%;
	height:100%;
}
/* body
---------------------------------------------------------- */
body{
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic , Verdana ,  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	letter-spacing:0.02em;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
/*.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}*/
}

/* fonts
---------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}
a:visited {}
a:hover,
a:active {text-decoration: underline;}

a img{
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 	
}
a img:hover{
	opacity: 0.8;
}

.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtL{text-align:left !important;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.f11 { font-size: 72%;} /* base 14px -> 10px */
.f12 { font-size: 86%;} /* base 14px -> 12px */
.f13 { font-size: 93%;} /* base 14px -> 13px */
.f16 { font-size: 115%;} /* base 14px -> 16px */
.f18 { font-size: 129%;} /* base 14px -> 18px */
.f20 { font-size: 143%;} /* base 14px -> 20px */
.f22 { font-size: 157%;} /* base 14px -> 22px */
.f24 { font-size: 171%;} /* base 14px -> 24px */
.f26 { font-size: 185%;} /* base 14px -> 26px */
.f28 { font-size: 200%;} /* base 14px -> 28px */

sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/*-- color -- */
.red {color: #e00100;}
.blue {color:#00479d;}
.yellow{color:#e39600;}
.mainColor{color: #BA9C5A}
.txt_bold{font-weight: bold;}

@media only screen and (max-width: 768px) {
  .txt_sp_left{
    text-align: left !important;
  }
}

.display_none{
  display: none;
}

/*-- margin -- */
.mt10{
  margin-top: 10px;
}

.mt15{
  margin-top: 15px;
}

.mt20{
  margin-top: 20px;
}

.mt25{
  margin-top: 25px;
}

.mt30{
  margin-top: 30px;
}

.mt35{
  margin-top: 35px;
}

.mt40{
  margin-top: 40px;
}

.mt50{
  margin-top: 50px;
}

.mt60{
  margin-top: 60px;
}

.mt70{
  margin-top: 70px;
}

.mt80{
  margin-top: 80px;
}

.mb10{
  margin-bottom: 10px;
}

.mb15{
  margin-bottom: 15px;
}

.mb20{
  margin-bottom: 20px;
}

.mb25{
  margin-bottom: 25px;
}

.mb30{
  margin-bottom: 30px;
}

.mb35{
  margin-bottom: 35px;
}

.mb40{
  margin-bottom: 40px;
}

.mb50{
  margin-bottom: 50px;
}

.mb60{
  margin-bottom: 60px;
}

.mb70{
  margin-bottom: 70px;
}

.mb80{
  margin-bottom: 80px;
}

/*-- padding -- */
.pt10{
  padding-top: 10px;
}

.pt15{
  padding-top: 15px;
}

.pt20{
  padding-top: 20px;
}

.pt25{
  padding-top: 25px;
}

.pt30{
  padding-top: 30px;
}

.pt35{
  padding-top: 35px;
}

.pt40{
  padding-top: 40px;
}

.pt50{
  padding-top: 50px;
}

.pt60{
  padding-top: 60px;
}

.pt70{
  padding-top: 70px;
}

.pt80{
  padding-top: 80px;
}

.pb10{
  padding-bottom: 10px;
}

.pb15{
  padding-bottom: 15px;
}

.pb20{
  padding-bottom: 20px;
}

.pb25{
  padding-bottom: 25px;
}

.pb30{
  padding-bottom: 30px;
}

.pb35{
  padding-bottom: 35px;
}

.pb40{
  padding-bottom: 40px;
}

.pb50{
  padding-bottom: 50px;
}

.pb60{
  padding-bottom: 60px;
}

.pb70{
  padding-bottom: 70px;
}

.pb80{
  padding-bottom: 80px;
}

/* ==========================================
ヘッダー
========================================== */
.header{
	position: absolute;
  top: 0;
  width: 100%;
	min-width: 1200px;
  z-index: 71;
	background: #fff;
	/*padding-bottom: 11px; --> .header .header_inner .header_gNav > ul > li > a に移行 */
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media print{
  .header{
    width: 100%;
    min-width: 100%;
  }
}

.header .header_inner{
	width: 1200px;
	margin: auto;
	position: relative;
}
.header .header_inner h1,
.header .header_inner>div{
	position: absolute;
	width: 325px;
	height: 41px;
	top: 30px;
  z-index: 71;
}
.header .header_inner h1 .logo_01{
	fill:#000;
}

.header_gNav_sp{
	display: none;
}



/* スクロール設定
---------------------------------------------------------- */
.header-scrolled{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
}
@media print{
  .header-scrolled{
    position: inherit;
  }
}

@media only screen and (max-width: 1200px) {
	.header{
		min-width: 100%;
	}
	.header .header_inner{
		width: 100%;
		padding: 0 15px;
	}
	.header .header_inner h1,
	.header .header_inner>div{
		top: 45px;
	}
}
@media only screen and (max-width: 768px) {
	.header{
		z-index: 200;
		background: #000;
		padding: 15px;
	}
	.header .header_inner h1,
	.header .header_inner>div{
		position: static;
		width: 162px;
		height: 20px;
		margin: auto;
	}
	.header .header_inner h1 a img,
	.header .header_inner>div a img{
		height:auto;
		width:100%;
	}
	.header .header_inner h1 .logo_01{
		fill:#fff;
	}

	.header_gNav_sp{
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 56px;
		background: #B49859;
    z-index: 60;
	}
	.header_gNav_sp ul{
		display: flex;
	}
	.header_gNav_sp ul li{
		color: #fff;
		text-align: center;
	}
	.header_gNav_sp ul li a{
		color: #fff !important;
		display: block;
		padding: 6px 0;
	}
	.header_gNav_sp ul li i{
		display: block;
		font-size: 168%;
	}
	.header_gNav_sp ul li span{
		font-size: 86%;
	}
	.header_gNav_sp ul li#reserve_swith_sp,.header_gNav_sp ul li.access{
		flex: 1;
	}
	.header_gNav_sp ul li#reserve_swith_sp{
		padding-top: 6px;
		border-right: 1px solid #96804C;
	}
	.header_gNav_sp ul li.tel,.header_gNav_sp ul li#gNav_swith_sp{
		width: 60px;
		background: #96804C;
	}

	/*ハンバーガーメニュー*/
	#gNav_swith_sp{
		display: block;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		z-index: 9999;
	}
	/*menuBtn*/
	#gNav_swith_sp .menu-trigger,
	#gNav_swith_sp .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	#gNav_swith_sp .menu-trigger {
		width: 34px;
		height: 25px;
		top:10px;
		position:relative;
	}
	#gNav_swith_sp .menu-trigger p{
		font-size: 72%;
		margin-top: 28px;
	}
	#gNav_swith_sp .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
	}
	#gNav_swith_sp .menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	#gNav_swith_sp .menu-trigger span:nth-of-type(2) {
		top: 11px;
	}
	#gNav_swith_sp .menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
}


/*ヘッダーサブナビゲーション*/
.header .header_subNav{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 70;
	height: 40px;
	background: #F9F9F9;
}
.header .header_subNav > ul{
	letter-spacing: -0.4em;
}
.header .header_subNav > ul > li{
	letter-spacing: 0;
	display: inline-block;
	font-size: 93%;
	margin-left: 10px;
	padding: 10px 0;
	line-height:20px;
	height: 40px;
	vertical-align: middle;
}
.header .header_subNav a:hover{
	opacity: 0.8;
}
.header .header_subNav li.link_facebook,
.header .header_subNav li.link_instagram,
.header .header_subNav li.link_tripadvisor,
.header .header_subNav li.link_twitter{
	font-size: 143%;
}
.header .header_subNav li.link_tel{
	font-size: 122%;
	font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
}
.header .header_subNav li.link_contact{
	margin-left: 10px; 
}
.header .header_subNav li.link_contact a{
	border-left: 1px solid #000; 
	padding-left: 10px; 
	display: inline-block;
}
/* 20240501　採用情報追加～ */
.header .header_subNav li.link_recruit {
	margin-left: 10px;
	margin-right: 10px;
}
.header .header_subNav li.link_recruit a {
	border-left: 1px solid #000;
	padding-left: 10px;
	display: inline-block;
}
/* ～20240501　採用情報追加～ */
.header .header_subNav li.link_tel span span {
    font-size: 14px;
}
.header .header_subNav li.link_qa{margin-right: 5px;}
.header .header_subNav li#btn_langage,
.header .header_subNav li#btn_reserve{
	cursor: pointer;
}
.header .header_subNav li#btn_langage{margin-left: 0; padding: 10px; position:relative;}
.header .header_subNav li#btn_langage i{font-size: 141%;}
.header .header_subNav li#btn_langage:hover,.header .header_subNav li#btn_langage.in_active{background: #000; color: #fff;}
.header .header_subNav li#btn_langage dl,.header .header_subNav li#btn_langage dt{display: inline-block;}
.header .header_subNav li#btn_langage dd{
	display: none;
	position: absolute;
	font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
	width: 70px;
	right: 0;
	top: 40px;
}
.header .header_subNav li#btn_langage dd li{
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px 0;
	font-size: 86%;
	background: #000;
	color: #B49859;
}
.header .header_subNav li#btn_langage dd li.in_active{
	background: #404040;
	color: #fff;
}
.header .header_subNav li#btn_langage dd li:hover{
	background: #404040;
	color: #fff;
}
.header .header_subNav li#btn_langage dd li a{
	color: #B49859;
}
.header .header_subNav li#btn_langage dd li a:hover{
	text-decoration: none;
	color: #fff;
}

.header .header_subNav li#btn_reserve{
	background: #4b1c20;
	position: relative;
	vertical-align: top;
	color: #fff;
	text-align: center;
	padding: 0 35px 0 53px;
	margin-left: 0;
	line-height: 40px;
	font-size: 100%;
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic , Verdana ,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 	

}
.header .header_subNav #btn_reserve.is_active{
	background: #4b1c20;
}
.header .header_subNav li#btn_reserve i{
	font-size: 129%;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
}

@media only screen and (max-width: 768px) {
	.header .header_subNav{
		display: none;
	}
}


/* ==========================================
グローバルナビ
========================================== */
.header .header_inner .header_gNav{
	text-align: right;
}
.header .header_inner .header_gNav .gnav_wrap > ul {
  display: inline-block;
	margin-top: 60px;
}
.header .header_inner .header_gNav .gnav_wrap > ul > li {
	display: inline-block;
}
.header .header_inner .header_gNav .gnav_wrap > ul > li > a {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 115%;
}
.header .header_inner .header_gNav .gnav_wrap > ul > li > a:hover{text-decoration: none;}

.header .header_inner .header_gNav .gnav_wrap > ul > li:first-child,
.header .only_sp {
	display: none;
}

@media only screen and (min-width: 769px) {/* PC only */
  .header .header_inner .header_gNav {
    display: block !important;
    position: relative;
  }

	.header .header_inner .header_gNav .gnav_wrap > ul > li {
		margin-left: 40px;
	}
  .header .header_inner .header_gNav .gnav_wrap > ul > li > a {
    font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "HG明朝E", "Hiragino Mincho Pro", "serif";
    padding-bottom: 11px;
  }

	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:before ,
	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:after {
		position: absolute;
		top: 30px;
		content: "";
		display: inline-block;
		width: 0;
		height: 5px;
		background: #B49859;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:before {
		left: 50%;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:after {
		right: 50%;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:hover:before,
	.header .header_inner .header_gNav .gnav_wrap > ul > li > a:hover:after,
	.header .header_inner .header_gNav .gnav_wrap > ul > li.in_current > a:before,
	.header .header_inner .header_gNav .gnav_wrap > ul > li.in_current > a:after{
		width: 50%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.header .header_inner .header_gNav {
		text-align: center;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul {
		width: 100%;
		margin-top: 90px;
	}
  .header .header_inner .header_gNav .gnav_wrap > ul > li.in_current > a{
    color: #B49859;
  }
  .header .header_inner .header_gNav .gnav_wrap > ul > li.in_current > a:before,
  .header .header_inner .header_gNav .gnav_wrap > ul > li.in_current > a:after{
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
  .header .header_inner .header_gNav .gnav_wrap > ul > li {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {/* SP only */
	.header .header_inner .header_gNav {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-bottom: 30px;
		background-color: rgba(0,0,0,0.95);
		overflow: auto;
		display: none;
		z-index: 70;
    text-align: left;
	}
	.header .header_inner .header_gNav .gnav_wrap{
		padding-bottom:150px;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul {
		display:block;
    width: 90%;
    height: auto;
    margin: 15px 5% 0;
    border-top: 1px solid #fff;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul > li {
		display: block;
    border-bottom: 1px solid #fff;
	}
  .header .header_inner .header_gNav .gnav_wrap > ul > li > a {
    display: block;
    color: #fff;
    padding: 15px 1.5%;
    font-size: 130%;
  }
	.header .header_inner .header_gNav .gnav_wrap > ul > li.in_active > a{
		color: #B49859;
	}
	.header .header_inner .header_gNav .gnav_wrap > ul > li:first-child {display: block;}



	/*トグルナビ共通設定*/
	.header .only_sp{
		display: block;
		text-align: center;
	}
	.header .gnav_ttl{
		padding: 15px 0;
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
	}
	.header .gnav_ttl a{
		display: block;
		width: 162px;
		height: 20px;
		margin: auto;
	}
	.header .gnav_ttl a img{
		width:100%;
		height:auto;
	}
	.header .gnav_ttl a .logo_01{fill:#fff;}
	.header .gnav_ttl .close{
		position: absolute;
		right: 10px;
		top:10px;
	}
	.header .gnav_tel_sp{
		font-size: 186%;
		color: #fff;
		padding: 35px 0;
		font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
	}
	.header .gnav_tel_sp a{
		color: #fff;	
	}
	.header .gnav_tel_sp sub{
		font-size: 40%;
	}
	.header .header_gNav_select_sp_01{
		margin-bottom: 30px;
	}
	.header .header_gNav_select_sp_01 label{
		position:relative;
	}
	.header .header_gNav_select_sp_01 label i{
		font-size: 200%;
		color: #fff;
		vertical-align: middle;
		padding-right: 2%;
	}
	.header .header_gNav_select_sp_01 select{
		padding: 10px 46px 10px 10px;
		width: 70%;
		height: 48px;
		color: #fff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background: #393939;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 158%;
		border: none;
		border-radius: 0;
		text-indent: 0.01px;
		text-overflow: '';
	}
	.header .header_gNav_select_sp_01 select::-ms-expand{
	  display: none;
	}
	.header .header_gNav_select_sp_01 label:after{
		content: "\e901";
		position: absolute;
		height: 48px;
		width: 46px;
		line-height: 48px;
		background: #141414;
		color: #fff;
		margin: auto;
		font-size: 100%;
		font-family: hotelicon;
		right: 0;
		z-index: 1;
		pointer-events: none;
	}	
	.close,
	.close span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.close {
		width: 34px;
		height: 25px;
		position:relative;
	}
	.close p{
		font-size: 72%;
		margin-top: 28px;
	}
	.close span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
	}
	.close span:nth-of-type(1) {
		top: 0;
		-webkit-transform: translateY(10px) rotate(-315deg);
		transform: translateY(10px) rotate(-315deg);
	}
	.close span:nth-of-type(2) {
		top: 11px;
		opacity: 0;
	}
	.close span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(315deg);
		transform: translateY(-11px) rotate(315deg);
		bottom: 0;
	}

}

/* 20/3～追加 ヘッダー改修 */
@media only screen and (min-width: 769px) {/* PC only */
  .header_gNav_udrbox .udrbox_sp_only {
    display: none;
  }

  .header_gNav_udrbox {
    display: block !important;
  }

  .header_gNav_udrbox_inr,
  .header_gNav_udrbox_layer {
    position: absolute;
    top: 95px;/* .header高さ分 */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
  } 
  .header_gNav_udrbox_inr {
    width: 1200px;
    z-index: 69;
    text-align: center;
    font-size: 13.5px;
    background-color: rgba(243,243,243,0.9);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16);
  }
  .header_gNav_udrbox_inr.is_hover,
  .header_gNav_udrbox_layer.is_hover {
    visibility: visible;
    opacity: 1;
  }

  .header_gNav_udrbox_layer {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 68;
  }

  .header_gNav_udrlist_wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.12);
  }

  .header_gNav_udrlist {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    width: 100%;
    padding: 18px 15px 0;
    background-color: #fff;/*変更しない*/
  }
  .header_gNav_udrlist_box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .header_gNav_udrlist_detail_tit {
  	margin: 5px auto 0;
  	height: 40px;
    max-width: 275px;
  }

  .header_gNav_udrlist_menu_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    border-radius: 4px;
    -webkit-transition: 0.2s ease-in-out;  
    -moz-transition: 0.2s ease-in-out;  
    -o-transition: 0.2s ease-in-out;  
    transition: 0.2s ease-in-out;
  }
  .header_gNav_udrlist_menu_link:hover {
    text-decoration: none;
    opacity: 0.8;
  }

  .header_gNav_udrlist_menu {
    padding: 10px 80px 20px;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu {
    padding: 40px 0;
  }
  .header_gNav_udrlist_menu.row2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .header_gNav_udrlist_menu_box {
  	-webkit-box-flex: 1;
  	-ms-flex-positive: 1;
  	flex-grow: 1;
    max-width: 260px;
    padding: 0 10px;
    margin-top: 10px;
    width: 100%;/*IEバグ回避*/
  }
  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu_box:first-child {
    margin-top: auto;
  }
  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu_box:last-child {
    margin-bottom: auto;
  }
  .header_gNav_udrlist_menu_link {
  	background-color: #fff;
    min-width: 216px;
    border: 1px solid #E4E4E4;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .header_gNav_udrbox_inr,
  .header_gNav_udrbox_layer {
    top: 125px;/* .header高さ分 */
  }
  .header_gNav_udrbox_inr {
    width: 100%;
  }

  .header_gNav_udrlist_detail_tit {
    height: 30px;
    max-width: none;
  }

  .header_gNav_udrlist_wrp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 10px 20px;
  }

  .header_gNav_udrlist_menu {
    padding: 10px 10px 20px;
  }
  .header_gNav_udrlist_menu.row2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu_box:first-child {
    margin-top: 10px;
  }
  .header_gNav_udrlist_wrp .header_gNav_udrlist_menu_box:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {/* SP only */
  .header_gNav_udrbox .udrbox_pc_only {
    display: none;
  }

  .header_gNav_udr_sp:after {
    content: "";
    position: absolute;
    right: 1.5%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 12px;
    height: 12px;
    background: url(https://www.hotel.kyoto/karasuma/wp-content/themes/hotel_okura_2018_template/img/common/ico_plus.png) no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .header_gNav_udr_sp.is_active:after {
    background-image: url(https://www.hotel.kyoto/karasuma/wp-content/themes/hotel_okura_2018_template/img/common/ico_minus.png);
  }

  .header_gNav_udrbox {
    padding: 10px 3% 20px;
    display: none;
  }
  .header_gNav_udrbox a {
    display: block;
    font-size: 120%;
    color: #fff;
  }

  .header_gNav_udrbox_layer {
    display: none;
  }

  .header_gNav_udrlist_link,
  .header_gNav_udrlist_menu_link {
    padding: 15px 0;
  }

  .header_gNav_udrlist_detail_img {
    display: none;
  }

  .rich_udrlist_sp {
    background-color: #202020;
    padding: 10px;
  }
  .rich_udrlist_sp ~ .rich_udrlist_sp {
    padding-top: 0;
  }
  .rich_udrlist_sp a {
    font-size: 100%;
    padding: 0;
  }
  .rich_udrlist_sp .header_gNav_udrlist_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .rich_udrlist_sp .header_gNav_udrlist_detail_img {
    display: block;
    min-width: 74px;
    max-width: 74px;
    height: 74px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
  }
  .rich_udrlist_sp .header_gNav_udrlist_detail_img img {
    height: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}


/* ==========================================
ヘッダーフォーム
========================================== */
.header_form_box{
	padding: 85px 20px 20px;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(39,42,64,0.50);
	display: none;
}
.header_form_box p.mv_form_box_comment{
	max-width:1190px;
	margin:0 auto;
	color:#fff;
	font-size:12px;
	text-align: right;
	padding-top:5px;
}
.header_form_box .header_form_box_inner{
	width: 100%;
	max-width: 1540px;
	margin: auto;
	display: flex;
	justify-content: center;
	gap: 20px;
}
.header_form_box .header_form_box_ttl_pc{
	display: inline-block;
	float: left;
	font-size: 158%;
	font-weight: normal;
	font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
	color: #fff;
	text-align: center;
	padding-top: 30px;
}
.header_form_box .header_form_box_ttl_pc span{
	font-size: 86%;
	display: block;
}
.header_form_box .header_form_box_ttl_sp{display: none;}


@media only screen and (max-width: 1400px) {
	.header_form_box{
		padding: 20px 15px;
	}
	.header_form_box .header_form_box_inner{
		display: block;
	}
	.header_form_box .header_form_box_ttl_pc {
		font-size: 156%;
		float: none;
		padding:0;
	}
	.header_form_box .header_form_box_ttl_pc span{
		display: inline-block;
		padding-left: 5px;
	}
}
@media only screen and (max-width: 768px) {
	.header_form_box{
		padding: 0 0 30px;
		position: fixed;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		background: rgba(0,0,0,0.95);
		z-index: 60;
	}
	.header_form_box p.mv_form_box_comment{
		width:100%;
		padding:0;
		text-align:center;
	}
	.header_form_box .header_form_box_ttl_pc {display: none;}
	.header_form_box .header_form_box_ttl_sp{
		display: block;
		color: #fff;
		font-weight: normal;
		text-align: center;
		font-size: 86%;
		padding: 15px 0;
		background: rgba(0,0,0,0.50);
		width: 100%;
	}
}

/*タブメニュー*/
.header_form_box_tabbox{
	float: right;
	display: flex;
	width: 100%;
}
.header_form_box_tabbox .header_tab_menu{
	float: left;
	width: 150px;
}
.header_tab_menu:has(#header_tab_list > #header_tab1){
	width: 150px;
}
@media only screen and (max-width: 768px) {
	.header_tab_menu:has(#header_tab_list > #header_tab1){
		width: 100%;
	}
}

.header_form_box_tabbox .header_tab_menu #header_tab_list li,.header_form_box_tabbox .header_tab_menu .tab_event{
	width: 100%;
	height:49px;
	line-height: 49px;
	background:#663E41;
	border-left:4px solid #663E41;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 	
	border-left:4px solid #663E41;
}
.header_form_box_tabbox .header_tab_menu #header_tab_list li i,.header_form_box_tabbox .header_tab_menu .tab_event i{
	font-size: 165%;
    padding-left: 17px;
    margin-right: 5px;
	vertical-align: middle;
}
.header_form_box_tabbox .header_tab_menu #header_tab_list li:nth-child(2) i{font-size: 115%}
.header_form_box_tabbox .header_tab_menu .tab_event i{font-size: 136%; padding-left: 20px;}
.header_form_box_tabbox .header_tab_menu #header_tab_list li.is_active{
	background:#4B1C20;
	border-left:4px solid #B49859;
}
.header_form_box_tabbox .header_tab_menu #header_tab_list li.is_active a{
	color: #B49859;
}
.header_form_box_tabbox .header_tab_menu #header_tab_list li a,.header_form_box_tabbox .header_tab_menu .tab_event a{
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	color: #fff;
	font-size: 86%;
	text-decoration: none;
}

/*タブ内設定*/
.header_form_box_content{
	width: 100%;
	flex: 1;
	height: auto;
	background: #4B1C20;
	float: left;
	color: #fff;
	padding: 6px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.header_form_box_content .header_form_box_tourplan{
	display: flex;
	gap: 5px;
	border-left: none;
  border-top: 1px solid #A58D8F;
  flex-direction: row;
  padding: 15px 0 0 0;
  width: 100%;
  margin-top: 0;
}
.header_form_box_content .header_form_box_tourplan.sp{
	display: none;
}
.header_form_box_content_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 5px 10px;
}
.header_form_box_tourplan > a{
  display: flex;
  justify-content: center;
  gap: 15px;
  width: 100%;
  min-width: 250px;
  background-color: #663E41;
  border-radius: 3px;
  padding: 12px 20px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
.header_form_box_tourplan > a > img{
  width: 53px;
}
.header_form_box_tourplan > a:hover{
  background-color: #77484C;
}
@media only screen and (max-width: 1400px) {
	.header_form_box_tabbox {
		display: flex;
		float: none;
	}
	.header_form_box_tabbox .header_tab_menu{
		float: none;
	}
	/*タブ内設定*/
	.header_form_box_content{
		width: 100%;
		height: auto;
		float: none;
	}
}
@media only screen and (max-width: 768px) {
	.header_form_box_tabbox {
		display: block;
		float: none;
	}
	.header_form_box_tabbox .header_tab_menu{
		width: 100%;
		display: flex;
	}
	.header_form_box_tabbox .header_tab_menu #header_tab_list li,.header_form_box_tabbox .header_tab_menu .tab_event{
		width: 100%;
		height:50px;
		line-height: 50px;
		border-top:4px solid #663E41;
		border-left:0;
		box-sizing: content-box;
	}
	.header_form_box_tabbox .header_tab_menu #header_tab_list li a,.header_form_box_tabbox .header_tab_menu .tab_event a{
		font-size: 129%;
		font-weight: bold;
		text-align: center;
	}

	.header_form_box_tabbox .header_tab_menu #header_tab_list{
		display: flex;
		width: 33.3%;
	}
	.header_form_box_tabbox .header_tab_menu .tab_event{
		width: 33.3%;
		flex: 1;
	}
	.header_form_box_tabbox .header_tab_menu #header_tab_list li i,.header_form_box_tabbox .header_tab_menu .tab_event i{
		display: none;
	}
	.header_form_box_tabbox .header_tab_menu #header_tab_list li.is_active{
		border-left:0;
		border-top:4px solid #B49859;
	}
	.header_form_box_content{
		padding: 15px 15px 50px;
	}
	.header_form_box_content_wrap{
		justify-content: center;
	}
	.header_form_box_content .header_form_box_tourplan.pc{
		display: none;
	}
	.header_form_box_content .header_form_box_tourplan.sp{
		display: flex;
		flex-direction: column;
		padding-top: 20px;
		border-top: 1px solid #fff;
		width: 100%;
	}
}




/*レストランタブ*/
#header_tab_restaurant{
	padding: 15px;
	position: relative;
}
.header_form_box_content .restaurant_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
      margin-top: 20px;
}
.header_form_box_content .restaurant_list li{
	width: 24.5%;
	margin: 0.5% 0.25%;
	vertical-align: top;
	font-size: 93%;
}
.header_form_box_content .restaurant_list li a{
	background: #663E41;
  text-align: center;
	color: #fff;
	display: block;
	width: 100%;
	border-radius: 3px;
	position: relative;
      padding: 22px 20px 22px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
}
.header_form_box_content .restaurant_list li a:after{
	content: "\e902";
    font-family: hotelicon;
    position: absolute;
    right: 10px;
    font-size: 72%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5em;
}
.header_form_box_content .restaurant_list li a:hover{
	background: #74757d;
	text-decoration: none;
}
#header_tab_restaurant .submit_btn{
	position: absolute;
    right: 15px;
    bottom: 17px;
}
#header_tab_restaurant .submit_btn .cancel_btn{
	text-align: right;
	margin-top: 4px;
	font-size: 86%;
}
#header_tab_restaurant .submit_btn .cancel_btn i{
	font-size: 122%;
}
#header_tab_restaurant .submit_btn .cancel_btn a{
	color: #ccc;
	margin-right: 5px;
	text-decoration: none;
}
#header_tab_restaurant .submit_btn .cancel_btn a:hover{
	text-decoration: underline;
}
@media only screen and (max-width: 768px) {
	.header_form_box_content .restaurant_list{
		justify-content: space-between;
	}
	.header_form_box_content .restaurant_list li{
		width: 49.5%;
		margin: 0.5% 0;
		font-size: 115%;
	}
	.header_form_box_content .restaurant_list li:nth-child(1),
	.header_form_box_content .restaurant_list li:nth-child(2),
	.header_form_box_content .restaurant_list li:nth-child(3){
		width: 100%;
	}
	#header_tab_restaurant .submit_btn{
		position: static;
	}
}

/* コロナウイルス対策のお知らせ時、追加・終息後削除
---------------------------------------------------------- */
.header{
	/* padding-top:34px; */
}
.important_notices{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:34px;
	font-size:14px;
	text-align:center;
	padding:6px 0px 4px 10px;
	border-bottom:solid 1px #aaa;
	background-color:#fff;
}
.important_notices .kai{
	display:none;
}
.header .header_subNav{
	/* top:34px; */
	z-index:72!important;
}
.header_form_box{
	top:34px!important;
	z-index:71!important;
}
.header .header_inner > div, .header .header_inner h1{
	z-index:69!important;
}
@media only screen and (max-width: 870px) {
	.important_notices .kai{
		display:block;
	}
	.header{
		/* padding-top:64px; */
	}
	.important_notices{
		height:58px;
	}
	.header .header_subNav{
		top:58px;
	}
	.header_form_box{
		top:57px!important;
	}
}
@media only screen and (max-width: 768px) {
	.header{
		top:0!important;
		position:relative!important;/*styl.cssの上書き*/
	}
	.important_notices{
		font-size:11px;
		height:46px;
	}
	.main_visual{
		margin-top: -50px;
	}
	.main_visual #top_big_slide{
		height:260px;
	}
	.header_form_box{
		top:0!important;
	}
}
/*
@media only screen and (max-width: 600px) {
	.important_notices .kai{
		display:none;
	}
}
*/
@media only screen and (max-width: 359px) {
	.header{
		padding-top:80px;
	}
	.important_notices{
		height:60px;
	}

}

/* コロナ終息後～ここまで削除↑
---------------------------------------------------------- */


/* ==========================================
コンテンツ
========================================== */
.contents{
	padding: 20px 0 0;
	min-width: 1200px;
}
.contents_inner{
	width: 1200px;
	margin: auto;
}
@media print{
  .contents,
  .contents_inner{
    width: 100%;
    min-width: 100%;
  }
}

.contents_gray{
  background: #F8F8F8;
  padding: 60px 0;
}
.contents_gray_inner{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.contents_gray_inner .mod_list_type02{
  margin-top: 0;
  /*margin-bottom: 60px;*/
}

@media only screen and (max-width: 1200px) {
  .contents{
    min-width: 100%;
  }
  .contents_inner{
    width: 100%;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .contents_gray{
    background: #F8F8F8;
    padding: 20px 0;
  }
  .contents_gray_inner .mod_list_type02{
    margin-bottom: 20px;
  }
}


/* ==========================================
フッター
========================================== */
.page_top{
	position: fixed;
    right: 0;
    bottom: 0;
  display: none;
}
.page_top a{
	display: inline-block;
	background: #BA9C5A;
	width: 60px;
	height: 60px;
	font-size: 300%;
	text-align: center;
	line-height: 60px;
	color: #fff;
}
.page_top a:hover{
	background: #D3B777;
}

.footer{
	position: relative;
	padding: 55px 0;
	background: #4B1C20;
	color: #fff;
	min-width: 1200px;
}

.footer .footer_inner{
	width: 1200px;
	margin: auto;
}
@media print{
  .footer,.footer .footer_inner{
    min-width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
.footer{
	min-width: 100%;
}
.footer .footer_inner{
	width: 100%;
	padding: 0 15px;
}
}

.footer nav{
	margin-bottom: 65px;
}
.footer nav ul{
	text-align: center;
	font-size: 86%;
	text-align: center;
}
.footer nav ul li{display: inline-block;}
.footer nav ul li:before{
	content: "|";
}
.footer nav ul li:first-child:before{
	display: none;
}
.footer nav ul li a{
	color: #fff;
	padding:0 5px;
}

.footer_detail_box{
	display: flex;
  justify-content: center;
}

.footer_detail_box .detail{
	width: 50%;
  max-width: 530px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.footer_detail_box .detail h2{
	margin-bottom: 65px;
  text-align: center;
	width: 100%;
}
.footer_detail_box .detail h2 img{
	width: 100%;
  max-width: 390px;
}
.footer_detail_box .detail .detail_inner{
	display: flex;	
}
.footer_detail_box .detail .contact{
	font-style: normal;
	font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
	margin-right: 20px;
	width: 50%;
}
.footer_detail_box .detail .contact h3{
	font-weight: normal;
	font-size: 136%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #BA9C5A;
	display: none;
}
.footer_detail_box .detail .contact .tel{
	font-size: 165%;
	letter-spacing: 0;
}
.footer_detail_box .detail .contact a{
	color: #fff !important;
}
.footer_detail_box .detail .contact .tel sub{
	font-size: 40%;
}
.footer_detail_box .detail .contact .add{
	font-size: 12px;
	line-height: 1.5;
}
.footer_detail_box .detail .contact table{
	background: #54282c;
	width: 100%;
	margin-top: 10px;
}
.footer_detail_box .detail .contact table th,.footer_detail_box .detail .contact table td{
	padding: 10px;
	font-weight: normal;
}
.footer_detail_box .detail .contact table th{
	font-size: 72%;
	text-align: right;
	width: 43%;
}
.footer_detail_box .detail .contact .link_tel_sp span{
  font-size: 10px;
}
.footer_detail_box .detail .contact .link_tel_sp i{
  font-size: 11px;
  margin-right: 6px;
}
.footer_detail_box .detail .detail_link_btn{
	width: 50%;
}
.footer_detail_box .detail .detail_link_btn li{
	margin-bottom: 10px;
	line-height: 1;
}
.footer_detail_box .detail .detail_link_btn li a{
	color: #fff;
	border-radius: 3px;
	border: 1px solid #707070;
	display: block;
	padding: 10px 20px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.footer_detail_box .detail .detail_link_btn li:first-child a{
	background: #88353C;
	border: 0;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(2) a{
	padding: 10px 15px 10px 10px;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(2) a img{
	margin-right: 5px;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(3) a{
	font-family:"Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
	font-size: 136%;
}


.footer_detail_box .detail .detail_link_btn li a:hover{text-decoration: none;}
.footer_detail_box .detail .detail_link_btn li a:after{
	content: "\e902";
    font-family: hotelicon;
    position: absolute;
    font-size: 68%;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
}
.footer_detail_box .detail .detail_link_btn li.link_toGroup a:after{
	content: "\e902";
    font-family: hotelicon;
    font-size: 55%;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
}


.footer_detail_box .link_area{
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.footer_detail_box .link_area ul{
	margin-bottom: 5px;
	letter-spacing: -0.4em;
}
.footer_detail_box .link_area li{
	display: inline-block;
	letter-spacing: 0;
	padding:0 5px;
	border-right: 1px solid #fff;
	line-height: 1;
}
.footer_detail_box .link_area li:first-child{
	border-left: 1px solid #fff;
    min-width: 80px;
    padding: 0 10px;
}
.footer_detail_box .link_area li a{
	color: #fff;
	font-size: 72%;
}
.footer_detail_box .detail .detail_link_btn span {
    font-family: "Times New Roman" , "游明朝体", "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","HG明朝E", "Hiragino Mincho Pro", "serif";
}
.footer_detail_box .link_area .group_list li{border: 0; padding: 0 5px 0 0; display: inline;}

/*20190318追加*/
.footer_detail_box .detail .detail_link_btn i {
font-style:normal;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(n+4) a {
border: 0;
padding-left: 0;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(n+4) a:hover {
text-decoration: underline;
}
.footer_detail_box .detail .detail_link_btn li:nth-child(n+4) a:after{
display: none;
}
/*20190318追加ここまで*/


.foot_sns_link{
	text-align: center;
	margin: 40px 0;
}
.foot_sns_link li{
	padding: 0 10px;
	display: inline-block;
}
.foot_sns_link li a{
	font-size: 129%;
	color: #fff;
}

.footer .copyright{
	text-align: center;
	font-size: 72%;
}


@media only screen and (max-width: 768px) {
	.footer {
		padding: 0 0 56px;
	}
	.footer .footer_inner{
		padding: 0;
	}

	
	.footer nav ul {
		font-size: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.footer nav ul li {
		display:block;
		width: 50%;
		border-bottom: 1px solid transparent;
	}
	.footer nav ul li.pc_only{
		display: none;
	}

	.footer nav ul li a {
		padding: 15px 5px;
		display: block;
		width: 100%;
		background: #60282D;
	}
	.footer nav ul li:before{
		display: none;
	}
	.footer nav ul li:nth-child(odd) {
		border-right: 1px solid transparent;
	}
	
	
	
	.footer_detail_box {
		display: block;
	}
	.footer_detail_box .detail,
	.footer_detail_box .link_area{
		width: 100%;
		padding: 0;
    max-width: none;
	}
	
	.footer_detail_box .detail{
		border-right: 0;
		padding:0 15px;
	}
	.footer_detail_box .detail .detail_inner{
		display: block;
	}
	.footer_detail_box .detail .contact{
		width: 100%;
		text-align: center;
	}
	.footer_detail_box .detail .contact h3 {
		padding-bottom: 3px;
		margin-bottom: 0;
		border-bottom:0;
		display: block;
	}
	.footer_detail_box .detail .contact .contact_sp{
		background: #5b3034;
		border: 1px solid #fff;
		padding: 15px;
	}
	.footer_detail_box .detail .contact .add{
		font-size: 86%;
		padding-top: 20px;
    padding-bottom: 10px;
	}
	.footer_detail_box .detail .contact .add br{
		display: none;
	}
	
	.footer_detail_box .detail .detail_link_btn{
		width: 100%;
		margin-top: 20px;
	}
	.footer_detail_box .detail .detail_link_btn li a{
		padding: 19px 20px;
	}
	.footer_detail_box .detail .detail_link_btn li:nth-child(2) a {
    padding: 16px 15px 16px 20px;
  }
	.footer_detail_box .link_area{
		background: #2C2E3A;
		padding: 15px;
	}
	.footer_detail_box .link_area ul{
		display: none;
	}
	.footer_detail_box .link_area .group_list{
		display: flex;
		justify-content: space-between;
	}
	.footer_detail_box .link_area .group_list li{
		display: block;
	}
	.footer_detail_box .link_area .group_list li img{
		width: 100%;
	}

	
	
	.foot_sns_link{
    margin-bottom: 0;
    margin-top: 20px;
  }


	.footer .copyright_sp{
		/*padding-top: 20px;*/
		display: table;
		width: 100%;
	}
	.footer .copyright_sp .copyright{
    text-align: left;
    padding: 0 0 0 15px;
	}
	.footer .copyright_sp .spDisNon{
		display: none;
	}
	.footer .copyright {
		display: table-cell;
		vertical-align: middle;
	}
	.page_top {
		position: static;
		width: 60px;
		display: table-cell;
	}
}

/* ==========================================
remodal
========================================== */
.remodal img{
  width: 100%;
}
/* ==========================================
clearfix
========================================== */
.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}


.contents_gray_inner {
  
}

/* ==========================================
GDPR表示
========================================== */
.gdpr_msg{
    position:fixed;
    bottom:0;
    background:#F1F1F1;
    color:#333;
    padding:20px 0;
    z-index:201;
    width:100%;
    display:none;
}
.gdpr_msg_wrap{
    max-width:720px;
    margin:0 auto;
}
.gdpr_msg_wrap .desc{
    display: flex;
    justify-content: space-between;
    font-size:14px;
    margin-bottom:15px;
}
.gdpr_msg_wrap .desc p a{
    color:#AA0D0D;
    text-decoration: underline;
}
.gdpr_msg_wrap .desc p a:hover{
    opacity: 0.8;
}
.gdpr_msg_wrap .desc div.col{
    display: flex;
    text-align: center;
}
/*.gdpr_msg_wrap .desc .col .cookiePolicy{
    display: inline-block;
    line-height:40px;
    vertical-align: middle;
    font-size:12px;
    color:#333961;
}
.gdpr_msg_wrap .desc .col .cookiePolicy::before{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #333961;
    margin-right:7px;
}*/
.gdpr_msg_wrap .desc .col .agreeBtn{
    background:#333961;
    color:#fff;
    font-size:16px;
    display: inline-block;
    width:213px;
    height:54px;
    line-height:54px;
    border-radius:6px;
    margin:0 auto;
}
.gdpr_msg_wrap .desc .col .agreeBtn:hover{
    opacity:0.8;
    text-decoration: none;
}
.gdpr_msg_wrap .desc_config{
    display: flex;
    justify-content: space-between;
    font-size:12px;
    background:#fff;
    padding:10px;
    text-align: center;
}
.gdpr_msg_wrap .desc_config:hover{
    text-decoration: none;
    opacity:0.8;
}
.gdpr_msg_wrap .desc_config p{
    color:#333961;
}
.gdpr_msg_wrap .desc_config span{
    position:relative;
    padding-right:30px;
}
.gdpr_msg_wrap .desc_config span::after{
    content: "\e902";
    font-family: hotelicon;
    font-size: 74%;
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    transition:.3s;
}
.gdpr_msg_wrap .desc_config:hover span::after{
    right:10px;
}

@media only screen and (max-width: 768px) {
    .only_pc{
        display: none;
    }
    .gdpr_msg{
        padding:18px;
        letter-spacing: 0;
    }
    .gdpr_msg_wrap .desc{
        display: block;
    }
    .gdpr_msg_wrap .desc p{
        margin-bottom:15px;
    }
    .gdpr_msg_wrap .desc div.col{
        padding:0 0 8px 0;
    }
    .gdpr_msg_wrap .desc_config{
        display: block;
        padding:10px;
    }
    .gdpr_msg_wrap .desc_config p{
        text-align: left;
        margin-bottom: 5px;
    }
}