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

/* ================================================================
( ・∋ Reset
================================================================ */
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 }
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: middle; -ms-interpolation-mode: bicubic;/*ie7*/}
a img:hover {opacity: 0.6;transition: 0.3s;}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */
body { color:#222222;background:#FFF;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size: 14px;
	line-height: 2.0em;
	}
	
a{color:#222222; text-decoration:none; transition:0.3s;}
a:hover{text-decoration:underline; opacity:0.7;}

/*---clearfix---*/
.clearfix:before , .clearfix:after  , .wrapper:after , .inner:after , section:after , footer:after{ content:""; display:table;}
.clearfix:after  , section:after , .inner:after , footer:after{ clear:both;}
.clearfix , section , main , footer:after{ clear:both; zoom:1;}

table { width:100%; border-collapse: collapse;border-spacing: 0;margin-bottom: 20px}
th,td { padding: 10px 0;border-bottom:#d6d6d6 solid 1px;}
th {width:25%; text-align:left; font-weight:normal; vertical-align:middle;}
#index main .wrapper section .instagram .indt hr {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	border-width: 0px;
	border-style: none;
}


.wrapper , .inner{width:1000px; margin:0 auto;}

header{width:1000px; height:265px; margin:0 auto; position:relative;}
.header_inner{ width:762px; padding:122px 0 0 0;}
nav li{ float:left; position:relative;}
.p_nav{ border-bottom:#d4d4d4 solid 1px; padding:0 0 23px 0; margin:0 0 23px 0;}
.p_nav li{ margin:0 90px 0 0;}
.g_nav li{ margin:0 30px 0 0;}
.p_nav li:last-of-type , .g_nav li:last-of-type{margin:0 0 0 0;}
.g_nav li:after{ position:absolute; display:block; content:""; background:#eebdb5; width:1px; height:0; left:0; right:0; margin:0 auto; top:28px; transition:0.3s;}
.g_nav li.on:after , .g_nav li:hover:after{ position:absolute; display:block; content:""; background:#eebdb5; width:1px; height:25px; left:0; right:0; margin:0 auto; top:28px;}


h1{float:left;}
h2{margin:0 0 40px 0;}
h3 , h4{margin:0 0 20px 0;}

footer{width:1000px; margin: 0 auto; padding:0 0 60px 0; color:#01000;}
footer a{color:#01000;}
.footer_inner{width:770px; float:left; padding:0 0 0 30px;}
.footer_inner_qr{width:100px; float:right; text-align:center; text-decoration:none;}
.footer_inner_qr a{text-align:center; text-decoration:none;}
footer strong{ font-weight:normal; font-size:20px;}
.pagetop{position:fixed; right:30px; bottom:100px;}

main{padding:0 0 160px 0;}
section{margin:0 0 60px 0;}
.w270{width:270px;}
.w300{width:300px;}
.w500{width:500px;}
.w470{width:470px;}
.w490{width:490px;}
.w640{width:640px;}
.w700{width:700px;}

.center{text-align:center;}
.f_left{ float:left;}
.f_right{float:right;}
.m_t30{ margin-top:30px;}
.m_t50{ margin-top:50px;}
.btn{ width:300px;  margin:0 auto; border:#bcbcbc solid 1px; text-align:center;}
.btn a{ display:block; padding:12px 0;}

.m_b16{ margin-bottom:16px;}
.m_b40{ margin-bottom:40px;}
.m_b60{ margin-bottom:60px;}

/*フォーム*/
input , select , input[type=checkbox] , textarea{border:none; background:#f9e4e1; padding:5px; margin:0;}
input[type=image]{border:none; padding:0; opacity:1; transition:0.3s;}
input[type=image]:hover{opacity:0.7;}
label {padding-left:30px;font-size:24px;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:	#f9e4e1;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:#f9e4e1 url(../img/select_arrow.png) right 50% no-repeat; padding:5px 20px 5px 5px}
select::-ms-expand {display: none;}
/* ================================================================
( ・∋ Index
================================================================ */
.point01{ background:url(../img/index/bg_point01.png) no-repeat center top;}
.point02{ background:url(../img/index/bg_point02.png) no-repeat center top;}
.point01, .point02 , .bg_onsen{padding:240px 0 0 0;}
.aisatsu h3{margin:0 0 0 40px;}
.aisatsu p{-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.plan_rss div{ width:310px; float:left; margin:0 35px 0 0;}
.plan_rss div img{width:310px; margin:0 0 16px 0;}
.plan_rss div:last-of-type{margin:0 0 0 0;}
.plan_search{background:rgba(255,255,255,0.3); width: 1000px; margin: 0 auto; padding: 20px; box-sizing: border-box;}
.plan_search table , .plan_search th , .plan_search td{ background:none;border:none; padding:0; margin:0; vertical-align:top;}
.plan_search input , .plan_search select , .plan_search table img{margin:0 10px 10px 0;}
.plan_search tr:nth-child(odd) th , .plan_search tr:nth-child(odd) td{background:none;}
.plan_search tr:nth-child(even) th , .plan_search tr:nth-child(even) td{background:none;}
#instafeed li{width:190px;height:190px;float:left;overflow:hidden;position:relative; line-height:130%;margin:0 12px 0 0;}
#instafeed li:last-of-type{ margin:0 0 0 0;}
#instafeed li .image{width:190px;height:190px;position:absolute;top:0;left:0;}
#instafeed li .image img{height:190px; min-width:190px;}
#instafeed li .caption{width:175px;height:175px;padding:10px;position:absolute;top:0;left:0;color:#fff;background:rgba(166,197,114,0.8);-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;opacity:0;overflow:hidden;font-size:12px; margin:0;}
#instafeed li:nth-child(2n) .caption{background:rgba(228,154,141,0.8);}
#instafeed li .caption p{width:170px;height:165px;overflow:hidden;}
#instafeed li .caption:hover{opacity:1;}
.blog p{ border-bottom:#f3f2f0 solid 1px;}
.blog p:first-of-type{border-top:#f3f2f0 solid 1px;}
.blog a{display:block; padding:16px 0;}

/* ================================================================
( ・∋ Onsen
================================================================ */
.bg_onsen{background:url(../img/onsen/bg_onsen.png) no-repeat center top;}
.bx-pager{width:200px;}
.bx-pager img{ height:70px;}
.bx-pager a{ float:left;width:70px; height:70px; overflow:hidden; display:block; margin:0 20px 20px 0;}

/* ================================================================
( ・∋ Cuisine
================================================================ */
.cuisine_lead{background-image: url(../img/cuisine/bg_lead01.png),url(../img/cuisine/bg_lead02.png);background-repeat: no-repeat,no-repeat;background-position: top left,top right; min-height:220px; line-height:3.4em; font-size:16px;}

/* ================================================================
( ・∋ Sightseeing
================================================================ */
.spot div{background:rgba(158,192,101,0.1); width:310px; float:left; margin:0 35px 40px 0; padding:0 0 10px 0; min-height:400px;}
.spot div:nth-of-type(even){background:rgba(228,154,141,0.1); }
.spot div:nth-of-type(3n){margin:0 0 40px 0;}
.spot div h4{font-size:16px; padding:16px 10px 0 10px; margin:0 0 16px 0;}
.spot div h4 img{margin:-4px 0 0 10px;}
.spot div p{padding:0 10px;}