@charset "utf-8";


/* ================================================================
( ・∋ Reset
================================================================ */
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; -ms-interpolation-mode: bicubic;/*ie7*/}
a img:hover {opacity: 0.6;transition: 0.3s;}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */

body {color: #222;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size:14px; letter-spacing:1px;line-height: 2em; overflow-x:hidden;background-image: url(../img/bg_header.png),url(../img/bg.jpg);background-repeat: no-repeat,repeat;background-position: top left,top left;}


table { width:100%; border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;border-top:#AAA solid 1px;border-left:#AAA solid 1px;}
th,td { padding: 10px;border-right:#AAA solid 1px;border-bottom:#AAA solid 1px;}
th {background:#f2e5de; width:25%; text-align:left; font-weight:normal;}

a:link, a:visited{color: #222;text-decoration: none;}
a:hover, a:active{color: #222;text-decoration: underline;outline: 0;}
a:focus { outline: thin dotted/*chrome*/;}
main a[target="_blank"]{ background:#fff; color:#bd403f; padding:1rem 2.5rem 1rem 2rem;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; position:relative;box-shadow: 2px 2px 0 #bb8085;text-shadow: 0 1px 1px rgba(255, 255, 255, .5); border:#bc8186 2px solid; font-weight: bold; display: inline-block;}
main a[target="_blank"]:hover{opacity:0.7; text-decoration:none;}
main a[target="_blank"]:after{display: inline-block; content:""; background:url(../img/blank.png) no-repeat; width:12px; height:11px; position:absolute; right:10px; top:25px;}



h2,h3,h4{ margin:0 0 30px 0;}
h4{font-size:16px;}
.full{ width:100%; position:relative; text-align:center;}
.full:after{ position:absolute; top:10px; width:100%; display:table; content:""; border-top:#775202 solid 1px; z-index:-1;}

/* Clear Settings
-----------------------------------------------------------------------------*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after { clear:both;}
.clearfix { clear:both; zoom:1;}


main{clear:both;margin:60px 0;}
section{ margin:0 0 60px 0;} 
.wrapper , .inner{ clear:both;width:1100px; margin:0 auto;position:relative;}
.inner01{ clear:both;width:800px; margin:0 auto;position:relative;}
main:after , section:after , .wrapper:after , .inner:after{content:"";display:table;clear:both;}

/* Header
-----------------------------------------------------------------------------*/
header{width:1100px; height:190px; margin:0 auto; padding:30px 0 0 0;}
h1{width:315px;}
nav li{ float:left; margin:0 45px 0 0;}
.plan_search{ width:385px;}
header table{margin:16px 0 0 0;}
header table , header th , header td{border:none; padding:0 5px 5px 0;  vertical-align:top;}
.header_movie{width:100%; height:400px; text-align:center; overflow:hidden; margin:0 0 60px 0;}
.header_movie video{width:1100px; height:400px; display:block; margin:0 auto;}
#facilities .header_movie{background:url(../img/facilities/image.jpg) no-repeat center top;}
#kani .header_movie{background:url(../img/kani/image.jpg) no-repeat center top;}
#onsen .header_movie{background:url(../img/onsen/image.jpg) no-repeat center top;}
#tajima .header_movie{background:url(../img/tajima/image.jpg) no-repeat center top;}
#access .header_movie{background:url(../img/access/image.jpg) no-repeat center top;}


/* Footer
-----------------------------------------------------------------------------*/
footer{ clear:both; padding:0; margin:50px 0 0 0;  width:100%; text-align:center;}
footer p{margin:0 0 24px 0;}
footer p strong{font-weight:normal; font-size:20px;}
address{background:#9a4444;text-align:center; font-size:10px; color:#ccc; letter-spacing:0; font-style:normal; padding:5px 0;}
address img{vertical-align:bottom;}
.f_bn{text-align:center; margin:50px auto;}

#pagetop {
	position: fixed;bottom: 140px;right: 0px; z-index:100;}
	#pagetop a {text-decoration: none;background: url(../img/pagetop.png) no-repeat;color: #FFFFFF;
	padding:0;text-align: center;display: block;
	font-size: 11px;height:222px;width:136px;line-height: 1.4em; transition:0.3s;}
	#pagetop a:hover{opacity:0.7;}
	
#pagetop{
    bottom: 20px;
}

/*共通box*/
.lead , .lead02 , .lead03{width:100%; height:610px;padding:0 0 35px 0; color:#444;}
.lead .inner , .lead02 .inner , .lead03 .inner{ height:100%;}
.lead{  background:url(../img/bg_lead.jpg) repeat-x left bottom;}
.lead02{ background:url(../img/bg_lead02.jpg) repeat-x left bottom;}
.lead03{background:url(../img/bg_lead03.jpg) repeat-x left bottom;}
.lead_img01 , .lead_img02 ,.lead_img03  ,.lead_img04 , .lead_img05 ,.lead_text{ position:absolute;}
.lead_img01{bottom:0; right:0;}
.lead_img02{top:115px;  left:230px;}
.lead_img03{ bottom:30px; left:0;}
.lead_img04{ bottom:-35px; left:-99px;}
.lead_img05{ bottom:250px; left:80px;}
.lead_movie{ position:absolute;bottom:0; right:0; width:540px; height:540px; overflow:hidden;border-radius: 270px;-webkit-border-radius: 270px;-moz-border-radius: 270px;}
.lead_movie video{height:540px;}
.lead_text{ top:336px; left:230px; width:300px;}
.index_lead_text{ top:390px; left:230px; width:300px;}


.col2 div{width:550px; position:relative;}
.col3 div{ width:350px; margin:0 25px 0 0;}
.col3 div:last-child{margin:0 0 0 0;}
.ichimatsu{ width:100%;  background:url(../img/bg_blog.jpg) repeat; padding:30px 0;}
.slider{margin: 0 0 60px 0; }
.slider .s_image{position:relative;}
.slider .s_left{clear:both; float:left; width:550px;}
.slider .s_right{clear:both; float:right; width:550px;}
.slider .time{ margin:8px 0 0 0;padding:5px 10px; background:#a6bad1; color:#FFF; display:inline-block;}
.slider .movie{float:right; width:450px;}
.slider .movie video{width:450px; height:278px;}
.slider h4{position:absolute; top:0;  z-index:100;right:40px;}
.slider h4.t_left{left:40px;}
.slider .bx-pager img , .slider .bx-pager2 img , .slider .bx-pager3 img , .slider .bx-pager4 img , .slider .bx-pager5 img{ opacity:0.3;}
.slider .active img{ opacity:1;}
.bx-pager , .bx-pager2 , .bx-pager3 , .bx-pager4 , .bx-pager5{float:right; padding:16px 0;}
.bx-pager img , .bx-pager2 img , .bx-pager3 img , .bx-pager4 img , .bx-pager5 img{width:100px;}
.bg_pink{ background:rgba(209,169,169,0.2);padding:10px; box-sizing:border-box;}
.w300{width:300px;}
.w500{width:500px;}
.w550{width:550px;}
.w800{width:800px;}


/*共通レイアウト*/
.center{text-align:center;}
.f_left{ float:left;}
.f_right{ float:right;}
.pl30{padding-left:30px; box-sizing:border-box;}
.pr30{padding-right:30px; box-sizing:border-box;}
.pl15{padding-left:15px; box-sizing:border-box;}
.pr15{padding-right:15px; box-sizing:border-box;}
.mb16{margin-bottom:16px;}
.mb40{margin-bottom:40px;}
.mt60{margin-top:60px;}

/*フォーム*/
input , select , input[type=checkbox] , textarea{ /*border:#9ec6e0 solid 1px;*/ border:none; background:#cdb4b5; padding:5px 0 5px 5px; margin:0; font-size:12px;}
input[type=text]{padding:7px 0 7px 5px;}
input[type=text]:disabled{background:#d4bfc1; color:#AAA;}
input[type=image]{border:none; background:none;opacity:1; transition:0.3s; padding:0;}
input[type=image]:hover{opacity:0.7;}
label {padding-left:20px;font-size:16px;line-height:16px;display:inline-block;cursor:pointer;position:relative;}
label:before {content:'';width:16px;/* ボックスの横幅 */height:16px;/* ボックスの縦幅 */display:inline-block;position:		absolute;left:0;background-color:	#cdb4b5;border:none;}
input[type=checkbox] {display:		none;}
input[type=checkbox]:checked + label:before {content:'\2713';/* チェックの文字 */ 
	font-size:		16px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#a15558;			/* チェックした時の色 */
}
select { padding:5px 10px 5px 5px;-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background:#cdb4b5 url(../img/select.png) no-repeat;
    background-size:20px 8px;
    background-position: right center;
}
@-moz-document url-prefix() { /* for firefox */
    select {
        background:none;
    }
}
select::-ms-expand {
    display: none;
}
main input[type=button]{ padding:10px 20px; font-size:20px;box-shadow: 2px 2px 0 #bb8085;text-shadow: 0 1px 1px rgba(255, 255, 255, .5);}
input[type=button]:hover{cursor:pointer;}

/* ================================================================
( ・∋ Index
================================================================ */
#index #header_wrap {  width: 100%;height:920px;position: relative;overflow:hidden;margin:0 0 60px 0;}
.i_gnav {background:#9a4444 url(../img/index/bg_i_g_nav.png) repeat-y; position: fixed; top:0; left:0; width:50px; height:100%; z-index:10000; }
.i_gnav ul{ height:100%;}
.i_gnav li{width:50px;text-align:center; }
.i_gnav .home a{ padding:10px 0;box-sizing:border-box;}
.i_gnav li a{ display:block; height:100%;padding:7px 0 2px 0;}
.i_gnav li a:hover { background: rgba(255,255,255,0.1);opacity: 0.6;transition: 0.3s;}
.i_gnav img:hover {opacity: 1;}
.i_gnav li.plan{background:#947930;padding:10px 0 0 0;height:12%; box-sizing:border-box;}
.i_gnav li.plan a:hover{background:none;}
.i_logo{position:absolute; top:20px; right:20px; z-index:100; width:auto;}
.index_slide{width:50%; height:calc(100% - 200px) ; overflow:hidden; float:right; position:relative; z-index:3;}
.index_slide:after{ display:block; content:"";background:url(../img/index/bed.png) no-repeat center center; width:195px; height:195px; position:absolute; top:40%; left:0; right:0; margin:0 auto; z-index:3; box-sizing:border-box;transition:0.5s; }
.index_slide:hover:after{ width:100%; height:100%; top:0;transition:0.5s;border:#000 solid 10px;}
.index_slide ul{ z-index:1;}
.index_slide01{
	width:100%;
	margin-right: -476px;
    padding-right: 476px;
    box-sizing: border-box;
	height:230px;
	overflow:hidden;
	float:right;
}
.w25{ float:left;width:30%;} .h225{height:230px;overflow:hidden;}
.w50{ float:left;width:70%;}
.w75{ float:left;width:75%;}
.w100{width:100%;}

.w25 img , w50 img , .w100 img{width:100%; min-height:276px;}
.index_slide01 img{ width:100%;min-height:230px;}
.index_slide02{ clear:both; float:left;width:25%; height:690px; overflow:hidden;}
.index_slide03{ float:right;width:75%; height:690px;overflow:hidden;}
.index_slide03 video{min-width: 1500px;
  width: 100%;
  opacity: 1;
  left: 0;
  top: 0;}
.plan_rss div{ background:rgba(209,169,169,0.2); padding:20px; box-sizing:border-box; min-height:500px;}
.plan_img{width:310px; height:210px; margin:0 0 8px 0; overflow:hidden;} 
.plan_img img{width:100%;}
.plan_rss h4{ font-size:16px; font-weight:normal; color:#ad1f1f; margin:0 0 16px 0;}
.plan_rss  a[target="_blank"]{ background:none; padding:0;border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0; position:relative;box-shadow: none;text-shadow:none; color:#ad1f1f;}
.plan_rss a[target="_blank"]:hover{opacity:1; text-decoration: underline;}
.plan_rss a[target="_blank"]:after{display: inline-block; content:""; background:none; width: auto; height: auto; position:absolute; right:10px; top:12px;}
.blog{ width:800px;}
.t_blog{ margin:30px 0 0 0;}
.blog p{border-bottom:#cb9e9e solid 1px; padding:0 0 8px 0; margin:0 0 16px 0;}
.blog span{color:#fefefe; background:#cb9e9e; padding:3px; margin:0 24px 0 0; font-size:13px;}
.index_lead{background:url(../img/index/lead_bg.jpg) no-repeat; background-size:cover; width:100%; height:450px; padding:50px 0 0 0;}
.index_lead p{background:url(../img/index/lead_text.png); text-indent: 100%; white-space: nowrap; overflow: hidden; width:859px; height:387px; margin:0 auto;}

#index .plan_search{background:rgba(255,255,255,0.5); width: 1000px; margin: 0 auto; padding: 20px; box-sizing: border-box;}
#index .plan_search table , #index .plan_search th , #index .plan_search td{ background:none;border:none; padding:0; margin:0; vertical-align:top;}
#index .plan_search table{width:80%; margin:0 auto;}
#index .plan_search input , #index .plan_search select , #index .plan_search table img{margin:0 10px 10px 0;}
#index .plan_search tr:nth-child(odd) th , #index .plan_search tr:nth-child(odd) td{background:none;}
#index .plan_search tr:nth-child(even) th , #index .plan_search tr:nth-child(even) td{background:none;}

#index .footer_detail {display: flex; justify-content: center;}
#index .footer_address {margin-left: 40px; text-align: left;}

.payment_box {width: 500px; padding: 30px; margin: 0 auto; text-align: center; border: 2px solid #9A4444; /* background-color: #fff; */}
.payment_box .payment_midashi {border-bottom: 4px dotted #9A4444;}
.payment_box .payment_flex {display: flex; justify-content: space-between;}
.payment_box .payment_flex .payment_name {color: #9A4444; font-weight: bold; font-size: 15px;}

.access_wrap {margin-bottom: 20px;}
.access_wrap .access_pick {display: inline-block; padding: 1rem 2rem; background: #9a4444; color: #fff; font-weight: bold;}

.bn-wrap{
	width: 250px;
	/* height: 115px; */
	margin: 10px auto 40px;
	padding: 30px 0;
	background: #fff;
	border: 2px solid #9A4444;
	color: #9A4444;
}

/* ================================================================
( ・∋ Kani
================================================================ */
.bg_syabusyabu{ background:url(../img/kani/bg_syabusyabu.png) no-repeat center center;}
.shinagaki_box{background:url(../img/bg_lead.jpg) repeat; padding:30px 30px 0 30px;}
.shinagaki{width:450px;}
.shinagaki li{ background:url(../img/arrow01.png) no-repeat left 6px; font-size:13px; margin:0 0 24px 0; padding:0 0 0 16px; line-height:1.5em;}
.shinagaki span{font-size:12px;}
.kouhyou{position:absolute; top:-50px; right:-50px;}

/* ================================================================
( ・∋ Tajima
================================================================ */
.awabi{height:495px; background:url(../img/tajima/awabi02.jpg) no-repeat left bottom;}

/* ================================================================
( ・∋ Facilities
================================================================ */
.bg_wine{position:absolute; right:15px;}
.red{color:rgba(225,28,31,1.00);}

.con_box{display: block;}
.mingei{position:absolute; right:0;}
.mingei07{position:absolute; right:0; }
.sub_comment{position: absolute; right: 540px; top: 102px;}

.mingei2{position:absolute; left:0;}
.mingei08{position:absolute; left:0; }


/* ================================================================
( ・∋ Onsen
================================================================ */
.bg_yukata{ position:absolute; right:0; top:50px;}

/* ================================================================
( ・∋ Access
================================================================ */
.transportation li{ background:url(../img/arrow01.png) no-repeat left 6px; font-size:13px; margin:0 0 24px 0; padding:0 0 0 16px; line-height:1.5em;}
@media print{
  #access header , #access footer , #access h2 , #access .header_movie , #access iframe , #access .sightseeing{display:none; }
  #access {background:none;}
  #access .wrapper{width:auto;}
}
.sightseeing div{ background:rgba(255,255,255,0.5); padding:20px; border-bottom:#e1cbb8 solid 1px; margin:0 0 24px 0;}
.sightseeing h4{background:url(../img/access/arrow02.png) no-repeat left center; font-size:18px; padding:0 0 0 24px; font-weight:normal; width:730px; box-sizing:border-box; margin:0 0 24px 0;}
.sightseeing p{width:730px;}

/* MainVisual
-----------------------------------------------------------------------------*/
div#mainVisual {width: 100%;height: 100%;position: relative; }
#index div#mainVisual:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 90.88%;
	background-size:cover;
	position: absolute;
	right: 0px;
	top: 0px;
	}
	
#bn_reservation {
	position: fixed;
	top: 120px;
	right: 0;
	z-index: 99;
}	


#index .qr{
	/* float: left; */
	margin: 0;
}
#index footer .qr a {
	color: #9A4444;
}
#index footer .qr img {
	color: #9A4444;
	border: 1px solid #333;
}



/* 追加
-----------------------------------------------------------------------------*/
.link_bana{ width:25%; height:230px; overflow:hidden; float:left;}

.link_bana li{ margin:0; padding:0; width:100%; height:20%;}

.w25-2 img{width:476px; height:46px;}

#adjust01{
	height:20%;
	min-height:46px;
}
.link_bana img{width:476px; height:46px;}



.link_bana02{
	width:25%;
	height:230px;
	overflow:hidden;
	position:absolute;
	top:230px;
	left:0;
	z-index:100;
}

.link_bana02 li{ margin:0; padding:0; width:100%; height:20%;}
.link_bana02 li:hover img{ opacity:0.5;}

.bg01{background:url(../img/link_bg01.jpg);}
.bg02{background:url(../img/link_bg02.jpg);}

.w25-3 img{width:476px; height:46px;}

.link_bana02 img{width:476px; height:46px;}

.h225_2{height:184px;overflow:hidden;}
.h225_3{height:276px;overflow:hidden;}

.yoyaku_bana{
	width:476px;
	height:230px;
	overflow:hidden;
	float:left;
	background:url(../img/yoyaku_bg.png);
}
.yoyaku_bana02{
	width:25%;
	min-width:476px;
	height:230px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.yoyaku_bana02 img{
}


.yakiganinofushigi{
	position: relative;
	text-align: center;
}


.yakiganinofushigi .data1{
	float: left;
	width: 500px;
}

.yakiganinofushigi .data2{
	float: right;
	width: 500px;
}
.yakiganinofushigi .t_title{
	height: 300px;
}

.yakiganinofushigi .t_pic{
}

.yakiganinofushigi .t_pic img{
	width: 100%;
	height: auto;
}

.yakiganitte{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	
}

#serihukei{
	margin: 0 auto;
	padding: 80px 0;
	text-align: center;
	background: url(../img/bg_lead02.jpg);
}
.side_btn,.side_btn *{
	box-sizing: border-box;
}

.side_btn{
	width: 230px;
    height: auto;
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 100;
	background:rgba(162,25,25,1.00);
	display:grid;
	place-items:center;
	padding:0px;
	gap:0px;
	transition: 0.5s all;
    aspect-ratio: 1 / 1;
}
.side_btn.ichi{
    bottom: 260px;
}
.side_btn > *{
	width:100%;
	height:100%;
}
.side_btn a{
	text-decoration: none;

}
.side_btn:hover{
	opacity: 0.5;
}
.furusato_bn,.furusato_bn *{
    box-sizing: border-box;
}
.furusato_bn{
	display:grid;
	place-items:center;
	width: 100%;
    height: 100%;

    place-content: center;
	/*border-top:10px solid #444;*/
	border-bottom:10px solid #C38C16;
	padding:15px 15px 10px;
	align-items: start;
	gap:8px;
    background: url("../img/index/kinpaku_bg3.png") no-repeat;
    background-position: top right;
}
.furusato_bn .icon{
	width:100%;
	height:auto;
	padding-inline: 25%;
}
.furusato_bn .icon img{
	width:100%;
	height:auto;
    filter:
        drop-shadow(0 0 3px rgba(162,25,25,1.00)) 
        drop-shadow(0 0 3px rgba(162,25,25,1.00)) 
        drop-shadow(0 0 3px rgba(162,25,25,1.00)) 
        drop-shadow(0 0 3px rgba(162,25,25,1.00));
}
.furusato_bn p{
	font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
/*
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
*/
	color: #fff;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top:-8px;
	text-align: center;
}
.furusato_bn p span{
	font-size: calc(100% * 1.4);
		font-weight: 800;
	padding-bottom:5px;
}
.side_btn{
	/* display:none; */
}
.invoice_wrap{
	 padding: 0 2rem;
}

.invoice_text {
    padding: 1rem 2rem;
    margin: 0 0 2rem 0;
    border: #000 1px solid;
    display: inline-block;
}
.invoice_text p{
	margin-bottom: 0;
}

#tabs {margin: 4rem 0 0 0;}
#tabs .tab_list {list-style:none; padding:0; display:flex; flex-wrap: wrap; justify-content:space-between;}
#tabs .tab_list li{text-align:center; flex: 1;}
#tabs .tab_list li a{display: block; transition: 0.5s; margin: 0 3px; padding:10px; color:#000; background:#fff; box-sizing: border-box; border-right:#fff 1px solid; text-decoration: none; font-size:18px; font-weight: bold; color:#339966;}
#tabs .tab_list li:last-child a{border-right:none;}
#tabs .tab_list li a.active{background:#339966; color:#fff;}
#tabs .panel{box-sizing: border-box; padding:3rem 1rem; background: #fdf9f7;}

.title01{margin-bottom:0.5rem; padding:1rem 0 0 0;  font-size:21px; text-align: center; background:url(../img/access/arrow02.png) no-repeat top center;}

.banner_area{text-align: center; margin:0 auto 4rem auto; max-width: 730px;}
.banner_area p{margin-bottom: 1rem;}
.banner_area a{font-size:18px;}