@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:top; -ms-interpolation-mode: bicubic;/*ie7*/}
a:hover {}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */
body { color:#fefefe;background:#000;
	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:#fefefe; text-decoration:none; opacity:1;transition: 0.3s;}
a:hover{text-decoration:underline;opacity: 0.6;}

/*---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---*/
table { width:100%; border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;}
th,td { padding: 10px;border-bottom:#191a06 solid 1px; vertical-align:middle;}
th { color:#ebe481; width:25%; text-align:left; font-weight:normal; position:relative; padding:0 0 0 20px; background:url(../img/bg_th.jpg) no-repeat left center;}
td.bg01{ background:#44451f;}


.price th, .price td { padding: 10px;border-right:#191a06 solid 1px;border-bottom:#191a06 solid 1px; vertical-align:middle;}
.price th {background:#323311; color:#FFF; width:25%; text-align:left; font-weight:normal;}
.price th:after{display:none;}

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

/*---header---*/
header{ background:rgba(0,0,0,0.9);width:100%; height:70px; padding:20px 0 0 0;margin:0 auto;position:fixed;top:0; z-index:10000;}
nav {}
nav ul{}
nav li{ float:left; display:inline-block; padding:0 12px; position:relative;}
nav li:after{display:block; content:""; background:#353535; width:1px; height:20px; position:absolute; right:0; top:010px;}
.h_right{
	float: right;
	width: 520px;
}
.h_right li{float:right; margin:0 0 0 10px;}
.page_title{ width:100%; margin:0 auto; height:400px; margin:90px 0 0 0; position:relative;}
.page_title h1{ position:absolute; top:170px; left:0; right:0; margin:0 auto; text-align:center; width:500px;}
.page_title p{ position:absolute; top:150px; left:0;}
.page_title a{display:block; height:100%;}
#cuisine .page_title{ background:url(../img/cuisine/bg_c_title.jpg) no-repeat center center;}
#facilities .page_title{ background:url(../img/facilities/bg_f_title.jpg) no-repeat center center;}
#room .page_title{ background:url(../img/room/bg_r_title.jpg) no-repeat center center;}
#access .page_title{ background:url(../img/access/bg_a_title.jpg) no-repeat center center;}
#sightseeing .page_title{ background:url(../img/sightseeing/bg_s_title.jpg) no-repeat center center;}
#wedding .page_title{ background:url(../img/wedding/bg_w_title.jpg) no-repeat center center;}
#news .page_title{ background:url(../img/bg_news_title.png) no-repeat center center;}

/*---contents---*/
main{ background:#000; display:block; padding:20px 0 120px 0; z-index:1;}
section{margin:0 0 60px 0;}
.wrapper , .inner{width:1000px; margin:0 auto; position:relative;}
.lead{ position:relative;}
.lead01{ position:absolute; left:-150px; top:0;}
.lead02{ position:absolute; right:-125px; top:110px;}
.w50{width:50%; position:relative;}
.w200{width:200px;}
.w310 div { width:310px; float:left; margin:0 35px 0 0;}
.w310 div:last-child{margin:0 0 0 0;}
.w360{width:360px;}
.w400{width:400px;}
.w440{width:440px;}
.w480{width:480px;}
.w500{width:500px;}
.w560{width:560px;}
.w600{width:600px;}
.w800{width:800px;}
.att{background:#0a0a0a; padding:20px;}

/*---footer---*/
footer{ clear:both;width:100%; position:relative; background:#000 url(../img/bg_footer01.png) repeat-x top; padding:8px 0 60px 0;}
.f_bg{ width:1260px;background:url(../img/bg_footer02.png) no-repeat right 60px;min-height:209px; margin:0 auto;}
footer strong{ font-weight:normal; font-size:20px;}
footer .w500{padding:40px 0 0 0;}
footer .w500 p{padding:60px 0 0 0; margin:0 0 0 80px;}
footer .w400{padding:40px 0 0 0;}
footer .w400 p{padding:60px 0 0 0; margin:0 0 0 80px;}

address{font-size:12px; color:#919191;margin:0 0 0 80px;}
.pagetop{position:fixed; right:50px; bottom:100px; z-index:100;}
#pagetop{position:absolute; top:0;}

/*---common---*/
.center{text-align:center;}
.f_left{ float:left;}
.f_right{float:right;}
.m_t30{ margin-top:30px;}
.m_t50{ margin-top:50px;}
.m_t60{ margin-top:60px;}
.m_t140{ margin-top:140px;}
.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:20px;}
.m_b40{margin-bottom:40px;}
.m_b60{margin-bottom:60px;}
.p_t180{padding-top:180px;}
.t_right{text-align:right;}
.mr_auto{margin-left:auto; margin-right:auto;}
.text_c{text-align:center;}
h2{margin:0 0 40px 0;}
h4{margin:0 0 20px 0; font-size:24px;}
.red{color:#fa4527;}
.tel{font-size:20px;}

h3.line{ width:100%;text-align:center; background:url(../img/bg_h3.png) repeat-x center 60px; margin:0 0 40px 0;}
h3.line span{background:#000; padding:0 40px; height:100px; display:inline-block;}
#sightseeing h2.line,#room h2.line,#facilities h2.line{ width:100%;text-align:center; background:url(../img/bg_h3.png) repeat-x center 60px; margin:0 0 40px 0;}

#sightseeing h2.line span,#room h2.line span,#facilities h2.line span{background:#000; padding:0 40px; height:100px; display:inline-block;}
/*フォーム*/
input , select , input[type=checkbox] , textarea{border:none; background:#dedede; 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;}
.plan_search label {padding-left:30px;line-height:24px;display:inline-block;cursor:pointer;position:relative; margin:14px 0 0 0;}
.plan_search label:before {content:'';width:24px;/* ボックスの横幅 */height:			24px;			

/*フォーム追加*/




/* ボックスの縦幅 */display:		inline-block;position:		absolute;left:			0;
	background-color:	#FFF;border:none;
}
.plan_search input[type=checkbox] {display:		none;}
.plan_search 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:#8d850c; padding:16px 40px; font-size:20px; color:#FFF; height:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; font-weight:bold;}
input[type=submit]:hover{cursor:pointer;}

/* ================================================================
( ・∋ news
================================================================ */
#news th,#news td { padding:0 10px; border-bottom:none;}



/* ================================================================
( ・∋ Index
================================================================ */
.index_movie_wrap{position:fixed; top:90px; left:0; right:0; width:1400px; height:700px; margin:0 auto; z-index:-1;}
.index_movie{ position:relative;}
.index_movie h1{position:absolute; z-index:1; top:200px; margin:0 auto; left:0; right:0; text-align:center;}
.index_movie_catch{position:absolute; z-index:1; top:180px;right:200px;}
.index_main{margin:790px 0 0 0; z-index:1;padding:0 0 120px 0;}
.index_main .plan_rss{padding:40px 0 0 0;}
#index video {width: 100%;opacity: 1;left: 0;top: 0;}
.index_lead{background:url(../img/index/top_lead.jpg) no-repeat center top; width:100%; min-height:900px;}
.index_lead_box{width:700px; margin:0 auto; position:relative; padding:30px 0 0 0;}
.index_lead_box h2{position:absolute; left:-50px;}
.index_lead_box p{padding:150px 0 0 0; text-shadow:1px 1px 2px #05547d,-1px 1px 2px #05547d,1px -1px 2px #05547d,-1px -1px 2px #05547d; font-weight:bold; font-size:15px;}

.plan_search{ font-size:14px; line-height:1.2em; padding:20px 0 0 0;}
.plan_search table{float:left; width:720px;height:160px;}
.plan_search span{font-size:11px;}
.plan_search table , .plan_search th , .plan_search td{background: #000;border:none; padding:0; margin:0; vertical-align:top;}
.plan_search input , .plan_search select , .plan_search table img{margin:8px 0 0 0;}
.plan_search tr td:first-child{padding:0 0 0 20px;}
.plan_search input[type=image]{ margin:0 0 0 0; height:100%;}
/*追加*/
.search_btn{width:140px; height:98px; display:inline-block;}

.plan_rss div{ float:left; width:310px; background:#181818; margin:0 35px 50px 0; padding:0 0 20px 0; position:relative; border-top:#550c0d solid 3px;}
.plan_rss a{display:block;}
.plan_rss a:last-of-type div{margin:0 0 50px 0;}
.plan_rss div img{width:100%; margin:0 0 10px 0;}
.plan_rss div p{padding:0 10px;}
.plan_rss div:after { display:block; content:""; width:30px; height:30px; background:url(../img/index/btn_plan.png) no-repeat; position:absolute; bottom:-15px; left:0; right:0; margin:0 auto;}

#instafeed li{width:184px;height:184px;float:left;overflow:hidden;position:relative; line-height:130%;margin:0 17px 17px 0;}
#instafeed li:nth-child(4n){margin:0 0 17px 0;}
#instafeed li:last-of-type{ margin:0 0 0 17px;}
#instafeed li .image{width:150px;height:150px;position:absolute;top:0;left:0;}
#instafeed li .image img{height:184px; min-width:184px;}
#instafeed li .caption{width:184px;height:184px;padding:10px;position:absolute;top:0;left:0;color:#fff;background:rgba(0,0,0,0.7);-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; box-sizing:border-box;}
#instafeed li:nth-child(2n) .caption{background:rgba(246,163,18,0.7);}
#instafeed li .caption p{width:164px;height:184px;overflow:hidden;}
#instafeed li .caption:hover{opacity:1;}

.news p{ border-bottom:#3c3c3c solid 1px; padding:0 0 20px 0; margin:0 0 20px 0;}

.f_qr{ padding-top:100px;}
.f_qr a{ display:block; text-align:center;}
.f_qr a:hover{ text-decoration:none;}

/*-----新着RSS-----*/

	
/*-----新着RSS-----*/

/* ================================================================
( ・∋ Cuisine
================================================================ */
.btn_tab li{ float:left; margin:0 20px 0 0;}
.spring , .summer  , .autumn , .winter{ color:#000;padding:20px; box-sizing:border-box; position:relative;}
.spring{background:#FFF url(../img/cuisine/bg_spring.jpg) no-repeat center top; }
.summer{background:#FFF url(../img/cuisine/bg_summer.jpg) no-repeat center top; }
.autumn{background:#FFF url(../img/cuisine/bg_autumn.jpg) no-repeat center top; }
.winter{background:#FFF url(../img/cuisine/bg_winter.jpg) no-repeat center top; }
.cuisine_text{ background:url(../img/cuisine/bg_text01.png) no-repeat; width:403px; height:403px; position:absolute; top:40px; left:20px; box-sizing:border-box; padding:0 50px 0 0;}
.cuisine_text p{float:right;-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin:20px 20px 0 0; background:url(../img/cuisine/bg_text02.png) repeat-y right top; line-height:2.9em; padding:0 0 0 4px; font-weight:bold;}

.s_title{width:48px; height:100%; box-sizing:border-box; padding:230px 0 0 6px;}
.spring .s_title{ background:url(../img/cuisine/t_spuring.png) no-repeat center top; }
.summer .s_title{ background:url(../img/cuisine/t_summer.png) no-repeat center top; }
.autumn .s_title{ background:url(../img/cuisine/t_autumn.png) no-repeat center top; }
.winter .s_title{ background:url(../img/cuisine/t_winter.png) no-repeat center top; }

.spring h3 span , .summer h3 span , .autumn h3 span , .winter h3 span{background:#FFF;}
.cuisine_image{position:absolute; top:240px;}

.spring .cuisine_text p , .spring h4 , .s_kondate h4{  color:#d22543;}
.summer .cuisine_text p , .summer h4, .su_kondate h4{  color:#76a004;}
.autumn .cuisine_text p , .autumn h4, .a_kondate h4{  color:#bc4c0f;}
.winter .cuisine_text p , .winter h4, .w_kondate h4{  color:#448ce5;}

.s_rec , .su_rec , .a_rec , .w_rec{min-height:500px;}
.s_rec{background:url(../img/cuisine/bg_s_rec.png) no-repeat right bottom; }
.su_rec{background:url(../img/cuisine/bg_su_rec.png) no-repeat right bottom;}
.a_rec{background:url(../img/cuisine/bg_a_rec.png) no-repeat right bottom;}
.w_rec{background:url(../img/cuisine/bg_w_rec.png) no-repeat right bottom;}

.kondate{padding:20px; box-sizing:border-box;-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height:640px;}
.kondate ul{padding:0 40px 0 0;}
.kondate li{ color:#000; font-size:18px; position:relative; padding:40px 0 0 0; margin:0 0 0 40px;}
.kondate li:after{ position:absolute; display:block; top:0; right:0;content:"一、";}
.kondate h4 img , .shinagaki h4 img{margin:0 -8px 0 0;}
.kondate li span{-webkit-text-combine: horizontal;-ms-text-combine-horizontal: all;  text-combine-upright: all;
}
.kondate p{padding:0 40px 0 0; color:#000; font-size:18px;}

.s_kondate{background:url(../img/cuisine/bg_s_kondate.jpg) no-repeat right bottom;}
.su_kondate{background:url(../img/cuisine/bg_su_kondate.jpg) no-repeat right bottom;}
.a_kondate{background:url(../img/cuisine/bg_a_kondate.jpg) no-repeat right bottom;}
.w_kondate{background:url(../img/cuisine/bg_w_kondate.jpg) no-repeat right bottom;}
.shinagaki{background:url(../img/cuisine/bg_shinagaki.jpg) no-repeat right bottom; box-sizing: border-box; padding:20px;height:640px; color:#000;}
.shinagaki h4{float:right;-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; color:#4b1a01;}
.shinagaki h5{ color:#4b1a01; font-size:18px; margin:0 0 20px 0;}
.shinagaki .w400{margin:0 40px 0 0;}

/*タブ切り替え全体のスタイル*/
.tabs { width:1000px;
  margin-top: 50px;
  padding-bottom: 40px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {  width: calc(100%/3);/*★冬料理追加時4に変更*/
  height: 50px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {  opacity: 0.75; cursor:pointer;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content { padding:60px 0 0 0;  display: none; opacity:0; transition:0.3s;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#spring:checked ~ #spring_content,
#summer:checked ~ #summer_content,
#autumn:checked ~ #autumn_content,
#winter:checked ~ #winter_content {
  display: block; opacity:1;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {}

#lean_overlay {    display: none;position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}

.modal {    display: none;
    width: 1000px; margin:0 auto;
}
.modal_close{position: absolute;
	top: -30px;
	right: -30px;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../img/cuisine/close.png) no-repeat;
	z-index: 2;}
	
dl{ width:400px; font-size:18px;}
dt{float : left;border-bottom:#4b1a01 dotted 1px; width:300px;}
dd{margin:0 0 10px 100px;border-bottom:#4b1a01 dotted 1px; text-align:right;}

.bg_soba{ width:880px; float:right; background:url(../img/cuisine/bg_soba.png) no-repeat; height:600px; box-sizing:border-box; padding:80px 0 0 310px;}


/* ================================================================
( ・∋ Facilities
================================================================ */
.kannaizu{ background:url(../img/facilities/kannaizu.jpg) no-repeat center top; height:830px; position:relative;}
.bn_hiroma , .bn_honkan , .bn_shinkan , .bn_soba{position:absolute;}
.bn_hiroma{top:660px;left:390px;}
.bn_honkan{right:0; top:320px;}
.bn_soba{left:390px; top:490px;}
.bn_shinkan{ left:0; top:690px;}
.history{background:url(../img/facilities/bg_rekishi.png) no-repeat; width:1000px; min-height:665px; padding:60px 0 0 0; text-shadow:1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;}

/* ================================================================
( ・∋ Room
================================================================ */
.bg_kiri{position:relative; background:url(../img/room/bg_kiri.png) no-repeat right center; min-height:533px;}
.bg_take{position:relative; background:url(../img/room/bg_take.png) no-repeat left center; min-height:400px;}
.bg_ume{position:relative; background:url(../img/room/bg_ume.png) no-repeat right center; min-height:400px;}
.bg_yuri{position:relative; background:url(../img/room/bg_yuri-r.png) no-repeat right center; min-height:400px;}
.bg_aoi{position:relative; background:url(../img/room/bg_aoi.png) no-repeat right center; min-height:400px;}
.bg_fuji{position:relative; background:url(../img/room/bg_fuji.png) no-repeat left center; min-height:400px;}

.bx-pager , .bx-pager02 , .bx-pager03{ position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:130px;}
.bx-pager a , .bx-pager02 a , .bx-pager03 a{width:60px; height:60px; overflow:hidden; display:block; float:left; margin:0 10px 10px 0;}
.bx-pager a:last-child , .bx-pager02 a:last-child ,.bx-pager03 a:last-child{margin:0 0 0 0;}
.bx-pager a:nth-child(2) , .bx-pager02 a:nth-child(2) ,.bx-pager03 a:nth-child(2){margin:0 0 0 0;}
.bx-pager img , .bx-pager02 img , .bx-pager03 img{height:60px; margin:0 0 0 -20px;}

/* ================================================================
( ・∋ Access
================================================================ */
.access_link{padding:10px 0;}
.access_link li{float:left; text-align:center; width:183px; margin:0 20px 0 0;}
.access_link li:last-child{ margin:0 0 0 0;}
#map_canvas {
	height:367px;
    width: 500px;
    box-sizing: border-box;
	float:left;
}

/* ================================================================
( ・∋ Wedding
================================================================ */
#wedding , #wedding header , #wedding main{background:#FFF; color:#000;}
#wedding footer{ background:#FFF url(../img/bg_footer01.png) repeat-x top;}
#wedding a{color:#FFF;}
#wedding .ui-state-default{color:#2e6e9e;}
#wedding th{ color:#c53d43;}
#wedding th{ background:url(../img/wedding/bg_th.jpg) no-repeat left center;}
.w_price{ background:#f9ebec;}

#wedding  .plan_search table, #wedding  .plan_search th, #wedding  .plan_search td{ background:#f9ebec; color:#000; padding:10px 0 0 0;}
#wedding  .plan_search tr td:first-child{ padding:10px 0 0 20px;}
#wedding  .plan_search table{ height:130px;}
#wedding h3.line span{background:#FFF;}


.wedding_lead{background:url(../img/wedding/wedding_lead.jpg) no-repeat center top; width:100%; min-height:800px;}
.wedding_lead_box{width:700px; margin:0 auto; position:relative; padding:30px 0 0 0;}
.wedding_lead_box h2{position:absolute; left:-50px;}
.wedding_lead_box p{padding:150px 0 0 0; text-shadow:1px 1px 3px #FFF,-1px 1px 3px #FFF,1px -1px 3px #FFF,-1px -1px 3px #FFF; letter-spacing:1px; font-size:18px; font-weight:bold;}

.flow{ background:url(../img/wedding/arrow.png) no-repeat 60px 170px; min-height:380px;}
.flow p{margin-left:167px; width:410px;}
.flow:last-child{background:none;min-height: inherit;}
.shitami{ background:#f9ebec; box-sizing: border-box; padding:10px;}


.ui-datepicker th{background:none !important; color:inherit !important;}#access main #contact .inner #formWrap form .formTable tr td h3 {
	font-size: 23px;
}
#access main #contact .inner #formWrap form .formTable tr .syubetu input {
	height: auto;
}
#access main #contact .inner .formTable02 tr th {
	width: 9%;
}
#access main #contact .inner .tyumon_h3 {
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
}

#access main #contact .tel_contact {
	font-size: 1.7em;
	margin-bottom: 30px;
	padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#access main #contact .tel_contact .number {
	font-size: 2em;
    letter-spacing: 0.06em;
}