@charset "utf-8";
/*------------------------------------------------
file: style.css
------------------------------------------------*/
/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h2,h3{font-weight:bold;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {text-align:left;font-weight:normal; font-size:100%;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;/*-webkit-appearance: none;*/border-radius: 0;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:underline; color:#333;}
a:hover {text-decoration: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse;border-spacing:0; }
img{ border-width: 0px;border-style: none;vertical-align:bottom; }
/* IE <br/> 対策  */
br { letter-spacing:0; }
body {color:#333;-webkit-text-size-adjust: 100%;line-height:1.6; height: 100%;font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;z-index:1;-webkit-print-color-adjust: exact;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

	/* スライダー*/
	.slick-slider { position: relative;z-index:0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
	.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
	.slick-list:focus { outline: none;}
	.slick-list.dragging { cursor: pointer; cursor: hand;}
	.slick-slider .slick-track,
	.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.slick-track { position: relative; left: 0; top: 0; display: block;}
	.slick-track:before,
	.slick-track:after { content: ""; display: table;}
	.slick-track:after { clear: both;}
	.slick-loading .slick-track { visibility: hidden;}
	.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
	[dir="rtl"] .slick-slide { float: right;}
	.slick-slide img { display: block;width:100%;}
	.slick-slide.slick-loading img { display: none;}
	.slick-slide.dragging img { pointer-events: none;}
	.slick-initialized .slick-slide { display: block;}
	.slick-loading .slick-slide { visibility: hidden;}
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
	.slick-arrow.slick-hidden { display: none;}
	.slick-slider img.sp_res {width:100%;}

	.slick-initialized .slick-slide {overflow:hidden;}
	/* slick-list */
	.s_nav .slick-list {margin: 0 30px;height:auto;}
	.slick-prev, .slick-next { background: transparent none repeat scroll 0 0;border: medium none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 20px;line-height: 0;margin-top: -10px;outline: medium none;padding: 0;position: absolute;top: 50%;width: 20px;z-index:10;}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent none repeat scroll 0 0;color: transparent;outline: medium none;}
	.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity: 1;}
	.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity: 0.25;}
	.slick-prev::before, .slick-next::before { color: #666;font-size: 20px;line-height: 1;opacity: 0.75;}
	.slick-prev {left: 0px;}
	[dir="rtl"] .slick-prev {left: auto;right: 0px;}
	.slick-prev::before {content: " \f053";font-family: FontAwesome;}
	[dir="rtl"] .slick-prev::before {content: " \f054";font-family: FontAwesome;}
	.slick-next {right: 0px;}
	[dir="rtl"] .slick-next {left: 0px;right: auto;}
	.slick-next::before {content: " \f054";font-family: FontAwesome;}
	[dir="rtl"] .slick-next::before {content: " \f053";font-family: FontAwesome;}


/* 共通

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#main{position:relative;}
	.section{position:relative; overflow:hidden;margin:20px auto;}
	.inner{width:90%;margin:0 auto;}
	.thum img{width:100%;margin-bottom:5px;}
	.thum p{font-weight:bold;text-align:center;margin-bottom:10px;}
	.btn{text-align:center;margin:10px auto 1em auto;width:100%;max-width:250px;}
	.btn a{display:block;background:#DE9A3B;padding:8px 10px;text-decoration:none;font-size:14px;color:#fff;}
	.btn a i{padding-left:15px;}

	.r5{border-radius :5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

	/* タイトル */
	.page_tt {background:#89A06A;text-align:center;color:#fff;padding:5px 0;}
	.cont_tt{ border-bottom:1px dotted #89A06A;margin-bottom:0.8em;text-align:left;}

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#header{position:relative;width:90%;margin:10px auto 15px auto;}
	#header p.cap{font-size:12px;line-height:1.4;margin-bottom:5px;color:#333;}
	#header h1.logo img{ width:100px;margin-top:5px;}
	#header #nav{position:relative;display:block;border-top:1px dotted #ccc;margin-top:15px;}
	#header #nav li{position:relative;}
	#header #nav li a{display:block;padding:13px 0;text-align:center;border-bottom:1px dotted #ccc;width:100%;text-decoration:none;font-size:16px;}
	#header #nav li a:hover{background:#f7f7f7;}
	#header #nav li a i{position:absolute;right:15px;top:15px;color:#ccc;}
	#header #nav li.rsv a{background:#fff5ad;}
	#header #nav li.rsv a:hover{background:#fff18c;}
	#header #nav li.tel p{position:relative;font-size:16px; }
	#header #nav li.tel a{color:#333; font-weight:bold;}
	#header #nav li.tel a i{position:absolute;left:-200px;top:8px;color:#333;}
	#header #nav li.tel .time{font-size:14px;}
	#header #nav li.tel .num{font-size:24px;}

	/* メニューボタン */
	.nav_toggle { position: absolute; right:0;top:33px; width:45px; height:45px; cursor: pointer;}
	.nav_toggle div { position: relative;}
	.nav_toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #80975F; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	.nav_toggle span:nth-child(1) { top: 0;}
	.nav_toggle span:nth-child(2) { top: 13px;}
	.nav_toggle span:nth-child(3) { top: 26px;}
	.nav_toggle div p{ position: absolute; top:30px;font-size:11px !important;color:#80975F;}
	/* 	/* メニューボタン 切り替えアニメーション */
	.open.nav_toggle span:nth-child(1) {top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
	.open.nav_toggle span:nth-child(2) {width: 0; left: 50%;}
	.open.nav_toggle span:nth-child(3) {top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}
	/* .nav スライドアニメーション */
	.open.nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#footer{font-size:14px;padding:5px 0 3px 0;width:90%;margin:2em auto 0 auto;text-align:center;border-top:1px solid #80975F;padding-top:1em;}
	#footer p{margin-bottom:3em;line-height:2;}
	#footer .link a{text-decoration:none;border:1px solid #80975F;padding:5px 10px;display:inline-block;margin-bottom:15px;}
	#footer .link img{width:25px;padding:0 5px 0 0;vertical-align: middle;}
	#footer .copy{font-size:10px;}
	.count{text-align:center;}
	/* ページトップへのボタン */
	.page_top { position:fixed; bottom:0; right:20px; z-index:100;}
	.page_top a { display:block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
	.page_top a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8;}
	.page_top {right:10px;}
	.page_top img{ width:60px;}

/* index

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.best_rate{width:100%;max-width:1024px;margin:1em auto;padding:2px;}
	.best_rate .in{border:1px solid #FFD03E;text-align:center;padding:15px 10px;}
	.best_rate .in h2{font-size:28px;color:#FFD03E;line-height:1.1;}
	.best_rate .in h2 span{font-size:16px;display:inline-block;vertical-align: middle;}
	.best_rate .in p{color:#ddd;font-size:14px;}

	.cups{background:#fff6c9;padding:1.5em 0;}
	.cups h2{margin-bottom:10px;}
	.cups p{line-height:1.8;}

/* 観光スポット

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.kanko_list li{margin-bottom:10px;}
	.kanko_list li .thum{text-align:center;}
	.kanko_list li .tt{color:#997948;font-size:16px;}
	.kanko_list li .txt{font-size:14px;line-height:1.6;}
	.kanko_list li .txt a{display:block;width:100%;text-align:center;background:#504847;margin-top:10px;padding:10px;}

/* 予約

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.rsv_box1{background:#FFFFCC;font-size:16px;text-align:center;padding:10px;}
	.rsv_box2{background:#F2F9E6;text-align:center;padding:10px;}
	.rsv_btn input{-webkit-appearance: none;border-radius: 0;height:50px;width:100%;cursor:pointer;display:block;background:#DE9A3B;font-size:16px;color:#fff;border:1px solid #C78A35;}

	.reserve_flow{ position:relative; height:100%; margin:1em auto; width:100%;}
	.reserve_flow .box{ border:1px solid #CC9900; background:#FFFFDD; width:100%; padding:5px 0; text-align:center;}
	.reserve_flow .box2{ border:1px solid #669900; background:#FFFFDD; width:100%; padding:5px 0; text-align:center;}
	.reserve_flow .rightArrow{ width:0; height:0; border-style: solid; border-width: 11.3px 6.5px 0 6.5px; border-color: #CC9900 transparent transparent transparent; margin:5px auto;}

/********************************************
 * 汎用
 ********************************************/

	.note {margin-left:1em;}
	.note li{list-style-type:disc;}

	.c_table{ width:100%;}
	.c_table th,.c_table td{display:block;width:100%;padding:8px;}

	.c_table.col1{border-top:1px solid #809760;}
	.c_table.col1 .tt{background:#D6DECB;}
	.c_table.col1 th{background:#EFF2EC;}
	.c_table.col1 th,.c_table.col1 td{border:1px solid #809760;border-top:none;}

	.c_table.col2{border-top:1px solid #DC8D2B;}
	.c_table.col2 th{background:#F9EBD9;}
	.c_table.col2 th,.c_table.col2 td{border:1px solid #DC8D2B;border-top:none;}

	.c_table.col3{border-top:1px solid #DE5229;}
	.c_table.col3 th{background:#FBE9E3;}
	.c_table.col3 th,.c_table.col3 td{border:1px solid #DE5229;border-top:none;}

	.note01 {padding-left:10px;}
	.note01 li{list-style-position: outside;list-style-type: disc;}
	.c_box{background:#FCE2E2;padding:10px;border:1px solid #C61616;}

	.bc1{background:#555 !important;}
	.bc2{background:#eee !important;}
	.fc1{color:#fff !important;}
	.fcRed{color:#c00 !important;}
	.fcGrn{color:#148F00 !important;}
	.fcBlue{color:#009FC1 !important;}
	.fcYellow{ color:#FF9 !important;}
	.bkGrn{background:#39b934 !important;color:#fff !important;border:#0f3419 solid 1px !important;}

	.bold{font-weight:bold !important;}

	/* 入力form */
	.frm_5{width:5%;}
	.frm_10{width:10%;}
	.frm_15{width:15%;}
	.frm_20{width:20%;}
	.frm_25{width:25%;}
	.frm_30{width:30%;}
	.frm_35{width:35%;}
	.frm_40{width:40%;}
	.frm_45{width:45%;}
	.frm_50{width:50%;}
	.frm_55{width:55%;}
	.frm_60{width:60%;}
	.frm_65{width:65%;}
	.frm_70{width:70%;}
	.frm_75{width:75%;}
	.frm_80{width:80%;}
	.frm_85{width:85%;}
	.frm_90{width:90%;}
	.frm_95{width:95%;}
	.frm_100{width:100%;}
	table textarea{line-height:1.6;height:8em;}
	table input,
	table textarea,
	table select{ padding:5px 3px; border: 1px solid #bbb; resize: none; margin:3px 0; font-size: 16px;}

	.ws5{width:5%;}
	.ws10{width:10%;}
	.ws15{width:15%;}
	.ws20{width:20%;}
	.ws25{width:25%;}
	.ws30{width:30%;}
	.ws35{width:35%;}
	.ws40{width:40%;}
	.ws45{width:45%;}
	.ws50{width:50%;}
	.ws55{width:55%;}
	.ws60{width:60%;}
	.ws65{width:65%;}
	.ws70{width:70%;}
	.ws75{width:75%;}

	.textC{text-align:center !important;}
	.textR{text-align:right !important;}
	.textL{text-align:left !important;}

	.txt_10{font-size:10px;}
	.txt_11{font-size:11px;}
	.txt_12{font-size:12px;}
	.txt_14{font-size:14px;}
	.txt_16{font-size:16px;}
	.txt_18{font-size:18px;}
	.txt_20{font-size:20px;}
	.txt_22{font-size:22px;}
	.txt_24{font-size:24px;}
	.txt_26{font-size:26px;}
	.txt_28{font-size:28px;}
	.txt_30{font-size:30px;}
	.txt_32{font-size:32px;}

	.block{display:block;}
	.pd0{padding:0!important;}
	.pd1{padding:1em!important;}
	.pd2{padding:2em!important;}
	.pd3{padding:3em!important;}
	.pd4{padding:4em!important;}
	.pd5{padding:5em!important;}
	.pd10{padding:10px!important;}
	.pd15{padding:15px!important;}
	.pd20{padding:20px!important;}
	.pd25{padding:25px!important;}
	.pd30{padding:30px!important;}
	.pd35{padding:35px!important;}
	.pd40{padding:40px!important;}
	.pd45{padding:45px!important;}
	.pd50{padding:50px!important;}
	.pd55{padding:55px!important;}
	.pd60{padding:60px!important;}
	.pdt0{padding-top:0!important;}
	.pdt1{padding-top:1em!important;}
	.pdt2{padding-top:2em!important;}
	.pdt3{padding-top:3em!important;}
	.pdt4{padding-top:4em!important;}
	.pdt5{padding-top:5em!important;}
	.pdt10{padding-top:10px!important;}
	.pdt15{padding-top:15px!important;}
	.pdt20{padding-top:20px!important;}
	.pdt25{padding-top:25px!important;}
	.pdt30{padding-top:30px!important;}
	.pdt35{padding-top:35px!important;}
	.pdt40{padding-top:40px!important;}
	.pdt45{padding-top:45px!important;}
	.pdt50{padding-top:50px!important;}
	.pdt55{padding-top:55px!important;}
	.pdt60{padding-top:60px!important;}
	.pdr0{padding-right:0!important;}
	.pdr1{padding-right:1em!important;}
	.pdr2{padding-right:2em!important;}
	.pdr3{padding-right:3em!important;}
	.pdr4{padding-right:4em!important;}
	.pdr5{padding-right:5em!important;}
	.pdr10{padding-right:10px!important;}
	.pdr15{padding-right:15px!important;}
	.pdr20{padding-right:20px!important;}
	.pdr25{padding-right:25px!important;}
	.pdr30{padding-right:30px!important;}
	.pdr35{padding-right:35px!important;}
	.pdr40{padding-right:40px!important;}
	.pdr45{padding-right:45px!important;}
	.pdr50{padding-right:50px!important;}
	.pdr55{padding-right:55px!important;}
	.pdr60{padding-right:60px!important;}
	.pdb0{padding-bottom:0!important;}
	.pdb1{padding-bottom:1em!important;}
	.pdb2{padding-bottom:2em!important;}
	.pdb3{padding-bottom:3em!important;}
	.pdb4{padding-bottom:4em!important}
	.pdb5{padding-bottom:5em!important;}
	.pdb10{padding-bottom:10px!important;}
	.pdb15{padding-bottom:15px!important;}
	.pdb20{padding-bottom:20px!important;}
	.pdb25{padding-bottom:25px!important;}
	.pdb30{padding-bottom:30px!important;}
	.pdb35{padding-bottom:35px!important;}
	.pdb40{padding-bottom:40px!important;}
	.pdb45{padding-bottom:45px!important;}
	.pdb50{padding-bottom:50px!important;}
	.pdb55{padding-bottom:55px!important;}
	.pdb60{padding-bottom:60px!important;}
	.pdl0{padding-left:0!important;}
	.pdl1{padding-left:1em!important;}
	.pdl2{padding-left:2em!important;}
	.pdl3{padding-left:3em!important;}
	.pdl4{padding-left:4em!important;}
	.pdl5{padding-left:5em!important;}
	.pdl10{padding-left:10px!important;}
	.pdl15{padding-left:15px!important;}
	.pdl20{padding-left:20px!important;}
	.pdl25{padding-left:25px!important;}
	.pdl30{padding-left:30px!important;}
	.pdl35{padding-left:35px!important;}
	.pdl40{padding-left:40px!important;}
	.pdl45{padding-left:45px!important;}
	.pdl50{padding-left:50px!important;}
	.pdl55{padding-left:55px!important;}
	.pdl60{padding-left:60px!important;}
	.mg0{margin:0!important;}
	.mg1{margin:1px!important;}
	.mg2{margin:2px!important;}
	.mg3{margin:3px!important;}
	.mg4{margin:4px!important;}
	.mg10{margin:10px!important;}
	.mg15{margin:15px!important;}
	.mg20{margin:20px!important;}
	.mg25{margin:25px!important;}
	.mg30{margin:30px!important;}
	.mg35{margin:35px!important;}
	.mg40{margin:40px!important;}
	.mg45{margin:45px!important;}
	.mg50{margin:50px!important;}
	.mg55{margin:55px!important;}
	.mg60{margin:60px!important;}
	.mgt0{margin-top:0!important;}
	.mgt1{margin-top:1em!important;}
	.mgt2{margin-top:2em!important;}
	.mgt3{margin-top:3em!important;}
	.mgt4{margin-top:4em!important;}
	.mgt5{margin-top:5em!important;}
	.mgt10{margin-top:10px!important;}
	.mgt15{margin-top:15px!important;}
	.mgt20{margin-top:20px!important;}
	.mgt25{margin-top:25px!important;}
	.mgt30{margin-top:30px!important;}
	.mgt35{margin-top:35px!important;}
	.mgt40{margin-top:40px!important;}
	.mgt45{margin-top:45px!important;}
	.mgt50{margin-top:50px!important;}
	.mgt55{margin-top:55px!important;}
	.mgt60{margin-top:60px!important;}
	.mgr0{margin-right:0!important;}
	.mgr1{margin-right:1em!important;}
	.mgr2{margin-right:2em!important;}
	.mgr3{margin-right:3em!important;}
	.mgr4{margin-right:4em!important;}
	.mgr5{margin-right:5em!important;}
	.mgr10{margin-right:10px!important;}
	.mgr15{margin-right:15px!important;}
	.mgr20{margin-right:20px!important;}
	.mgr25{margin-right:25px!important;}
	.mgr30{margin-right:30px!important;}
	.mgr35{margin-right:35px!important;}
	.mgr40{margin-right:40px!important;}
	.mgr45{margin-right:45px!important;}
	.mgr50{margin-right:50px!important;}
	.mgr55{margin-right:55px!important;}
	.mgr60{margin-right:60px!important;}
	.mgb0{margin-bottom:0!important;}
	.mgb1{margin-bottom:1em!important;}
	.mgb2{margin-bottom:2em!important;}
	.mgb3{margin-bottom:3em!important;}
	.mgb4{margin-bottom:4em!important;}
	.mgb5{margin-bottom:5em!important;}
	.mgb10{margin-bottom:10px!important;}
	.mgb15{margin-bottom:15px!important;}
	.mgb20{margin-bottom:20px!important;}
	.mgb25{margin-bottom:25px!important;}
	.mgb30{margin-bottom:30px!important;}
	.mgb35{margin-bottom:35px!important;}
	.mgb40{margin-bottom:40px!important;}
	.mgb45{margin-bottom:45px!important;}
	.mgb50{margin-bottom:50px!important;}
	.mgb55{margin-bottom:55px!important;}
	.mgb60{margin-bottom:60px!important;}
	.mgl0{margin-left:0!important;}
	.mgl1{margin-left:1em!important;}
	.mgl2{margin-left:2em!important;}
	.mgl3{margin-left:3em!important;}
	.mgl4{margin-left:4em!important;}
	.mgl5{margin-left:5em!important;}
	.mgl10{margin-left:10px!important;}
	.mgl15{margin-left:15px!important;}
	.mgl20{margin-left:20px!important;}
	.mgl25{margin-left:25px!important;}
	.mgl30{margin-left:30px!important;}
	.mgl35{margin-left:35px!important;}
	.mgl40{margin-left:40px!important;}
	.mgl45{margin-left:45px!important;}
	.mgl50{margin-left:50px!important;}
	.mgl55{margin-left:55px!important;}
	.mgl60{margin-left:60px!important;}

