@charset "utf-8";

/* --------------------------------------------------------------- */
/* reset */
/* --------------------------------------------------------------- */

*{
	margin:0;
	padding:0;}

body, html, main {
    /* important */
    height: 100%;
	background-color:#210;
	background-image:url(../img/common/bg_contents.png);}

html{
	font-size:100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;}
	
ul{ list-style:none;}

img{
	border:0;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
	transition: 0.5s;}
 
a { outline:none;}

a:link, a:visited, a:active{
	color:#996;
	text-decoration: none;}
	
a:hover{
	color:#CC9 ;
	text-decoration: underline;
	outline: 0;	}
	
.clear{ clear:both;}
.displayib{display: inline-block;}

/* --------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------- */

body {
	background-color:#210;
	background-image:url(../img/common/bg_contents.png);
	background-repeat:repeat;
	min-width:1130px;
	color:#fff;
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;
	font-size: 14px;
	line-height: 1.6em;}
	

/* header -------------------------------------------------------- */

#header {
	width: 100%;
	height: 104px;
	background: url(../img/common/bg_footer.png) repeat center bottom;
	z-index: 99;
	display: inherit;
	min-width:1080px;
	bottom: 0px;
	padding:0;}

#header.fix {
	width: 100%;
	height: 104px;
	background: url(../img/common/bg_menu2.png) repeat-x center bottom;
	min-width:1080px;
	padding: 0;
	position: fixed;
	z-index: 99;
	top: 0px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
  
@-webkit-keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

  to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

  to { opacity: 1; -webkit-transform: none; transform: none; }
}

nav {
	margin:0 auto; 
	width: 1080px;}
		
	nav ul{
		float:right; 
		margin:0;}
				
	nav li {
		float:left;
		margin:25px 0 0 5px;}
		
h1.logo{
	width:189px;
	float:left;
	margin:15px 0 0 0;}
		

/* footer -------------------------------------------------------- */

footer{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat;
	padding:15px 0 5px 0;}
	
.footer{
	padding:10px 0;}

.footer_inv p {
	text-align: center;
    max-width: 400px;
    margin: 0 auto 2em;
    border: 1px solid #fff;
    padding: 0.5em;
    box-sizing: border-box;
}

.footer_l{
	width:300px;
	float:left;
	text-align:center;
	border-right:1px solid #999;
	margin-right:20px;}

.footer_r{
	padding-left:20px;}
	
.footer_p1{
	font-size:12px;
	line-height:26px;}
	
	.footer_p1 a:link , .footer_p1 a:visited , .footer_p1 a:active{
		font-size:12px;
		color:#FFC;}
		
	.footer_p1 a:hover{
		font-size:12px;
		color:#CC9;}
		
	.footer_p2{
		font-size:18px;
		font-weight:bold;}

footer p strong{
	font-weight:normal;
	font-size:20px;}


#pagetop {
	position: fixed;
	bottom: 140px;
	right: 0px;}
	
	#pagetop a {
		text-decoration: none;
		background-color:#777139;
		opacity:0.6;
		color: #FFFFFF;
		padding: 10px;
		text-align: center;
		display: block;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		font-size: 11px;
		height: auto;
		width: 65px;
		line-height: 1.4em;	}


/* ページ共通 -------------------------------------------------------- */

#contents{}

.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;}
  
.box{
	width:1080px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 130px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}

.t img:hover{
	opacity: 0.6;
	transition: 0.3s;}
	
.wrap700{
	width:700px;
	margin:0 auto;}

.wrap930{
	width:930px;
	margin:0 auto;}
	
.wrap1080{
	width:1080px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}

.al-center{ text-align:center;}
.al-left{ text-align:left;}
.al-right{ text-align:right;}
	
.left{ float:left;}
.right{ float:right;}

.mgl20{ margin-left:20px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}

.mgt5{ margin-top:5px;}
.mgt8{ margin-top:8px;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt20{ margin-top:20px;}
.mgt25{ margin-top:25px;}
.mgt30{ margin-top:30px;}
.mgt35{ margin-top:35px;}
.mgt60{ margin-top:60px;}

.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.mgb30{ margin-bottom:30px;}
	
/* table ----------------------------------------------------------------*/

.min_tb{
	 border-collapse: collapse;
	 border:1px solid #2D251B;
	 font-size:13px;}
	 
	 .min_tb td{
		 padding:5px;
		 border:1px solid #6B5940;}

.min_td1{
	background-color:#947B5A;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:14px;}

.min_td2{
	background-color:#CBBDAA;
	color:#2D251B;
	text-align:center;}

.min_td3{
	background-color:#A89070;
	color:#2D251B;
	letter-spacing:2px;
	text-align:center;
	letter-spacing:2px;}

.min_td4{
	background-color:#E1DAD1;
	color:#000;
	text-align:center;}
	
.min_td5{
	background-color:#E1DAD1;
	color:#000;
	text-align:center;
	padding:10px 5px !important;}
	
.min_td44{
	background-color:#E1DAD1;
	color:#000;
	text-align:left;}
	
.facil_tb{
	width:750px;
	border-collapse: collapse;
	border:1px solid #2D251B;
	font-size:13px;
	margin:0 auto;}
	
	.facil_tb td{
		padding:5px;
		border:1px solid #6B5940;}

.facil_td4{
	background-color:#E1DAD1;
	color:#000;
	text-align:left;
	padding-left:20px !important;}
	


/* --------------------------------------------------------------- */
/* font */
/* --------------------------------------------------------------- */

.title_in{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	font-weight:bold;
	font-size:28px;
	letter-spacing:2px;
	color:#EFE9D1;
	line-height:35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
	
	.title_in span{
		font-size:20px;
		font-weight:bold;
		color:#E1D29D;}

.title_tel{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	font-weight:bold;
	font-size:38px;
	letter-spacing:2px;
	color:#E1D29D;
	line-height:40px;
	padding-bottom: 10px;
	margin-bottom: 10px;}
	
	.title_tel span{
		font-size:22px;
		font-weight:bold;
		color:#EFE9D1;}
	
.contents_p_small{
	font-size:13px;
	letter-spacing:1px;
	line-height:33px;
	padding:15px 0 0 0;
	color: #CCC;}
	
.f15{ font-size:15px;}
.f20{ font-size:20px;}

.d-gray{ color:#999;}


/* --------------------------------------------------------------- */
/* top */
/* --------------------------------------------------------------- */

#index .cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;}
	
	#index .cd-fixed-bg.cd-bg-1 {
		background-image:url(../img/top/bg0.jpg);
		background-position:bottom;}
		
	#index .cd-fixed-bg.cd-bg-2 {
		background-image: url(../img/top/bg2.jpg);
		background-position:top;}
		
	#index .cd-fixed-bg.cd-bg-3 {
		background-image: url(../img/top/bg3.jpg);}
		
	#index .cd-fixed-bg.cd-bg-4 {
		background-image: url(../img/top/bg1.jpg);
		background-position:bottom;}
		
	#index .cd-fixed-bg.cd-bg-5 {
		background-image: url(../img/top/bg4.jpg);
		background-position:;}
		
.top_logo{
	width:491px;
	height:186px;
	margin:277px auto -463px auto;}

.top_contents1{
	text-align:center;
	padding:50px 0;}
	
.top_contents1_p{
	font-size:14px;
	letter-spacing:1px;
	color:#fff;
	line-height:33px;
	padding:15px 0 0 0;}

.top_contents1_space{
	height:750px;}
	
.top_contents2_space{
	height:550px;}
	

/* 宿泊プラン -------------------------------------------- */

#plan{
	background:url(../img/top/bg_plan2.png) no-repeat center top;}

#plan_wrap{
	width:1130px;
	margin:0 auto;}
	
#planList{
	width:1080px;
	margin:0 auto;}

#plan_search{
	width:1110px;
	height:317px;
	/* ▼空室検索 表示後、削除してください */
	background-image:url(../img/top/bg_plan_search2.png), url(../img/top/bg_plan_search.png);
	background-repeat:no-repeat;
	background-position:left bottom, right bottom;
	
	/* ▼空室検索 表示後、復活してください */
	/*background:url(../img/top/bg_plan_search.png) no-repeat right bottom;*/
	margin:0 auto;}

.top_plan_l{
	width: 290px;
	float: left;
	text-align: center;}

.plan_box{
	background-image:url(../img/top/bg_rss.png);
	background-repeat:repeat;
	padding:15px;
	margin-top:15px;}
	
.top_plan_r{
	width: 800px;
	float: right;
	padding-top: 55px;}
	

/* ごあいさつ -------------------------------------------- */

#greeting{
	width:1110px;
	height:480px;
	background:url(../img/top/bg_greeting.png) no-repeat right bottom;
	margin:0 auto;}

.top_l{
	width:550px;
	float:left;}
	
#tit_greeting{
	margin:50px 0px 10px -33px;}

.top_r{
	width:500px;
	float:right;}

/* SNS --------------------------------------------------- */


		
#news{width:1080px; margin: 0 auto;}
.topic_t{display: table; margin: 0px auto 30px;}
.fac_t{ margin: 20px 0 30px 20px; text-align: left;}

#sns{
	width:1110px;
	margin:0 auto;}

#topics{
	margin:30px auto;
	padding:10px;
	text-align:center;}

#insta{
	width:500px;
	margin:75px auto 10px auto;
	padding:10px;
	text-align:center;}

.feeed{
	width:500px;
	flex-wrap: wrap;
	text-align:center;}

.feeed img{
	width:150px;
	height:150px;
	margin:5px;}

.top_btns01{
	margin: 30px auto 0;
	display: table; 
}
.top_btns02{
	width: min(90%,1170px); margin: 20px auto 0;
	display: flex; justify-content: center;
    gap:10px;
	text-align: center;
}

/* --------------------------------------------------------------- */
/* cusine */
/* --------------------------------------------------------------- */

#cuisine .cd-fixed-bg.cd-bg-1 {
	background-image: url(../img/top/bg1.jpg);
	background-position:top;}
  
#d_intro{
	width:1110px;
	height:450px;
	background:url(../img/dish/bg_intro.png) no-repeat right;
	margin:80px auto 0 auto;}
	
	#d_intro .left{
		width:610px;
		float:left;}
	
	#d_intro img{
		margin:50px 0px 30px 0px;}
		
	#d_intro .right{
		width:500px;
		float:right;}

.dish_slide{
	width:890px;
	margin:0 auto;}
	
	.dish_slide .left{
		width:440px;}
		
	.dish_slide .right{
		width:440px;}
		
	.dish_slide h3{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-align:center;
		font-weight:bold;
		font-size:20px;
		letter-spacing:2px;
		color:#E1D29D;
		margin:15px 0;}
		
.dish_p1{
	font-size:14px;
	letter-spacing:1px;
	line-height:1.8;
	color:#FFF;
	margin-bottom:30px;}

.cui a:link, .cui a:visited .cui a:active{
	font-size:12px;
	text-decoration: none;}
	
.cui a:hover{
	text-decoration: underline;
	outline: 0;}
	
.cui a:focus {
	outline: 0;}
	

/* --------------------------------------------------------------- */
/* facilities */
/* --------------------------------------------------------------- */

#facilities .cd-fixed-bg.cd-bg-1 {
	background-image: url(../img/facilities/bg1.jpg);}
	
#facilities .cd-fixed-bg.cd-bg-2 {
	background-image:url(../img/top/bg3.jpg);}
  
#facilities .cd-fixed-bg.cd-bg-3 {
	background-image:url(../img/facilities/bg3.jpg);}
  
#facilities .cd-fixed-bg.cd-bg-4 {
	background-image:url(../img/facilities/bg4.jpg);}
	

/* 館内 ------------------------------------------------------ */

.faci_slide{
	width:890px;
	margin:0 auto;}
	
#gaiyo_wrap{
	width:900px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}
		
.faci_p1{
	color:#FFF;
	font-size:14px;
	letter-spacing:1px;
	padding:15px 0 10px 0;}
	
	.faci_p1 strong{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#E1D29D;
		font-size:20px;
		letter-spacing:2px;}
		
.facil_p2{
	color:#CCC;
	font-size:13px;
	text-align:left;
	letter-spacing:1px;
	line-height:2;
	margin:20px 0 0px 30px;
}

#dazai{
	width:1110px;
	height:400px;
	margin:0 auto;}
	
	#dazai .left{
		width:542px;
		float:left;}
	
	#dazai .right{
		width:568px;
		float:right;}
		
#tit_dazai{
	margin:20px 0px 20px -33px;}
	
#dazai2{
	width:1110px;
	height:400px;
	background:url(../img/facilities/bg_dazai2.png) no-repeat right top;
	margin:-50px auto 0 auto;}
	
	#dazai2 .left{
		width:610px;
		float:left;
		margin-top:-50px;}
	
	#dazai2 .right{
		width:480px;
		float:right;
		text-align:left;
		margin-top:100px;}
		
.img_dazai{
	float:left;
	margin-right:25px;}
	
	
/* 客室 ------------------------------------------------------ */

.room_slide{
	width:780px;
	margin:30px auto;}
	

/* --------------------------------------------------------------- */
/* hotspa */
/* --------------------------------------------------------------- */

#hotspa #contents{
	background:url(../img/hotspa/bg_hs.png) no-repeat center 800px;}
  
#hotspa .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/top/bg4.jpg);}

.spa_p1{
	font-size:14px;
	letter-spacing:1px;
	color:#FFF;
	padding-top: 30px;
}


/* --------------------------------------------------------------- */
/* reserve */
/* --------------------------------------------------------------- */

/* 料金・ご予約 -------------------------------------------- */

#price_wrap{
	width:1080px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}

	#price_wrap .left{
		width:460px;}

	#price_wrap .right{
		width:600px;}

.res_tb td{
	padding:5px 10px;}

.res_td1{
	background-image:url(../img/top/bg_plan.png);
	background-repeat:repeat;
	color:#CBC9A5;}
	
.res_td2 p{
	margin-bottom:10px;
	margin-top: 10px;}


/* アクセス -------------------------------------------- */

#reserve .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/reserve/bg1.jpg);
	background-position:top;}

.access_p{
	font-size:14px;
	letter-spacing:1px;
	line-height:23px;
	color:#fff;}
	
	.access_p span{
		font-weight:bold;
		font-size:18px;
		letter-spacing:5px;}

.access_l{
	width:450px;
	float:left;}

.access_r{
	width:450px;
	float:right;}

.sub_title{
	text-align:left;
	font-size:14px;
	letter-spacing:2px;
	color:#D6B487;
	border-left:5px double #947B5A;
	padding:3px 10px;
	margin:10px 0;}

.access_p1{
	text-align:left;
	font-size:13px;
	color:#CCC;
	padding:0 0 2px 10px;}
	
	.access_p1 span{
		color:#FC9;}

.access_p2{
	text-align:left;
	color:#CCC;
	font-size:13px;
	padding:20px 16px 2px 10px;}
	
	.access_p2 span{
		font-size:14px;
		color:#FC3;}
	
.access_box{
	width:450px;
	margin:10px;
	padding-top: 30px;
	text-align: left;}

.access_tb td{
	padding:5px 10px;}

.access_td1{
	background-image:url(../img/top/bg_plan.png);
	background-repeat:repeat;}


/* --------------------------------------------------------------- */
/* sightseeing */
/* --------------------------------------------------------------- */

#sightseeing .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/sightseeing/bg1.jpg);
	background-position:bottom;}

.sight_box{
	width:250px;
	margin:10px;
	float:left;
	text-align: center;}

.sight_box h2{
	color:/*#B0CAE6*/#996;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;}
	
.sight_box p{
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:10px;}
	
.sight_box .ss_time{
	color:#BABABA;
	font-size:12px;
	text-align: right;
	padding:0 10px;}

.sight_box2{
	width:450px;
	margin:10px;
	float:left;
	padding-top: 10px;}

.sight_box2 p{
	padding:10px;
	font-size:14px;
	color:#666;}

.sight_box2 p span{
	font-weight:bold;
	color:#333;}
	
.sight_tb{
	width:800px;}

.sight_tb td{
	padding:5px 10px;}

.sight_td1{
	background-image:url(../img/top/bg_plan.png);
	background-repeat:repeat;}


/* --------------------------------------------------------------- */
/* event */
/* --------------------------------------------------------------- */

#event .cd-fixed-bg.cd-bg-1 {
	background-image: url(../img/event/bg1.jpg);
	background-position:top;}
	
#event_wrap{
	width:1080px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}
	
	.eventBox{
		width:250px;
		height:160px;
		float:left;
		margin:15px 10px;
		text-align:center;}
		
	.eventBox p{
		font-size:15px;
		letter-spacing:1px;
		line-height:2;}
	.eventBox small{
		font-size:12px;}
		
#event01{ background:url(../img/event/bg_event01.png) no-repeat center bottom;}
#event02{ background:url(../img/event/bg_event02.png) no-repeat center bottom;}
#event03{ background:url(../img/event/bg_event03.png) no-repeat center bottom;}
#event04{ background:url(../img/event/bg_event04.png) no-repeat center bottom;}
#event05{ background:url(../img/event/bg_event05.png) no-repeat center bottom;}
#event06{ background:url(../img/event/bg_event06.png) no-repeat center bottom;}
#event07{ background:url(../img/event/bg_event07.png) no-repeat center bottom;}
#event08{ background:url(../img/event/bg_event08.png) no-repeat center bottom;}
#event09{ background:url(../img/event/bg_event09.png) no-repeat center bottom;}
#event10{ background:url(../img/event/bg_event10.png) no-repeat center bottom;}
#event11{ background:url(../img/event/bg_event11.png) no-repeat center bottom;}
#event12{ background:url(../img/event/bg_event12.png) no-repeat center bottom;}
#event13{ background:url(../img/event/bg_event13.png) no-repeat center bottom;}
#event14{ background:url(../img/event/bg_event14.png) no-repeat center bottom;}
#event15{ background:url(../img/event/bg_event15.png) no-repeat center bottom;}


/* --------------------------------------------------------------- */
/* bxslider */
/* --------------------------------------------------------------- */

.bxslider{}

.bx-pager{ width:100%; padding:0; text-align:center;}
.bx-pager img{width:12%; margin:5px;}

.bx-pager2{ width:100%; padding:0; text-align:center;}
.bx-pager2 img{
	width:9%;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;}
	
.bx-wrapper .bx-caption{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	color:#E1D29D;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	margin:15px 0 20px 0;}

.bx-wrapper .bx-caption small{
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;}



p.dish_ttl {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: center;
    color: #E1D29D;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 15px 0 20px 0;
}

p.dish_ttl small{
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;}