@charset 'utf-8';

body, input { font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
a {color: #000;}

/* トップ */
#main1anim_before { position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; }
#main1anim_after { position: absolute; z-index: 0; top: 0; left: 0; right: 0; margin: auto; }
#main2anim_before { position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; }
#main2anim_after { position: absolute; z-index: 0; top: 0; left: 0; right: 0; margin: auto; }
#footer_reservation { z-index: 2; }

.topInfoTxt { text-align: center; margin: 2% 0;}
.topInfoTxt-inner { background-color: #fff; color: #000; font-size: 15px; text-align: center; padding: 2%; border:solid 2px #f00; display: inline-block; box-sizing: border-box; }

.omotenashi_omimai {text-align: center; font-size: 2em; padding: 3% 0 0 0; display: none;}
.blue a{color: blue; }
.anniversary1th {position: absolute;top: 40%;left: 0;right: 0;z-index: 10;bottom: 0; height: 169px;margin: auto; width: 1049px;}

#bnr_headertop { width: 100%; text-align: center; /*background-color: #ae9451;*/ background: linear-gradient(#1f305c, #647196); background: -webkit-linear-gradient(#1f305c, #647196); padding: 0 15px 0; box-sizing: border-box; }
#bnr_headertop a { padding: 12px 0 10px; line-height: 1.2; display: block; color: #FFF; font-size: 1.8em; font-family: 'Times','Times New Roman','ヒラギノ明朝 ProN W3','HiraMinProN-W3','HG明朝B','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',serif; }

iframe{width:100%;}
.iframebox{width:890px;float:right;}
@media screen and (max-width: 1200px) {
.iframebox{width:90%;float:none;margin:0 auto;}
#footer_reservation_inner{width:100%;}
}

.omotenashi_ttl { font-size: 30px; text-align: center; overflow: hidden;}
.omotenashi_ttl span {position: relative; opacity: 0;}

.omotenashi_ttl:before {width: 0; transition: 2s width ease-in-out;}
.omotenashi_ttl.show {position: relative; }
.omotenashi_ttl.show:before {width: 100%; content: ''; position: absolute; top: 47px; right: 0; bottom: 0; left: 0; height: 1px; margin: auto; -webkit-transition: .5s ease; transition: .5s ease; background: -webkit-radial-gradient(center circle,#000 60%,#fff 100%); background: radial-gradient(circle at center,#000 60%,#fff 100%);}

.omotenashi_weather_wrapper { visibility: hidden;  opacity:0; background-color: #fff; padding-bottom: 20px;}
.omotenashiAccessImgWrapper {visibility: hidden; opacity:0; }

.omotenashi_weather {width: 100%; font-size: 12px; background-color: #fff; table-layout: fixed;}
.omotenashi_weather th{ background-color: #000; color:#fff; padding: 5px 0;}
.omotenashi_weather th:first-of-type{ border-right: solid 1px #fff;}
.omotenashi_weather td:first-of-type{ border-right: dashed 1px #000;}
.omotenashi_txt { font-family: 'Meiryo', 'メイリオ', sans-serif; font-size: 14px; padding: 20px 20px 0;}

.omotenashi_links li {font-family: 'Meiryo', 'メイリオ', sans-serif; letter-spacing: 1px; float: left; font-size: 11px; margin-right: 30px;}
.omotenashi_links a { display: block; }
.omotenashi_access_btn { background-color: #818181; color:#fff; padding: 5px 15px 5px 25px;}
.omotenashi_link_txt {padding: 5px 15px 5px 0;}

.omotenashi_access_btn span { position: relative; }
.omotenashi_access_btn span:before { content: ''; background: url(../img/icon/arrow/arrow_white.png)no-repeat; width: 4px; height: 7px; -webkit-background-size: contain;
background-size: contain; position: absolute; top: 5px; left: -11px;}

.omotenashi_link_txt span { position: relative; }
.omotenashi_link_txt span:before { content: ''; background: url(../img/icon/arrow/arrow_black.png)no-repeat; width: 4px; height: 7px; -webkit-background-size: contain;
background-size: contain; position: absolute; top: 5px; left: -11px; }

.omotenashi_weather { font-family: 'Meiryo', 'メイリオ', sans-serif; text-align: center;}
.omotenashi_weather .lastAnnounce { letter-spacing: 1px; color:#9997a3; font-size: 10px; font-weight: normal; margin-bottom: 20px;}
.omotenashi_weather .temperature { color:#9997a3; }
.omotenashi_weather .separation { display: inline-block; margin: 0 4px; font-size: 12px; color:#9997a3;}
.omotenashi_weather td { padding: 20px 25px; font-weight: bold;}

.omotenashi_weather .high {color:#ff663f; font-size: 14px;}
.omotenashi_weather .low { color:#3399ff; font-size: 14px; }

/* 館内案内 クリッカブルマップ */
#map_contents { position: relative; }
.map_img { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.balloon_contents { position: absolute; top: 0; left: 0; display: block; display: none;padding: 1.5%; border: solid 1px #000; background-color: #fff; }
.balloon_contents a { color: #000 ; }

.balloon_ttl {font-size: 18px;  display: block; margin-bottom: 3%; }
.balloon_txt {font-size: 14px; display: block; }
.balloon_link .balloon_ttl{ border-bottom: 1px solid #000; }

.mainimg { padding-top: 80px; }

.mainimg1txt { position: absolute; z-index: 5; top: -20%; right: 0; bottom: 0; left: 0; width: 400px; height: 50px; margin: auto; color: white; text-shadow: 2px 2px 5px #000; }
.mainimg1txt .ja { font-size: 25px; }
.mainimg1txt .en { font-size: 15px; text-align: center; letter-spacing: 1px; }

.mainimg2txt { position: absolute; z-index: 5; top: 85px; right: 0; left: 0; width: 550px; height: 50px; margin: auto; color: white; text-shadow: 2px 2px 5px #000; }
.mainimg2txt .ja1 { font-size: 25px; margin-bottom: 20px; }
.mainimg2txt .ja2 { font-size: 14px; margin-bottom: 30px; }
.mainimg2txt .en { font-size: 14px; text-align: center; letter-spacing: 1px; }

.mainimg3txt { position: absolute; z-index: 5; top: -10px; right: 0; bottom: 0; left: 0; width: 460px; height: 50px; margin: auto; color: white; text-shadow: 2px 2px 2px #000; }
.mainimg3txt .ja { font-size: 35px; letter-spacing: 3px; }
.mainimg3txt .en { font-size: 15px; text-align: center; letter-spacing: 1px; }

/* 読み込み前の目隠し */
#preloader, #preloader_normal, #preloader_logo { position: fixed; z-index: 3000; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }
#preloader_logo { background: #fff url('../img/preloader/logo.png') no-repeat center / 15%; }

.contents_outer2 { margin-bottom: 5%; }
.contents_inner { width: 970px; margin: 0 auto; }

.gnav_outer { position: fixed; z-index: 6; top: 0; left: 0; width: 100%; -webkit-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out; opacity: 1; background-color: #fff; box-shadow: 0 6px 40px #333; }
.gnav_outer.fixed { opacity: .8; }

/* グローバルナビ */
#gnav #gnav_logo a { width: 107px; height: 44px; padding: 18px 0; background: url('../img/gnav/logo.png')no-repeat left; background-size: contain; }
/* #gnav #gnav_logo { width: 16%; }
#gnav li { float: left; width: 14%; text-align: center; } */
#gnav a { font-size: 14px; font-weight: bold; display: block; padding: 29px 20px; -webkit-transition: background-color .5s ease-in-out,opacity .5s ease-in-out; transition: background-color .5s ease-in-out,opacity .5s ease-in-out; letter-spacing: 2px; color: #030202; }
#gnav li:nth-child(2) { margin-left: 20px ; }
#gnav li:last-child { margin-right: -20px; }

#gnav { margin: 0 auto; display: flex;
	justify-content: center;
	gap: 2rem;}
#gnav a:hover { background-color: #eee; }

.gnav2_outer { width: 100%; background-color: #000; }
#gnav2 { width: 1400px; margin: 0 auto; display: flex;
	justify-content: center; }
#gnav2 li { float: left; width: 20%; text-align: center; }
#gnav2 a { font-size: 16px; display: block; padding: 25px 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; color: #fff; background-color: #000; }
#gnav2 a:hover { text-shadow: 0 0 5px #fff, 0 0 10px #fff,0 0 20px #fff,0 0 20px #fff,0 0 30px #fff,0 0 50px #fff,0 0 60px #fff; }
#pc-lang {color:white; display:block;padding: 10px 40px; position: absolute; top: 0; right: 2px; display: flex; flex-direction: column; justify-content: center;}
#lang-button{font-size:17px;color: white; z-index: 10; }
#lang-button::after{
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	border-top: 0.2rem solid #fff;
	border-right:0.2rem solid #fff ;
	transform: rotate(135deg);
  position:absolute;
	top:1rem;
	right:-1.5rem;
	order: 1;
	text-decoration: underline;
}
.lang-list ul li{padding: 5px;}
.lang-list ul li a{font-size:17px;color: white;}
.lang-list ul li a:hover{color: #FFD700;}
.lang-close{display: none;}
.ttl1 { font-size: 30px; letter-spacing: 3px; }
#ttl1Anim_1 { visibility: hidden; opacity: 0; }
#ttl1Anim_2 { position: relative; overflow: hidden; }
#ttl1Anim_2 span { position: relative; top: 20px; opacity: 0; }
#ttl1Anim_3 { font-size: 14px; opacity: 0; }
#ttl1Anim_4 { position: absolute; top: 20px; right: 0; bottom: 0; left: 0; width: 0; height: 1px; margin: auto; -webkit-transition: .5s ease; transition: .5s ease; background: -webkit-radial-gradient(center circle,#000 60%,#fff 100%); background: radial-gradient(circle at center,#000 60%,#fff 100%); }

/*.ttl1Anim_4 { width: 100%; height:1px; background: radial-gradient(circle at center,#000 60%,#fff 100%); }*/

.ttl2 { font-size: 25px; }

.ttl3 { position: relative; width: 50%; margin: 0 auto; padding: 5% 0; }
.ttl3:before, .ttl3:after { position: relative; top: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; background: -webkit-radial-gradient(center circle,#000 60%,transparent 100%); background: radial-gradient(circle at center,#000 60%,transparent 100%); }
.ttl3:after { top: auto; bottom: 0; }
.ttl3.white:before, .ttl3.white:after { background: -webkit-radial-gradient(center circle,#FFF 60%,transparent 100%); background: radial-gradient(circle at center,#FFF 60%,transparent 100%); }
.ttl3_contents { padding: 10% 0; }
.ttl3_contents_left { float: left; }
.ttl3_contents_right { float: right; }

.ttl4_wrap { padding-bottom: 10%; }
.ttl4 { position: relative; padding: 5%; background-color: rgba(0,0,0,.8); }

.ttl4 .txt { font-size: 30px; }

.ttl4:before { position: absolute; top: 25px; left: -320px; width: 350px; height: 370px; content: ''; }

.ttl4.kappou:before { background: url('../../restaurant/img/kappou/bg/chef.jpg') no-repeat left; background-size: cover; }
.ttl4.banya:before { background: url('../../restaurant/img/banya/bg/tenpo.jpg') no-repeat left; background-size: cover; }
.ttl4.keyaki:before { background: url('../../restaurant/img/keyaki/bg/tenpo.jpg') no-repeat left; background-size: cover; }
.ttl4.bistro:before { background: url('../../restaurant/img/bistro/bg/chef.jpg') no-repeat left; background-size: cover; }
.ttl4.kunitake:before { background: url('../../restaurant/img/kunitake/bg/ph03.jpg') no-repeat left; background-size: cover; }
.ttl4.surlacote:before { background: url('../../restaurant/img/surlacote/bg/ph03.jpg') no-repeat left; background-size: cover; }

.ttl4.bar:before { background: url('../../restaurant/img/bar/bg/chef.jpg') no-repeat left; background-size: cover; }

.ttl5 { position: relative; width: 50%; margin: 0 auto; }
.ttl5:before, .ttl5:after { position: relative; top: 0; left: -70px; display: block; width: 140%; height: 1px; content: ''; background: -webkit-radial-gradient(center circle,#000 60%,transparent 100%); background: radial-gradient(circle at center,#000 60%,transparent 100%); }
.ttl5:after { top: auto; bottom: 0; }

.ttl6 { position: relative; width: 70%; margin: 0 auto; }
.ttl6:after { position: relative; top: 1rem; left: 0; display: block; height: 1px; content: ''; background: -webkit-radial-gradient(center circle,#000 60%,transparent 100%); background: radial-gradient(circle at center,#000 60%,transparent 100%); }
.ttl6 .txt { font-size: 30px; text-align: center; }
.ttl6 .txt-en { font-size: 14px; text-align: center; }

.fadein_anim1, .fadein_anim2 { opacity: 0; }

.under_line { position: relative; }
.under_line:before { position: absolute; top: 0; right: 0; bottom: -25px; left: 0; width: 0; height: 1px; margin: auto; content: ''; -webkit-transition: width .6s ease-in-out; transition: width .6s ease-in-out; background-color: #030202; }
.under_line:hover:before { width: 100%; }

.highright { -webkit-transition: opacity .3s ; transition: opacity .3s ; }
.highright:hover { opacity: .5 !important; }
.highlight { -webkit-transition: opacity .3s ; transition: opacity .3s ; }
.highlight:hover { opacity: .5 !important; }

.tline_r { text-align: right; }
.tline_c { text-align: center; }

#footer { font-family: meiryo,sens-serif; padding-top: 50px; padding-bottom: 160px; color: #4c4c4c;}
#footer a { color: #4c4c4c; }
/*#footer .gahama_terrace_logo { display: block; width: 172px; height: 72px; background: url('../img/footer/logo/gahama_terrace.png')no-repeat ; background-size: cover; }*/
#footer .gahama_terrace_logo { display: block; width: 200px; height: 72px; background: url('../img/footer/logo/gahama_terrace.png')no-repeat ; background-size: contain; }
#footer_nav { width: 720px; margin: 0 auto; }
#footer_nav li { float: left; margin-right: 12px;  }

#footer .facebook { display: block; width: 22px; height: 22px; -webkit-transition: background-image .8s ease-in-out; transition: background-image .8s ease-in-out; background: url('../img/footer/logo/facebook/off.png') no-repeat; background-size: cover; }
#footer .facebook:hover { background-image: url('../img/footer/logo/facebook/on.png'); }

#footer .instagram { display: block; width: 26px; height: 26px; -webkit-transition: background-image .8s ease-in-out; transition: background-image .8s ease-in-out; background: url('../img/footer/logo/instagram/off.png') no-repeat; background-size: cover; }
#footer .instagram:hover { background-image: url('../img/footer/logo/instagram/on.png'); }

#footer .seikai { display: block; width: 42px; height: 42px; -webkit-transition: background-image .8s ease-in-out; transition: background-image .8s ease-in-out; background: url('../img/footer/logo/seikai/off.png') no-repeat; background-size: cover; }
#footer .seikai:hover { background-image: url('../img/footer/logo/seikai/on.png'); }

#footer .shop { display: block; width: 42px;height: 42px; -webkit-transition: background-image .8s ease-in-out; transition: background-image .8s ease-in-out; background: url('../img/footer/logo/shop/logo.png') no-repeat; background-size: cover;  }
#footer .shop:hover { background-image: url('../img/footer/logo/shop/logocolor.png'); }

/* サブの空室検索・予約フォーム */
#sub_reservation { font-size: 90%; width: 220px; padding-bottom: 5px; background-color: #036; }
#sub_reservation_form { width: 210px; margin: 0 5px 0 5px; background: url(../js/sub_reservation/reservation_bg.gif) #fff center top; }
#sub_reservation_inner { margin: 0 15px; padding: 0; }
#sub_reservation_inner th, #sub_reservation_inner td { padding: 10px 0; }
#sub_reservation_inner th { border-bottom: 1px dotted #ccc; }

#footer_reservation_outer { position: fixed; z-index: 10; bottom: -80px; left: 0; box-sizing: border-box; width: 100%; height: 80px; border-top: 1px solid #000; background-color: #fff; }
#footer_reservation_inner { width: 1080px; margin: 0 auto; padding: 0; text-align: left; color: #000; }
#footer_reservation_inner table { margin-top: 24px; }
#footer_reservation_inner .ui-datepicker-trigger { padding: 3px; }


#footer_reservation_submit { font-size: 13px; display: block; width: 120px; height: 40px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; color: #fff; border: none; border-radius: 5px; background-color: #000; border:none; letter-spacing: 2px;}
#footer_reservation_submit:hover { opacity: .8; }

#footer_reservation_submit span { font-weight: bold; display: block; box-sizing: border-box; padding-left: 14px; text-align: center; background: url(../js/footer_reservation/ico_submit.png) no-repeat 25px center; font-size: 16px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_reservation_submit span { background-image: url(../js/footer_reservation/ico_submit@2x.png); background-size: 14px 14px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .ui-datepicker-trigger { width: 12px; height: 12px; } }

#footer_reservation_btn { width: 225px; height: 40px; margin: -41px auto 0 auto; }
#footer_reservation_btn a { display: block; width: 225px; height: 40px; background-image: url(../js/footer_reservation/footer_reservation_btn.png); }
#footer_reservation_btn a.en { display: block; width: 225px; height: 40px; background-image: url(../js/footer_reservation_en/footer_reservation_btn.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { #footer_reservation_btn a { background-image: url(../js/footer_reservation/footer_reservation_btn@2x.png); background-size: 100%; }
	#footer_reservation_btn a.en { background-image: url(../js/footer_reservation_en/footer_reservation_btn@2x.png); background-size: 100%; } }

/* ご宿泊テキストボックス、泊数のセレクトボックス部分 */
#hidSELECTARRYMD_footer, #hidSELECTHAKSU_footer { font-size: 16px; padding: 3px 0; cursor: pointer; border: solid 1px #ccc; }

.footer_reservation_ttl { float: left; width: 190px; height: 80px; box-sizing:border-box; padding: 5px 10px 0; background-color: #000;}
.footer_reservation_ttl .txt {color: #fff; font-size: 12px; text-align: center; letter-spacing: 1px; margin-bottom: 3px;}
.footer_reservation_number_days { float: left; width: 500px; margin-top: 22px; }

.loadging_contents {float: right; width: 890px;}
.loadging_contents.off,.airplane_contents.off{ opacity: 0; }
.airplane_contents {display: none; position: absolute; top: 0; left: 200px;}
.select_reservation_contents {height: 45px; float: left; transition:.3s all ease-out; cursor: pointer;}

.select_reservation_contents.loadging {width: 40%;}
.select_reservation_contents.airplane {width: 60%;}

/* .select_reservation_contents.on {} */
.select_reservation_contents.off { opacity: .3 }
.select_reservation_contents.off:hover { opacity: .6 }

.loadging_icon {width: 42px; height: 24px; margin: 0 auto 4px;}
.on .loadging_icon {background: url(../js/footer_reservation/select_reservation/on/loadging.png) no-repeat; -webkit-background-size: contain;background-size: contain;}
.off .loadging_icon {background: url(../js/footer_reservation/select_reservation/off/loadging.png) no-repeat; -webkit-background-size: contain;background-size: contain;}

.airplane_icon {width: 80px; height: 24px; margin:0 auto 4px;}
.on .airplane_icon { background: url(../js/footer_reservation/select_reservation/on/airplane.png) no-repeat; -webkit-background-size: contain;background-size: contain; }
.off .airplane_icon { background: url(../js/footer_reservation/select_reservation/off/airplane.png) no-repeat; -webkit-background-size: contain;background-size: contain; }



.select_reservation_contents .txt { text-align: center; font-size: 12px; }

#footer_reservation_submit_not { float: left; margin-top: 2px; }
/* ご宿泊 */
.footer_reservation_syukuhaku_day { display: block; float: left; margin: 5px 0 0 0; }
/* 年月日 */
#hidSELECTARRYMD_footer { margin: 0 5px 0 15px; }
/* 泊数 */
#hidSELECTHAKSU_footer { margin: 2px 0 0 30px; }
#footer_reservation_syukuhaku_day_wrap { margin-left: 30px; }
#footer_reservation_syukuhaku_day_wrap, #hidSELECTHAKSU_footer_wrap, #footer_reservation_haku_wrap { float: left;}
#footer_reservation_submit_btn { display: block; float: left; margin: 0 0 0 30px; }

.footer_reservation_syukuhaku_day, .footer_reservation_haku { font-size: 16px; font-weight: bold; }

.footer_reservation_haku { display: block; margin: 3px 0 0 5px; }

.footer_reservation_btns { float: right; width: 315px; margin: 10px 0 0 0; }
.footer_reservation_btns2 { float: left; width: 160px; margin: 10px 0 0 0; }
.footer_reservation_btns2 a { font-size: 13px; font-weight: bold; position: relative; display: block; padding: 5px 0 35px; text-align: center; letter-spacing: 2px; color: #000; border-radius: 3px; background-color: #ededed; }
.footer_reservation_btns .plan, .footer_reservation_btns .calender { float: left; width: 155px; }

.footer_reservation_btns2 a:before { font-family: FontAwesome; font-size: 18px; position: absolute; right: 0; bottom: 8px; left: 0; display: block; margin: auto; content: '\f072'; color: #7e7e7e; }

.footer_reservation_btns .cancel { font-size: 12px; display: block; }
.footer_reservation_btns .cancel a { font-weight: bold; position: relative; padding-left: 13px; letter-spacing: 2px; color: #000; }
.footer_reservation_btns .cancel a:before { position: absolute; top: 3px; left: 0; content: ''; border: solid 5px transparent; border-left: solid 5px #000; }
.footer_reservation_btns .cancel a:after { position: absolute; right: 0; bottom: -5px; left: 0; width: 0; height: 1px; margin: auto; content: ''; -webkit-transition: .5s width ease-in-out; transition: .5s width ease-in-out; background-color: #000; }
.footer_reservation_btns .cancel a:hover:after { width: 100%; }

.footer_reservation_btns .calender, .footer_reservation_btns .cancel { margin-left: 5px; }

#pc_page_top {position: fixed; right: 88px; bottom: 19px; width: 70px; height: 60px;  cursor: pointer; opacity: 0; border-top: solid 1px #000; border-right: solid 1px #000; border-left: solid 1px #000; background-color: #fff; }

#pc_page_top:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 30px; height: 17px; margin: auto; content: ''; background: url('../img/pc_page_top.png') no-repeat center; background-size: contain; }

.bbs1 { border-bottom: solid 1px #111; }

/* ボタンスタイル */
.btn1, .btn3 { font-size: 15px; display: block; padding: 20px 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; text-align: center; color: #fff; background-color: #000; }
.btn1:hover { opacity: .7; }

.btn3 { box-sizing: border-box; margin-left: 30px; padding: 10px 30px 10px 40px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border: solid 1px #000; }
.btn3:hover { color: #000; background-color: #fff; }
.btn3:hover span:before { border-left: 5px solid #000; }
.btn3 span { position: relative; }
.btn3 span:before { position: absolute; top: 5px; left: -15px; content: ''; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; border: 5px solid transparent; border-left: 5px solid #fff; }

/* 宿泊プランをみるボタン */
.btn5 {font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; display: block; padding: 10px 30px 15px; -webkit-transition: .5s opacity ease-in-out; transition: .5s opacity ease-in-out; color: #000; border: solid 1px #000; background-color: #fff; }
.btn5:hover { opacity: .6; }
.btn5_yoyaku a {padding:10px 0px;}
.btn5_txt_wrap { font-size: 16px; display: block; text-align: center;text-shadow: none; }
.btn5_txt_wrap 
.btn5_txt_wrap .ja { font-size: 14px; display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #4c4c4c; }
.btn5_txt_wrap .en { font-size: 25px; font-weight: bold; display: block; }

.btn6 { font-size: 15px; display: block; padding: 10px 30px 10px 40px; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; text-align: center; color: #fff; background-color: #2e6b8f; }
.btn6:hover { opacity: .7; }

.submit { border: 1px solid #000; padding: 20px !important; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif !important;}

/* tripla 予約検索モジュール */
#search-bar-container{ position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 99999; background:hsla(0,0%,100%,.9); padding: 15px 25px 25px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); border-radius: 4px; box-sizing: border-box;}
.search-widget-search-container-bf1818{ width: 1170px!important; background: none!important; padding: 0!important; box-shadow:none!important;  border-radius: 0!important; box-sizing: none!important; }
.input-container-input-container-da40af{ text-align: left!important; }
.input-container-input-container-da40af .input-container-title-db81ec { display: inline-block!important; }
.input-container-input-container-da40af .input-container-slot-239963 { display: inline-block!important; }

/* コンテンツ背景画像 */
.kappou_bg { background: url('../../restaurant/img/kappou/bg/img.png') no-repeat left; background-size: cover; }
.banya_bg { background: url('../../restaurant/img/banya/bg/img.png') no-repeat left; background-size: cover; }
.keyaki_bg { background: url('../../restaurant/img/keyaki/bg/img.png') no-repeat left; background-size: cover; }
.bistro_bg { background: url('../../restaurant/img/bistro/bg/img.png') no-repeat left; background-size: cover; }
.bar_bg { background: url('../../restaurant/img/bar/bg/img.png') no-repeat left; background-size: cover; }
.kunitake_bg { background: url('../../restaurant/img/kunitake/bg/img.jpg') no-repeat left; background-size: cover; }


.bgw { background-color: #fff; }
.bg1 { background-color: #f7f5f6; }

.sp1 td, th{ padding:3% !important;}
.sp2 td, th{ padding:5% !important;}
.sp3 td, th{ padding:7% !important;}

.type1 td, th, table { border-bottom:dotted 1px #B8B7B7; border:0px 0px 1px 0px !important;}
.type1 td { font-weight:bold;}

table.type2, table.type2 td, table.type2 th { border:none !important;}

.txt_black { color: black; }
.txt_white_bg{color: #FFF;padding: 10px 0;background: linear-gradient(180deg,rgba(38,20,8,0.4),rgba(38,20,8,0.6),rgba(38,20,8,0));}

.cf:before, .cf:after { display: table; content: ''; }
.cf:after { clear: both; }

.txt_hidden { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.reader { overflow: hidden; white-space: nowrap; text-indent: 100%; }

/* お問い合わせテーブル */
.contact, .contactBox form .tc { width: 960px; margin-right: auto; margin-left: auto; }
.contactBox form .contact .ttl { font-size: 120%; float: left; width: 40%; padding-right: 5%; text-align: right; }
.contactBox form .contact .textBox { font-size: 120%; float: left; width: 40%; text-align: left; }
.contactBox form .contact .textBox span { display: inline-block; min-width: 10%; }
.contactBox form .contact .textBox.small input { width: 30%; }

.contactBox form input, form textarea { padding: .1%; border: 1px solid #e4e4e4; box-shadow: -1px -1px 1px #f7f7f7; }
.contactBox { width: 960px; margin-right: auto; margin-left: auto; }
.contactBox .btn1 { width: 50%; padding: 30px 0; border: none; }
.contactBox .btn1.type_back { background-color: #757575; }
.contactBox form .contact .first { float: left; }
.inputBox { overflow: hidden; }

.type_company { width: 45%; margin: 0 auto; }

/* 交通アクセス */
.accessBox { margin: 0 auto; color: #4c4c4c; }
/*.accessBox .mediaImgPC { padding-left: 9%; }*/
.accessBox .type_pc { display: block; }
.accessBox .type_sp { display: none; }
/*.accessBox .mediaImgPC { position: absolute; margin-left: 10%; }*/

/* よくあるご質問 */
.faq-q { font-size: 1.2em; padding-left: 25px; background-image: url(../img/ico_q.png); background-position: left top; }
.faq-a { margin-top: 10px; padding-left: 25px; background-image: url(../img/ico_a.png); background-position: left top; }
.faq-a.none { display: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .faq-q { background-image: url(../img/ico_q@2x.png); background-size: 20px 20px; }
	.faq-a { background-image: url(../img/ico_a@2x.png); background-size: 20px 20px; } }

/* 汎用情報ボックス */
dl.info { padding: 8px; border: 2px solid #4c4c4c; border-radius: 6px; background-color: #fff; -o-border-radius: 6px; -ms-border-radius: 6px; }
dl.info dt { font-size: 1.2em; font-weight: bold; margin-bottom: 3px; color: #705c18; }
dl.info dt span { font-size: 1.0em !important; }

div.info { padding: 8px; border: 1px solid #4c4c4c; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }

@media screen and (max-width: 768px) {
#sumaho_mainimg1 .bnr-main{padding-top: 60px;}
.mainimg { padding-top: 60px; }
.sumaho_footer { padding-bottom:350px;}
.input-container-input-container-da40af .input-container-title-db81ec { display: block!important; }
.input-container-input-container-da40af .input-container-slot-239963 { display: block!important; }
}
/* max-width: 768px */

@media screen and (max-width: 480px) { form .contact, form .tc { width: 98%; margin-right: auto; margin-left: auto; }
	.contactBox { width: 98%; }
	.contact, .contactBox form .tc { width: 100%; }
	form .contact .ttl { float: none; width: 100%; padding-right: 0; text-align: left; }
	form .contact .textBox { float: none; width: 100%; }
	form .contact .textBox.small input { width: 96%; }
	.contactBox  .btn1 { width: 100%; }
	.contact .inputBox { margin-bottom: 8%; }
	.accessBox .mediaImgPC { padding-left: 0; }
	.accessBox .type_pc { display: none; }
	.accessBox .type_sp { display: block; }
	.type_company { width: 100%; }
	.contactBox form .contact .ttl { width: 100%; text-align: left; }
	.contactBox form .contact .textBox { width: 100%; }

	.topInfoTxt { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; margin: 0;}
	.topInfoTxt-inner { font-size: 13px; padding: 5% 3%; }
	
	.haccp{ display: block!important;}

	#search-bar-container{ position: static; margin: 30px auto; width: 85%; padding-bottom: 10px; }
	div .search-widget-search-container-bf1818 { width: 100%!important; }

}

.info_topline { border-top:dotted 1px #555 !important; }
.info_bottomline { border-bottom:dotted 1px #555 !important; }

.info-red { border: 1px solid #d51010; padding: 20px; }

/*Instagram リンクアイコン*/
.instaramIc{ display: inline-block !important; width:29px; height:29px; position:relative; top:4px; left:6px;}

/* TOPお知らせのbox */
.box_info { max-width: 127rem; margin: 0 auto; padding: 2.25rem 0; }
.items { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 3%; }
.items .item { width: 24%; display: flex; flex-direction: column; margin-bottom: 2%; }
.items .item > img { transition: 1s; }
.items .item:hover img { opacity: .6; }
.items .item:hover .item-title { text-decoration: underline; }
.items .item-inner { padding: 2rem; height: 100%; }
.items .item-title { color: #393838; line-height: 1.6; letter-spacing: 1px; font-size: 1.4rem; }
.items .item-date { color: #393838; line-height: 2; letter-spacing: 1px; font-size: 1.2rem; }
.items .item-cat { background-color: #f4f4f4; color: #393838; line-height: 2; letter-spacing: 1px; font-size: 1rem; padding: 0 .5rem; margin-left: 2%; }
.items .item-info { display: flex; margin-bottom: 2rem; flex-wrap: wrap;}
.items .item-div { text-align: center; display: inline-block }
.items .item-div.type1 { background-color: #2b2b2b; border-radius: .8rem; }
.items .item-div.type2 { background-color: #172853; border-radius: .8rem; }
.items .item-div > span { color: #f4f4f4; line-height: 2; letter-spacing: 1px; font-size: 1.2rem; padding: 0 .5rem; }
.box_info_bg { background-color: #fff; }
.items .item:nth-child(1), .items .item:nth-child(2), .items .item:nth-child(3) {
    margin-right: 1%;
}
.items .item-cat+.item-cat {
    margin-top: 1rem;
}
/* .item-cat{
	margin-top: 1rem;
} */

@media screen and (max-width: 890px) {
.items .item-inner { padding: 2rem 1rem; height: 100%; }
.items .item-date { letter-spacing: 0; font-size: 1.2rem; }
.items .item-cat { font-size: 1.2rem; padding: 0 .4rem; }
}

@media screen and (max-width: 600px) {
.box_info { padding: 10% 5%; }
.items .item { width: 100%; margin-bottom: 10%; }
.items .item-inner { padding: 2rem; }
.items .item-title { font-size: 1.4rem; }
.items .item-cat { font-size: 1.4rem; }
/* .items .item-cat+.item-cat {
    margin-top: 0;
} */
.items .item-cat:nth-child(4) { margin-top: 1rem; }
.ssframe1 { padding: 0rem 1rem;}
}

.text-error {
	color: #c90000;
	font-size: 1.6rem;
	font-weight: bold;
}