@charset "utf-8";
/* ================================================================
( ・∋ Reset
================================================================ */
html{font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased;}
html.is-fixed, html.is-fixed body{height:100%; overflow:hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-style:normal; font-size:100%; vertical-align:baseline;}

html,body{width:100%; height:100%;/*min-width:1280px;*/}

strong{font-style:normal; font-weight:bold;}
img{border:0; vertical-align:top; -ms-interpolation-mode:bicubic;/*ie7*/}
ul,ol{list-style:none;}

/* ================================================================
( ・∋ Base
================================================================ */
body{color:#010101; background:url(../img/bg.jpg) repeat; font-family:'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; letter-spacing:0.1em;}
@media only screen and (max-width:1023px){
	body{background-size:70%;}
}
@media only screen and (min-width:1024px){
	body{line-height:2.0em; background-size:auto;}
}
a,p,span,th,td,li,small{box-sizing:border-box; margin:0; text-align:justify; font-weight:normal; font-size:clamp(0.938rem, 0.908rem + 0.08vw, 1rem);}
h1,h2,h3,h4,h5{margin:0; padding:0; line-height:1; font-weight:normal;}

a{color:#22190f; text-decoration:none;}
@media only screen and (min-width:1024px){
	a img:hover{opacity:0.6; transition:0.3s;}
	a:hover{text-decoration:underline;}
}


header{width:100%; height:auto; margin:0 auto; position:relative; text-align:center;}
nav{width:100%; margin:0 auto;}
.g_nav{display:flex; align-items:center; flex-wrap:wrap;}
@media only screen and (max-width:1023px){
	nav{display:none;}
}
@media only screen and (min-width:1024px){
	nav{width:clamp(50rem, 21.265rem + 44.9vw, 72rem);}
	.g_nav{width:100%; justify-content:space-between;}
	.g_nav .logo{width:clamp(10.125rem, 1.309rem + 13.78vw, 16.875rem);}
	.g_nav .logo_clone{display:none;}
	.g_nav .nav{width:clamp(6.125rem, 2.696rem + 5.36vw, 8.75rem);}
	.g_nav .logo{order:4;}
	.g_nav .nav01{order:1;}
	.g_nav .nav02{order:2;}
	.g_nav .nav03{order:3;}
	.g_nav .nav04{order:5;}
	.g_nav .nav05{order:6;}
	.g_nav .nav06{order:7;}
}

.header_sp{position:fixed; left:0; top:0; width:100%; height:76px; z-index:1; background:rgba(255,255,249,.8); transition:all .5s ease;
		   display:flex; justify-content:flex-start; align-items:center;}
.header_sp .logo{width:clamp(10.5rem, 8.868rem + 4.54vw, 14rem); margin-left:24px;}
.header_sp .logo a{width:100%; height:auto; line-height:1;}
@media only screen and (min-width:1024px){
	.header_sp{display:none;}
}

.hamburger{display:block; position:absolute; z-index:10002; right:clamp(1.5rem, 1.072rem + 1.19vw, 2rem); top:17px; width:42px; height:42px; cursor:pointer; text-align:center;}
@media only screen and (min-width:1024px){
	.hamburger{display:none;}
}
.hamburger span{display:block; position:absolute; width:30px; height:1px; left:6px; background:#010101; transition:all .5s ease;}
.hamburger span:nth-child(1){top:11px;}
.hamburger span:nth-child(2){top:21px;}
.hamburger span:nth-child(3){top:31px; width:15px;}
nav.globalMenuSp.active{display:block; opacity:100;}
.hamburger.active span{background:#010101;}
.hamburger.active span:nth-child(1){top:20px; left:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.hamburger.active span:nth-child(2){top:20px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.hamburger.active span:nth-child(3){display:none;}
nav.globalMenuSp{display:none; position:fixed; z-index:10001; top:0; left:0; background:rgba(255,255,255,.98); text-align:center; width:100%; height:100vh; opacity:0; transition:opacity .3s ease, visibility .3s ease; padding:0 24px 0; box-sizing:border-box;}
nav.globalMenuSp .logo{width:clamp(10.5rem, 8.868rem + 4.54vw, 14rem); margin:24px 0 16px;}
nav.globalMenuSp .menu{box-sizing:border-box; overflow:hidden; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-left:auto; margin-right:auto; margin-bottom:1em;}
nav.globalMenuSp .menu a{display:flex; align-items:center; padding-top:.1em; padding-bottom:.1em; border-bottom:1px solid #010101;}
nav.globalMenuSp .menu a img{width:225px;}
nav.globalMenuSp .address p{text-align:center;}
nav.globalMenuSp .tel{font-size:clamp(1.25rem, 1.143rem + 0.3vw, 1.375rem);}
@media only screen and (max-width:575px){
	nav.globalMenuSp .menu{width:100%;}
	nav.globalMenuSp .menu a{width:100%;}
}
@media only screen and (min-width:576px){
	nav.globalMenuSp .menu a{width:49%;}
}
@media only screen and (min-width:1024px){
	nav.globalMenuSp{display:none!important;}
}

.h_movie{position:relative; overflow:hidden; z-index:0!important;}
.h_movie .bx-pager{display:none;}
#in_video{width:100%; height:auto!important; margin-left:auto; margin-right:auto; vertical-align:bottom;}
.h_movie .bg{width:100%; height:auto;}
.h_movie h2{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:200;}
.h_movie h2 img{width:auto; height:clamp(3.813rem, 3.608rem + 0.57vw, 4.25rem);}
@media only screen and (max-width:1023px){
	.h_movie{margin-top:76px;}
}
@media only screen and (max-width:575px){
	.h_movie,
	.h_movie img{width:100%;}
}
@media only screen and (min-width:576px){
	.h_movie,
	.h_movie img{height:clamp(12.5rem, 0.812rem + 32.47vw, 37.5rem);}
}

.no{display:none;}
.no .logo a{display:flex; align-items:center;}
.no .logo a img{height:clamp(3.625rem, 3.135rem + 0.77vw, 4rem);}
.no .logo_tel{margin-left:1em;}
.no .menu{width:clamp(40rem, 26.939rem + 20.41vw, 50rem); display:flex; justify-content:space-between; align-items:center;}
.no .menu a{width:auto;}
.no .menu a img{height:clamp(2.563rem, 2.236rem + 0.51vw, 2.813rem);}
.clone-nav{position:fixed; top:0;left:0; transition:.3s; transform:translateY(-100%); width:100%;background:rgba(255,253,244,0.8); height:84px; box-sizing:border-box; z-index:10000; display:flex; justify-content:space-between; align-items:center;}
.is-show{transform:translateY(0); }
.clone-nav .after_fix{display:none;}
.clone-nav .no{display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 32px 0 32px;}
@media only screen and (max-width:1023px){
	.clone-nav{display:none;}
}
@media only screen and (max-width:1247px){
	.no .logo_tel{display:none;}
}

/*---contents---*/
main{display:block; padding:clamp(2.5rem, 1.917rem + 1.62vw, 3.75rem) 0;}
@media only screen and (max-width:1023px){
	.main_index,
	.main_onsen,
	.main_cuisine{padding:0;}
	.main_facilities,
	.main_reservation,
	.main_access{padding:40px 0 0;}
}
@media only screen and (min-width:1024px){
	.main_index,
	.main_onsen,
	.main_cuisine{padding:20px 0;}
	.main_facilities,
	.main_reservation,
	.main_access{padding:40px 0 20px;}
}
section{margin-bottom:clamp(2.5rem, 1.917rem + 1.62vw, 3.75rem);}
@media only screen and (max-width:1023px){
	section{overflow:hidden;}
}
.section_mt{margin-top:4em;}
.section_mt_add{margin-top:2em;}
.wrapper,.inner{margin:0 auto; position:relative;}
@media only screen and (max-width:1023px){
	.wrapper,.inner{width:100%;}
}
@media only screen and (min-width:1024px){
	.wrapper,.inner{width:clamp(56.25rem, 48.087rem + 12.76vw, 62.5rem);}
}
.contents{padding-left:clamp(2rem, -5.113rem + 19.79vw, 10.313rem); padding-right:clamp(2rem, -5.113rem + 19.79vw, 10.313rem); box-sizing:border-box;}
@media only screen and (min-width:1024px){
	.contents{padding-left:0; padding-right:0;}	
}

.w50{position:relative;}
@media only screen and (max-width:1023px){
	.w50,
	.w360,
	.w400,
	.w430,
	.w440,
	.w460,
	.w480,
	.w500,
	.w560{width:100%;}
}
@media only screen and (min-width:1024px){
	.w50{width:50%;}
	.w360{width:clamp(20.25rem, 17.311rem + 4.59vw, 22.5rem);}
	.w400{width:clamp(22.5rem, 19.235rem + 5.1vw, 25rem);}
	.w430{width:clamp(24.188rem, 20.677rem + 5.48vw, 26.875rem);}
	.w440{width:clamp(25.875rem, 22.12rem + 5.87vw, 28.75rem);}
	.w460{width:clamp(24.75rem, 21.158rem + 5.61vw, 27.5rem);}
	.w480{width:clamp(27rem, 23.082rem + 6.12vw, 30rem);}
	.w500{width:clamp(28.125rem, 24.043rem + 6.38vw, 31.25rem);}
	.w560{width:clamp(31.5rem, 26.929rem + 7.14vw, 35rem);}
}

footer{width:100%; box-sizing:border-box; color:#fff; clear:both; padding-top:clamp(2.5rem, 2.209rem + 0.81vw, 3.125rem); position:relative; background:url(../img/bg_footer.jpg); background-size:auto; background-position:center bottom; height:clamp(16.25rem, 14.501rem + 4.87vw, 20rem);}
footer a{color:#fff; background-position:center top;}
footer strong{font-weight:normal;}
footer address{position:absolute; bottom:0; left:50%; transform:translateX(-50%); clear:both; font-size:12px; color:#010100; display:flex; justify-content:center; align-items:center; width:100%; height:50px;}
footer address a{display:flex; align-items:center; margin-left:.5em;}
.footer_wrap{display:flex; flex-wrap:wrap;}
.footer_menu{box-sizing:border-box;}
.footer_text,
.footer_menu a,
.footer_menu a span{font-size:clamp(0.875rem, 0.846rem + 0.08vw, 0.938rem);}
@media only screen and (max-width:767px){
	.footer_menu a{width:50%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.footer_menu a{width:33.33333%;}
}
@media only screen and (max-width:1023px){
	.footer_menu{display:none;}
}
@media only screen and (min-width:1024px){
	.footer_wrap{justify-content:space-between;}
	.footer_text{width:44%;}
	.footer_menu{width:52%;}
	.footer_menu a{margin-right:2em;}
	.footer_menu a:nth-of-type(3n){margin-right:0;}
}
@media only screen and (min-width:1472px){
	.footer_text{width:48%;}
	.footer_menu{width:48%;}
}

.pagetop{position:fixed; right:20px; bottom:50px; z-index:10000;}
.pagetop a{display:block; width:clamp(2.5rem, 1.917rem + 1.62vw, 3.75rem);}


/*---common---*/
.o_h{overflow:hidden;}
.center{text-align:center;}
.pt80{padding-top:clamp(2.5rem, 1.334rem + 3.24vw, 5rem);}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb14{margin-bottom:14px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:clamp(1rem, 0.883rem + 0.32vw, 1.25rem);}
.mb24{margin-bottom:clamp(1rem, 0.767rem + 0.65vw, 1.5rem);}
.mb32{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
.mb40{margin-bottom:clamp(1rem, 0.3rem + 1.95vw, 2.5rem);}
.mb60{margin-bottom:clamp(2rem, 1.184rem + 2.27vw, 3.75rem);}
@media only screen and (min-width:1024px){
	.f_left{float:left;}
	.f_right{float:right;}
}

/*br*/
@media only screen and (min-width:400px){
	.min400_off{display:none!important;}
}
@media only screen and (max-width:499px){
	.max499_off{display:none!important;}
}
@media only screen and (min-width:500px){
	.min500_off{display:none!important;}
}
@media only screen and (max-width:575px){
	.max575_off{display:none!important;}
}
@media only screen and (min-width:576px){
	.min576_off{display:none!important;}
}
@media only screen and (max-width:767px){
	.max767_off{display:none!important;}
}
@media only screen and (min-width:768px){
	.min768_off{display:none!important;}
}
@media only screen and (max-width:1023px){
	.max1023_off{display:none!important;}
}
@media only screen and (min-width:1024px){
	.min1024_off{display:none!important;}
}
@media only screen and (max-width:1247px){
	.max1247_off{display:none!important;}
}
@media only screen and (min-width:1248px){
	.min1248_off{display:none!important;}
}
@media only screen and (max-width:1471px){
	.max1471_off{display:none!important;}
}
@media only screen and (min-width:1472px){
	.min1472_off{display:none!important;}
}
@media only screen and (max-width:1695px){
	.max1695_off{display:none!important;}
}
@media only screen and (min-width:1696px){
	.min1696_off{display:none!important;}
}

.lead01{width:clamp(17.875rem, 14.319rem + 9.89vw, 25.5rem); margin-left:auto; margin-right:auto;}

.lead02{display:flex; margin-left:auto; margin-right:auto;}
.lead02 .main{margin-left:1em; margin-right:1em;}
.lead02::before,
.lead02::after{content:""; background:url("../img/lead_point01.png"); background-position:center center; background-size:auto 100%; height:clamp(0.438rem, 0.408rem + 0.08vw, 0.5rem);}
@media only screen and (max-width:1023px){
	.lead02{flex-direction:column; align-items:center;}
	.lead02::after{width:clamp(13.813rem, 13.084rem + 2.03vw, 15.375rem); margin-top:1em;}
}
@media only screen and (min-width:1024px){
	.lead02{justify-content:center; align-items:flex-end; width:clamp(29.188rem, 26.788rem + 5vw, 32.438rem);}
	.lead02 .main{margin-left:1em; margin-right:1em;}
	.lead02::before,
	.lead02::after{flex-grow:1; margin-bottom:.5em;}
}
.lead02 .w237{width:clamp(11.875rem, 10.505rem + 3.81vw, 14.813rem);}
.lead02 .w245{width:clamp(12.25rem, 10.822rem + 3.97vw, 15.313rem);}
.lead02 .w125{width:clamp(6.25rem, 5.521rem + 2.03vw, 7.813rem);}
.lead02 .w97{width:clamp(4.875rem, 4.321rem + 1.54vw, 6.063rem);}
.lead02 .w147{width:clamp(7.375rem, 6.53rem + 2.35vw, 9.188rem);}
.lead02 .w194{width:clamp(9.75rem, 8.642rem + 3.08vw, 12.125rem);}
.lead02 .w87{width:clamp(4.375rem, 3.88rem + 1.38vw, 5.438rem);}

.lead03{display:flex;}
.lead03 .main{display:block;}
.lead03::before,
.lead03::after{content:""; background:url("../img/lead_point01.png"); background-position:center center; background-size:auto 100%; height:clamp(0.438rem, 0.408rem + 0.08vw, 0.5rem);}
@media only screen and (max-width:1023px){
	.lead03{flex-direction:column; align-items:center; margin-left:auto; margin-right:auto;}
	.lead03::after{width:clamp(13.813rem, 13.084rem + 2.03vw, 15.375rem); margin-top:1em;}
}
@media only screen and (min-width:1024px){
	.lead03{justify-content:center; align-items:center; width:100%;}
	.lead03 .main{margin-right:1em;}
	.lead03::after{flex-grow:1;}
}

.lead03 .w181{width:clamp(9.063rem, 8.013rem + 2.92vw, 11.313rem);}
.lead03 .w150{width:clamp(7.5rem, 6.626rem + 2.43vw, 9.375rem);}
.lead03 .w208{width:clamp(10.375rem, 9.151rem + 3.41vw, 13rem);}
.lead03 .w120{width:clamp(6rem, 5.3rem + 1.95vw, 7.5rem);}
.lead03 .w124{width:clamp(6.188rem, 5.459rem + 2.03vw, 7.75rem);}
.lead03 .w275{width:clamp(13.75rem, 12.147rem + 4.46vw, 17.188rem);}
.lead03 .w144{width:clamp(7.188rem, 6.342rem + 2.35vw, 9rem);}
.lead03 .w150{width:clamp(7.5rem, 6.626rem + 2.43vw, 9.375rem);}

.lead04{display:flex; flex-direction:column; align-items:center; margin-left:auto; margin-right:auto;}
.lead04 .main{margin-left:1em; margin-right:1em;}
.lead04::after{content:""; background:url("../img/lead_point01.png"); background-position:center center; background-size:auto 100%; height:clamp(0.438rem, 0.408rem + 0.08vw, 0.5rem);}
@media only screen and (max-width:1023px){
	.lead04::after{width:clamp(13.813rem, 13.084rem + 2.03vw, 15.375rem); margin-top:1em;}
}
@media only screen and (min-width:1024px){
	.lead04 .main{margin-left:1em; margin-right:1em;}
	.lead04::after{width:100%; margin-top:1em;}
}
.lead04 .w215{width:clamp(10.75rem, 9.497rem + 3.49vw, 13.438rem);}
.lead04 .w121{width:clamp(6.063rem, 5.363rem + 1.95vw, 7.563rem);}

.lead05{display:flex; margin-left:auto; margin-right:auto;}
.lead05 .main{margin-left:1em; margin-right:1em;}
.lead05::before,
.lead05::after{content:""; background:url("../img/lead_point01.png"); background-position:center center; background-size:auto 100%; height:clamp(0.438rem, 0.408rem + 0.08vw, 0.5rem);}
@media only screen and (max-width:1023px){
	.lead05{flex-direction:column; align-items:center;}
	.lead05::after{width:clamp(13.813rem, 13.084rem + 2.03vw, 15.375rem); margin-top:1em;}
}
@media only screen and (min-width:1024px){
	.lead05{justify-content:center; align-items:flex-end; width:clamp(36rem, 30.776rem + 8.16vw, 40rem);}
	.lead05 .main{margin-left:1em; margin-right:1em;}
	.lead05::before,
	.lead05::after{flex-grow:1; margin-bottom:.5em;}
}

.lead05 .w215{width:clamp(10.75rem, 9.497rem + 3.49vw, 13.438rem);}
.lead05 .w278{width:clamp(13.875rem, 12.243rem + 4.54vw, 17.375rem);}
.lead05 .w361{width:clamp(18.063rem, 15.964rem + 5.84vw, 22.563rem);}

.lead06{display:flex; flex-direction:column; align-items:center; margin-left:auto; margin-right:auto;}
.lead06 .main{margin-left:1em; margin-right:1em;}
.lead06 .main img{height:clamp(1.375rem, 1.2rem + 0.49vw, 1.75rem);}
.lead06::after{content:""; background:url("../img/lead_point01.png"); background-position:center center; background-size:auto 100%; height:clamp(0.438rem, 0.408rem + 0.08vw, 0.5rem);}
@media only screen and (max-width:1023px){
	.lead06::after{width:clamp(13.813rem, 13.084rem + 2.03vw, 15.375rem); margin-top:1em;}
}
@media only screen and (min-width:1024px){
	.lead06 .main{margin-left:1em; margin-right:1em;}
	.lead06::after{width:100%; margin-top:1em;}
}

table th,
table td{line-height:1.3;}

.table01{width:100%; box-sizing:border-box; border-collapse:collapse; border-spacing:0;}
.table01 th,
.table01 td{box-sizing:border-box;}
.table01 span{display:inline-block;}
.table01 span.mb_ajust{width:100%; margin-bottom:1em;}
@media screen and (max-width:1023px){
	.table01 tr{display:block; margin-bottom:.8em; border-top:1px solid rgba(105,130,27,0.5); border-bottom:1px solid rgba(105,130,27,0.5);}
	.table01 tr:last-child{margin-bottom:0;}
	.table01 th,
	.table01 td{width:100%; display:block; padding:5px;}	
	.table01 th{border-bottom:1px dotted rgba(105,130,27,0.5); background:rgba(105,130,27,0.2);}
}
@media only screen and (min-width:1024px){
	.table01{border-top:1px solid rgba(105,130,27,0.5);}
	.table01 tr{border-bottom:1px solid rgba(105,130,27,0.5);}
	.table01 th,
	.table01 td{padding:10px;}
	.table01 th{background:rgba(105,130,27,0.2); border-right:1px solid rgba(105,130,27,0.5);}
	.table01.th25 th{width:25%;}
	.table01.th30 th{width:30%;}
}

.table02{width:100%; line-height:150%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; display:table;}
.table02 th{text-align:center; font-weight:400; vertical-align:middle;}
.table02 td{vertical-align:top; font-weight:400; text-align:justify; text-justify:auto;}
@media screen and (max-width:1023px){
	.table02 thead th{display:none;}
	.table02 tbody{display:block; overflow:hidden; margin-bottom:.8em; border-top:1px solid rgba(105,130,27,0.5); border-bottom:1px solid rgba(105,130,27,0.5);}
	.table02 tbody:last-of-type{margin-bottom:0;}
	.table02 tr{display:block;}
	.table02 tr:last-child{margin-bottom:0;}
	.table02 tr.border_t{border-top:1px dotted rgba(105,130,27,0.5);}
	.table02 th,
	.table02 td{width:100%; display:block; padding:5px;}
	.table02 th{text-align:left; border-bottom:1px dotted rgba(105,130,27,0.5); background:rgba(105,130,27,0.2);}
	.table02 th br{display:none;}
	.table02 td::before{content:attr(aria-label); float:left; margin-right:5px; width:45%;}
	.table02 td::after{content:""; display:table; clear:both;}
	.table02 td.ajust01{padding:5px 5px 2px;}
	.table02 td.ajust02{padding:2px 5px 5px;}
	.table02 td:nth-of-type(1){border:none;}
	.table02 td.sp_none{display:none;}
	
	.table02 td br.br_ajust01{display:none;}
}
@media only screen and (min-width:1024px){
	.table02{border-top:1px solid rgba(105,130,27,0.5)!important; background-clip:padding-box!important;}
	.table02 thead th{background:rgba(105,130,27,0.5);}
	.table02 tbody th,
	.table02 tbody td{border-bottom:1px solid rgba(105,130,27,0.5)!important; background-clip:padding-box!important;}
	.table02 th,
	.table02 td{padding:10px;}
	.table02 th{background:rgba(105,130,27,0.2); border-right:1px solid rgba(105,130,27,0.5); text-align:left;}
	.table02.th20 tbody th{width:20%;}
	.table02.th25 tbody th{width:25%;}
	.table02.price tr th:nth-of-type(1){width:40%;}
	.table02.price tr th:nth-of-type(2),
	.table02.price tr td:nth-of-type(1){width:30%;border-right:1px solid rgba(105,130,27,0.5);}
	.table02.price tr th:nth-of-type(3),
	.table02.price tr td:nth-of-type(2){width:30%;}
	.table02 td:first-of-type{width:45%;}
	.table02 .td_bg{background:rgba(105,130,27,0.5);}
	.table02 td.td_w15{width:15%;}
}
@media only screen and (min-width:1396px){
	.table02 td br.br_ajust01{display:none;}
}

/*table03*/
.table03{width:100%; box-sizing:border-box; border-collapse:collapse;}
.table03 th,
.table03 td{box-sizing:border-box;}
.table03 span{display:inline-block;}
@media only screen and (max-width:1023px){
	.table03 tr{display:block; margin-bottom:.8em; border-top:1px solid rgba(105,130,27,0.5); border-bottom:1px solid rgba(105,130,27,0.5);}
	.table03 tr:last-of-type{margin-bottom:0;}
	.table03 th,
	.table03 td{width:100%; display:block; padding:5px;}	
	.table03 th{border-bottom:1px dotted rgba(105,130,27,0.5); background:rgba(105,130,27,0.2);}
}
@media only screen and (min-width:1024px){
	.table03{border-top:1px solid rgba(105,130,27,0.5); border-bottom:1px solid rgba(105,130,27,0.5);}
	.table03 tbody{display:flex; justify-content:space-between;}
	.table03 tr{display:flex; flex-direction:column; width:100%;}
	.table03 tr:last-of-type{border-bottom:none;}
	.table03 td.center{text-align:center;}
	.table03 th,
	.table03 td{text-align:center; padding:10px; border-right:1px solid rgba(105,130,27,0.5);}
	.table03 th{background:rgba(105,130,27,0.5);}
	.table03 th{border-bottom:1px solid rgba(105,130,27,0.5);}
	.table03.cancel tr{width:19%;}
	.table03.cancel tr:last-child{width:24%;}
	.table03.cancel tr:last-child th,
	.table03.cancel tr:last-child td{border-right:none;}
}

/*フォーム*/
input, select, input[type=checkbox], textarea{border:none; background:#FFF; height:40px; padding:5px; margin:0; box-sizing:border-box;}
textarea{height:auto;}
input[type=image]{border:none; padding:0; opacity:1; transition:0.3s;}
input[type=image]:hover{opacity:0.7;}
label{padding-left:30px; line-height:24px; display:inline-block; cursor:pointer; position:relative;}
label:before{content:''; width:24px;/* ボックスの横幅 */ height:24px;/* ボックスの縦幅 */ display:inline-block; position:absolute; left:0; background-color:#FFF; border:none;}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked + label:before{content:'\2713';/* チェックの文字 */ 
	font-size:24px;/* チェックのサイズ */
	color:#fff;/* チェックの色 */
	background-color:#a15558;/* チェックした時の色 */
}
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#FFF url(../img/select_arrow.png) right 50% no-repeat; padding:5px 20px 5px 5px}
select::-ms-expand{display:none;}
input[type=submit]{background:#3d9fd2; padding:16px 40px; font-size:20px; color:#FFF; height:auto;border-radius:5px;}
input[type=submit]:hover{cursor:pointer;}

/*追加,共通*/
.img_fluid{width:100%; height:auto; max-width:100%; vertical-align:bottom;}
.img_height{height:100%; width:auto; max-height:100%;}
.note{line-height:1.4;}
.side{width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/bg.jpg) repeat; z-index:10;}
.text_shadow{font-weight:bold; font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;}
.text_shadow_g{color:#fff; text-shadow:1px 1px 2px #395320,-1px 1px 2px #395320,1px -1px 2px #395320,-1px -1px 2px #395320;}
.text_shadow_b{color:#010101; text-shadow:1px 1px 2px #FFF,-1px 1px 2px #FFF,1px -1px 2px #FFF,-1px -1px 2px #FFF;}
@media only screen and (max-width:1247px){
	.anchor{margin-top:-76px; padding-top:76px;}
}
@media only screen and (min-width:1248px){
	.anchor{margin-top:-84px; padding-top:84px;}
}

/* ================================================================
( ・∋ Index
================================================================ */
.aisatsu{background:url("../img/index/bg_aisatsu.jpg") no-repeat center top / cover; min-height:clamp(32.5rem, 21.424rem + 30.82vw, 56.25rem);}
.aisatsu .box02{display:flex;}
.aisatsu p{box-sizing:border-box;}
@media only screen and (max-width:767px){
	.aisatsu_img{width:clamp(9.375rem, 8.06rem + 5.61vw, 10.75rem);}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.aisatsu_img{width:229px;}
	.aisatsu02{margin-right:2em;}
}
@media only screen and (max-width:1023px){
	.aisatsu .box01{margin-bottom:1.5em;}
	.aisatsu .box02{width:100%; justify-content:center; align-items:center; flex-direction:row-reverse;}
	.aisatsu01{margin-bottom:5em;}
	.aisatsu02{margin-top:5em;}
}
@media only screen and (min-width:1024px){
	.aisatsu_wrap{display:flex; justify-content:space-between; align-items:center;}
	.aisatsu .box02{order:-1; flex-direction:column;}
	.aisatsu_img{width:229px;}
	.aisatsu01{margin-left:auto; margin-right:0;}
	.aisatsu02{margin-top:-1.25em;}
}

/*etc*/
.osusume01_bg,
.osusume02_bg,
.roten01_bg,
.roten02_bg,
.season01_bg,
.season02_bg,
.season03_bg{width:100%; height:100%; transform:scale(1); transition:.8s ease; position:absolute; top:0; left:0;}
.osusume{width:100%; overflow:hidden; box-sizing:border-box;}
.osusume a{display:block; position:absolute; top:0; left:0; width:100% ; height:100%;}
.osusume_text{position:absolute; left:50%; transform:translateX(-50%); width:100%;}
.osusume_text h3{width:clamp(16.813rem, 14.86rem + 5.43vw, 21rem); margin-left:auto; margin-right:auto;}
.osusume_text p{box-sizing:border-box; padding:0 clamp(1.5rem, 1.149rem + 0.97vw, 2.25rem);}
.osusume01,
.osusume02{position:relative; overflow:hidden;}
.osusume01_bg{background:url(../img/index/osusume01.jpg) no-repeat center bottom;}
.osusume02_bg{background:url(../img/index/osusume02.jpg) no-repeat center bottom;}
@media only screen and (max-width:575px){
	.osusume01_bg,
	.osusume02_bg{background-position:center top; background-size:100%;}
}
@media only screen and (min-width:576px){
	.osusume01_bg,
	.osusume02_bg{background-size:cover;}
}
@media only screen and (min-width:576px) and (max-width:767px){
	.osusume01_bg,
	.osusume02_bg{background-position:center top -1em;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.osusume01_bg,
	.osusume02_bg{background-position:center top -5em;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.osusume{padding-left:clamp(2rem, -5.113rem + 19.79vw, 10.313rem); padding-right:clamp(2rem, -5.113rem + 19.79vw, 10.313rem);}
}
@media only screen and (max-width:1023px){
	.osusume01{width:100%; height:430px;}
	.osusume02{width:100%; height:500px;}
	.osusume01{margin-bottom:3em;}
	.osusume02{margin-bottom:.5em;}
	.osusume_text{bottom:1.5em;}
	.osusume_text p{padding-bottom:1.5em;}
	.btn_osusume{display:none;}
	.btn_osusume_sp{margin:0 auto; width:clamp(12.25rem, 9.795rem + 6.82vw, 17.5rem); display:block;}
}
@media only screen and (min-width:1024px){
	.osusume01,
	.osusume02{width:50%; height:500px;}
	.osusume01{float:left;}
	.osusume02{float:right;}
	.osusume_text{bottom:2.2em;}
	.osusume_text01 p{padding-bottom:2em;}
	.btn_osusume{position:absolute; left:0; right:0; margin:0 auto; transition:0.3s; width:clamp(12.25rem, 9.795rem + 6.82vw, 17.5rem); opacity:0; top:100px;}
	.btn_osusume_sp{display:none;}
	.osusume_text img{opacity:1!important;}
	.osusume a:hover .osusume01_bg,
	.osusume a:hover .osusume02_bg{transform: scale(1.3);}
	.osusume01:hover .btn_osusume,
	.osusume02:hover .btn_osusume{opacity:1; transition:0.5s;}
}
@media only screen and (min-width:1024px) and (max-width:1807px){
	.osusume01_bg,
	.osusume02_bg{background-position:center top -8em;}
}
@media only screen and (min-width:1472px){
	.osusume_text p{text-align:center;}
}

.index_fb{margin-bottom:3em; text-align:center;}
.index_bn{display:flex; justify-content:center; flex-wrap:wrap;}
.index_bn_img{display:block; margin-bottom:1.5em;}
.index_bn_img01{width:clamp(18.75rem, 14.67rem + 11.35vw, 27.5rem);}
.index_bn_img02{width:clamp(16.375rem, 13.111rem + 9.08vw, 23.375rem);}
@media only screen and (max-width:1023px){
	.index_bn{flex-direction:column; align-items:center;}
}

/* ================================================================
( ・∋ Onsen
================================================================ */
.onsen_lead{background:url(../img/onsen/bg_o_lead.jpg) no-repeat center top; min-height:clamp(32.5rem, 22.532rem + 27.74vw, 53.875rem);}
.onsen_lead p{box-sizing:border-box;}
@media only screen and (min-width:768px) and (max-width:1023px){
	.onsen02{margin-right:2em;}
}
@media only screen and (max-width:1023px){
	.onsen_lead .box01{margin-bottom:1.5em;}
	.onsen_lead .box02{width:100%;}
}
@media only screen and (min-width:1024px){
	.onsen_lead_wrap{display:flex; justify-content:space-between;}
	.onsen_lead .box01{margin-top:3em;}
	.onsen_lead .box02{margin-top:2em;}
}

.switch01{display:flex; flex-wrap:wrap; overflow:hidden;}
.switch01 .box01,
.switch01 .box02{width:100%;}
.switch01 .text{display:flex; flex-direction:column;}
.switch01 .thumbnail a{display:inline-block;}
.switch01 .thumbnail a{width:clamp(4.5rem, 3.684rem + 2.27vw, 6.25rem);}
.switch01 .thumbnail a:last-of-type{margin-right:0;}
@media only screen and (max-width:399px){
	.switch01 .thumbnail .br_ajust01{display:none;}
}
@media only screen and (min-width:1024px) and (max-width:1471px){
	.switch01{width:765px; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:1471px){
	.switch01{flex-direction:column-reverse;}
	.switch01 .text{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
	.switch01 .thumbnail_sp{margin-top:.5em; margin-left:auto; margin-right:auto; text-align:center;}
	.switch01 .thumbnail_pc{display:none;}
}
@media only screen and (min-width:1472px){
	.switch01{justify-content:space-between; align-items:center;}
	.switch01.reverse{flex-direction:row-reverse;}
	.switch01 .box01{width:50%;}
	.switch01 .box02{width:46%;}	
	.switch01 .text{width:83%; align-items:flex-start;}
	.switch01.reverse .text{margin-left:auto; margin-right:0;}
	.switch01 .thumbnail_pc{margin-top:clamp(1.25rem, 0.27rem + 1.53vw, 2rem);}
	.switch01 .thumbnail_sp{display:none;}
}
@media only screen and (min-width:1808px){
	.switch01 .text_ajust01{width:74%;}	
}

.roten{width:100%; overflow:hidden; box-sizing:border-box;}
.roten01,
.roten02{position:relative; overflow:hidden;}
.roten01_bg{background:url(../img/onsen/otokoyu.jpg) no-repeat bottom; background-size:cover;}
.roten02_bg{background:url(../img/onsen/onnayu.jpg) no-repeat bottom; background-size:cover;}
#onsen i{position:absolute; left:clamp(0.625rem, 0.334rem + 0.81vw, 1.25rem); top:clamp(0.625rem, 0.334rem + 0.81vw, 1.25rem); width:clamp(4.625rem, 4.1rem + 1.46vw, 5.75rem);}
@media only screen and (min-width:576px) and (max-width:1023px){
	.roten{padding-left:clamp(2rem, -5.113rem + 19.79vw, 10.313rem); padding-right:clamp(2rem, -5.113rem + 19.79vw, 10.313rem);}
}
@media only screen and (max-width:1023px){
	.roten01,
	.roten02{height:clamp(12.938rem, 1.978rem + 46.76vw, 31.875rem);}
	.roten01{width:100%; margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
	.roten02{width:100%; margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
}
@media only screen and (min-width:1024px){
	.roten01,
	.roten02{width:50%; height:clamp(21rem, 7.612rem + 20.92vw, 31.25rem); margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
	.roten01{float:left;}
	.roten02{float:right;}
	.roten_text{text-align:center;}
}

.higaeri{display:flex;}
.higaeri .box01{width:100%;}
.higaeri .box02{width:100%;}
@media only screen and (max-width:1023px){
	.higaeri .box01{display:none;}
}
@media only screen and (min-width:1024px){
	.higaeri{justify-content:space-between; align-items:center;}
	.higaeri .box01{width:30%;}
	.higaeri .box02{width:66%;}
}
@media only screen and (min-width:1808px){
	.higaeri .box01{width:33%;}
	.higaeri .box02{width:63%;}
}

/* ================================================================
( ・∋ Cuisine
================================================================ */
.cuisine_lead{background:url("../img/cuisine/bg_c_lead.jpg") no-repeat center top / cover; min-height:clamp(32.5rem, 21.424rem + 30.82vw, 56.25rem);}
.cuisine_lead .box02{display:flex;}
.cuisine_lead p{box-sizing:border-box;}
@media only screen and (max-width:767px){
	.cuisine_lead_img{width:clamp(9.375rem, 8.06rem + 5.61vw, 10.75rem);}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.cuisine_lead_img{width:229px;}
	.cuisine_lead02{margin-right:2em;}
}
@media only screen and (max-width:1023px){
	.cuisine_lead .box01{margin-bottom:1.5em;}
	.cuisine_lead .box02{width:100%; justify-content:center; align-items:center; flex-direction:row-reverse;}
	.cuisine_lead01{margin-bottom:5em;}
	.cuisine_lead02{margin-top:5em;}
}
@media only screen and (min-width:1024px){
	.cuisine_lead_wrap{display:flex; justify-content:space-between; align-items:center;}
	.cuisine_lead .box02{order:-1; flex-direction:column;}
	.cuisine_lead_img{width:229px;}
	.cuisine_lead01{margin-left:auto; margin-right:0;}
	.cuisine_lead02{margin-top:-1.25em;}
}
@media only screen and (min-width:1696px){
	.cuisine_lead .text span{display:block; margin-bottom:1em;}	
}

.c_inner{margin:0 auto;}
@media only screen and (max-width:1023px){
	.c_inner{width:100%;}
}
@media only screen and (min-width:1024px){
	.c_inner{width:clamp(56.25rem, 31.76rem + 38.27vw, 75rem);}
}

.switch02{display:flex; flex-wrap:wrap; flex-direction:column;}
.switch02 .box01,
.switch02 .box02{width:100%;}
.switch02 .thumbnail a{display:inline-block; width:clamp(4.5rem, 3.684rem + 2.27vw, 6.25rem);}
@media only screen and (max-width:575px){
	.switch02 .thumbnail .br_ajust01{display:none;}
}
@media only screen and (max-width:1023px){
	.switch02{flex-direction:column;}
	.switch02 .thumbnail{margin-left:auto; margin-right:auto;}
	.switch02 .thumbnail a{margin-top:.5em;}
}
@media only screen and (min-width:1024px){
	.switch02 .thumbnail{margin-top:10px;}
	.switch02 .thumbnail .br_ajust01{display:none;}
}

.season{width:100%; overflow:hidden;}
.season01,
.season02,
.season03{position:relative; width:100%; overflow:hidden; height:clamp(10rem, 0.09rem + 27.58vw, 31.25rem);}
.season01_bg,
.season02_bg,
.season03_bg{width:100%; height:inherit;}
.season01_bg{background:url(../img/cuisine/season01.jpg) no-repeat bottom; background-size:cover;}
.season02_bg{background:url(../img/cuisine/season02.jpg) no-repeat bottom; background-size:cover;}
.season03_bg{background:url(../img/cuisine/season03.jpg) no-repeat bottom; background-size:cover;}
.season_wrap{display:flex; justify-content:space-between; flex-wrap:wrap;}
@media only screen and (max-width:575px){
	.season01,
	.season02{width:48.8%; margin-bottom:2.4%;}
	.season03{width:100%;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.season01,
	.season02{width:49%; margin-bottom:2%;}
	.season03{width:100%;}
}
@media only screen and (max-width:1023px){
	.season{display:flex; flex-direction:column;}
	.season_wrap{order:2;}
	.season .text{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
}
@media only screen and (min-width:1024px){
	.season01,
	.season02,
	.season03{width:33%; margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
	.season .text{text-align:center;}
}

.soba{display:flex; justify-content:space-between; flex-wrap:wrap;}
.soba .box01,
.soba .box02{width:100%;}
.soba .text{box-sizing:border-box;}
.soba_price{background:rgba(105,130,27,0.2); font-weight:bold; text-align:center; margin:0 0 20px 0;}
@media only screen and (max-width:1023px){
	.soba{flex-direction:column-reverse;}
	.soba .box02{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
	.soba_price{padding:10px;}
}
@media only screen and (min-width:1024px){
	.soba .box01,
	.soba .box02{width:48%;}
	.soba .text{padding-left:1em;}
	.soba_price{padding:20px;}
}
@media only screen and (min-width:1696px){
	.soba{background:url(../img/cuisine/bg_soba.png) no-repeat right bottom;}
}

/* ================================================================
( ・∋ Facilities
================================================================ */
.facilities_lead .imgbox{display:flex; justify-content:space-between; flex-wrap:wrap;}
.facilities_lead .box{width:100%;}
@media only screen and (max-width:1023px){
	.facilities_lead .box{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
}
@media only screen and (min-width:1024px){
	.facilities_lead .text{text-align:center;}
	.facilities_lead .box{width:48%; margin-bottom:4%;}
}

.pat01{display:flex; align-items:center;}
.pat01 .box{width:100%;}
@media only screen and (max-width:1023px){
	.pat01{flex-direction:column-reverse;}
	.pat01 .box02{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
}
@media only screen and (min-width:1024px){
	.pat01{justify-content:space-between;}
	.pat01.reverse{flex-direction:row-reverse;}
	.pat01 .box01{width:59%;}
	.pat01 .box02{width:37%;}
}
@media only screen and (min-width:1696px){
	.bg_stove{background:url(../img/facilities/bg_stove.png) no-repeat right bottom;}
}

.pat02{display:flex; align-items:center;}
.pat02 .box{width:100%;}
@media only screen and (max-width:1023px){
	.pat02{flex-direction:column-reverse;}
	.pat02 .box02{margin-bottom:clamp(1rem, 0.534rem + 1.3vw, 2rem);}
}
@media only screen and (min-width:1024px){
	.pat02{justify-content:space-between;}
	.pat02 .box01{width:48%;}
	.pat02 .box02{width:48%;}
}

/* ================================================================
( ・∋ reservation
================================================================ */
.yoyaku{display:flex; align-items:center; flex-wrap:wrap; background:rgba(105,130,27,0.2); text-align:center; box-sizing:border-box;}
.yoyaku .box01{display:flex; align-items:center;}
.yoyaku a{display:block; width:100%;}
.yoyaku img{display:block;}
.yoyaku .img01,
.yoyaku .img02{width:clamp(14.688rem, 12.968rem + 4.79vw, 18.375rem);}
.yoyaku .img03{width:clamp(15rem, 13.251rem + 4.87vw, 18.75rem);}
@media only screen and (max-width:1023px){
	.yoyaku{flex-direction:column; padding:20px 0;}
	.yoyaku .box01{flex-direction:column; margin-bottom:1em;}
	.yoyaku .box01 img{width:235px;}
	.yoyaku .img01{margin-bottom:.5em;}
}
@media only screen and (min-width:1024px){
	.yoyaku{justify-content:space-between; padding:20px 60px;}
	.yoyaku .box01{width:64%; justify-content:space-between;}
	.yoyaku .box01 img{width:48%;}
	.yoyaku .box02{width:31%;}
}

.btn_menu{display:flex; justify-content:center; flex-wrap:wrap;}
.btn_menu a{display:flex; justify-content:center; align-item:center;}
.btn_menu .btn{width:auto; height:clamp(2.625rem, 2.1rem + 1.46vw, 3.75rem);}
@media only screen and (max-width:575px){
	.btn_menu .btn:nth-of-type(1){margin-right:1em;}
}
@media only screen and (min-width:576px){
	.btn_menu .btn:nth-of-type(1){margin-right:2.5em;}

}

/* ================================================================
( ・∋ Access
================================================================ */
.ac_lead_bg{width:100%; height:clamp(7.5rem, 2.254rem + 14.6vw, 18.75rem); background-size:cover; display:flex; justify-content:center; align-items:center;}
.bg_sightseeing{background:url(../img/access/bg_sightseeing.jpg) no-repeat center center;}
.bg_access{background:url(../img/access/bg_access.jpg) no-repeat center center;}
.ac_lead img{height:clamp(2rem, 1.883rem + 0.32vw, 2.25rem);}

.pat03{display:flex; align-items:center;}
.pat03 .box{width:100%;}
.pat03 .bt{display:inline-block;}
.pat03 .bt img{height:clamp(2rem, 1.767rem + 0.65vw, 2.5rem);}
@media only screen and (max-width:1023px){
	.pat03{flex-direction:column-reverse;}
	.pat03 .box02{margin-bottom:1.2em;}
}
@media only screen and (min-width:1024px){
	.pat03{justify-content:space-between;}
	.pat03.reverse{flex-direction:row-reverse;}
	.pat03 .box01{width:58%;}
	.pat03 .box02{width:38%;}
}

/*map*/
.map{position:relative; height:0; padding-bottom:45%; overflow:hidden!important; border:#fff solid 3px;}
.map iframe,
.map object,
.map embed{position:absolute;top:0; left:0; width:100%; height:100%;}
@media only screen and (max-width:575px){
    .map{padding-bottom:90%!important;}
}

.car{color:#69821b; font-size:clamp(1.063rem, 0.858rem + 0.57vw, 1.5rem); margin-bottom:clamp(0.625rem, 0.334rem + 0.81vw, 1.25rem); font-weight:bold; line-height:1.3;}
.car_mb{margin-bottom:clamp(2rem, 1.184rem + 2.27vw, 3.75rem);}
.red{color:#bb1111;}
