@charset "utf-8";

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

*{
	margin:0;
	padding:0;}

body, html, main {
    /* important */
    height: 100%;
	background-color:#152B47;
	background-image:url(../img/common/bg_contents.png);
	font-family: "Noto Sans Japanese";}

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:#fff;
	text-decoration: none;}
	
a:hover{
	color:#0CC ;
	outline: 0;	}
	
.clear{ clear:both;}
	

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

body {
	background-color:#152B47;
	background-image:url(../img/common/bg_contents.png);
	background-repeat:repeat;
	min-width:1080px;
	color:#fff;
	font-family: "Noto Sans Japanese";}

.wrap1080{
	width:1080px;
	margin:0 auto;}

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

#header {
	width: 100%;
	height: 115px;
	z-index: 99;
	display: inherit;
	min-width:1080px;
	bottom: 0;
	padding:0;
	background-repeat:repeat;}

#header.fix {
	width: 100%;
	height: 115px;
	background-image:url(../img/common/bg_menu2.png);
	background-repeat:repeat-x;
	background-position: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; }
}

.bg_header{
	background-repeat:repeat-x;
	background-position:bottom left;
	height:115px;}

.wrap1060{
	width:1060px;
	margin:0 auto;}

.header_l{
	width:260px;
	float:left;
	text-align:left;}

.header_c{
	width:540px;
	float:left;
	text-align:left;}

.header_r{
	width:243px;
	float:right;
	text-align:right;}

.header_l img{
	width:100%;
	margin:15px 0 5px 0;}

.header_c h1{
	font-size:11px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:0;
	padding:15px 0 0 30px;
	line-height:22px;
	letter-spacing:0.8px;}

.header_r img{
	padding:20px 0 0 0;}


.header_nav ul{
	list-style:none;}

.header_nav ul li{
	float:left;
	margin:0 0;}

.header_nav ul li:first-child{
	margin:0;}

.header_nav ul li:last-child{
	margin:0;}






































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

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

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

.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;}
	
.sidelink1 a{
	text-decoration: none;
	background-color:#09C;
	opacity:0.8;
	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: 18px;
	letter-spacing:5px;
	height: auto;
	width: 28px;
	margin-bottom:5px;
	line-height: 1.4em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;}
	
.sidelink2 a {
	text-decoration: none;
	background-color:#0CC;
	opacity:0.8;
	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: 20px;
	height: auto;
	width: 28px;
	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;}

.top_line{
	height:5px;
	background-color:#152b47;
	width:100%;}
  
.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;}

.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: "Noto Sans Japanese";
	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: "Noto Sans Japanese";
	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/bg1.jpg);}
		
	#index .cd-fixed-bg.cd-bg-3 {
		background-image: url(../img/top/bg2.jpg);}
		
	#index .cd-fixed-bg.cd-bg-4 {
		background-image: url(../img/top/bg3.jpg);}
		
	#index .cd-fixed-bg.cd-bg-5 {
		background-image: url(../img/top/bg4.jpg);
		background-position:;}
		
.top_logo{
	position:absolute;
	padding:300px 0 0 0;
	width:100%;
	text-align:center;}

.top_logo p{
	margin-top:200px;
	margin-right:35px;
	text-align:right;
	letter-spacing:2px;
	
}



.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{
	min-height:750px;}
	
.top_contents2_space{
	height:550px;}

.top_contents3_space{
	height:420px;}

.top_cbtn{
	text-align:center;}

.top_cbtn_p{
	font-size:18px;
	padding:20px 0 20px 0;
	text-shadow:2px 2px 2px #000;
	width:700px;
	margin:0 auto;}

.tp_l{
	width:340px;
	float:left;}

.tp_r{
	width:710px;
	float:right;}

.tp_r_l{
	width:340px;
	float:left;}

.tp_r_r{
	width:340px;
	float:right;}

.bg_topplans{
	background-image:url(../img/top/bg_plans.png);
	background-repeat:repeat;
	padding:15px 0 0 15px;
	border:1px solid #FFF;}

.plansearch td{
	padding:10px 10px;}

.ps1{
	text-align:right;}

.ps2{
	text-align:left;}

.ps3{
	text-align:center;}

.bg_topplans2{
	background-image:url(../img/top/bg_plans2.png);
	background-position:right bottom;
	background-repeat:no-repeat;}

.ctbn1{
	background-image:url(../img/top/btnov1.png);
	background-position:center;
	width:900px;
	height:420px;
	margin:0 auto;}

.ctbn2{
	background-image:url(../img/top/btnov2.png);
	background-position:center;
	width:900px;
	height:420px;
	margin:0 auto;}

.ctbn3{
	background-image:url(../img/top/btnov3.png);
	background-position:center;
	width:900px;
	height:420px;
	margin:0 auto;}

.title{
	width:1080px;
	margin:0 auto;
	background-image:url(../img/common/bg_title.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:76px;
	font-weight:bold;
	margin:-30px 0 50px 0;}



/*****************************************/

.bg_greeeting{
	background-image:url(../img/top/bg_greeting.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:380px;}
	
.top_greeting_p{
	font-size:15px;
	letter-spacing:1px;
	line-height:26px;
	text-align:left;
	padding:100px 0 0 30px;
	font-weight:normal;}





































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

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

#plan_wrap{
	width:1130px;
	margin:0 auto;}
	
.top_plan_box{
	width:260px;
	float:left;
	margin:10px 5px;
	text-align:center;}

.top_plan_box img{
	border-radius:5px;}

.top_plan_p1{
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	text-align:center;
	padding:5px 0;}

.top_plan_p2{
	font-size:12px;
	text-align:left;
	color:#CCC;
	padding:0 10px;}


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

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

#topics{
	width:580px;
	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;}


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

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

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

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

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

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

.bg_dish{
	background-image:url(../img/dish/img1.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding-left:30px;}

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

#sight_bgbg .cd-bg-2 {
	background-image: url(../img/top/bg10.jpg);
	background-position:top;}

#sight_bgbg .cd-bg-3 {
	background-image: url(../img/top/bg11.jpg);
	background-position:top;}

#sight_bgbg .cd-bg-4 {
	background-image: url(../img/top/bg12.jpg);
	background-position:top;}

.bg_spo{
	text-align:left;
	background-image:url(../img/p_sp/img1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 300px;}

.bg_bs{
	text-align:left;
	background-image:url(../img/p_bs/img2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 300px;}

.p_p0{
	padding:10px 0;}

.p_p1{
	font-size:18px;
	color:#3CF;
	padding:5px 0 5px 5px;
	border-left:5px solid #3cf;
	margin:10px 0;
	letter-spacing:1px;
	text-align:left;}
	
.p_p2{
	padding:0 0 20px 20px;
	font-size:16px;
	text-align:left;}


.sight_pt{
	font-size:18px;
	text-align:center;
	line-height:40px;}

.sight_pt span{
	font-size:24px;
	text-align:center;
	color:#6FF;}

.facil_p1{
	font-size:16px;
	text-align:left;
	line-height:32px;
	color:#FF9;
	padding:0 0 0 20px;}

.wrap1000{
	width:1000px;
	margin:0 auto;}


.roomstyle1{
	padding:0 30px;
	font-size:14px;}

.roomtable{
	width:1000px;}

.roomtable td{
	padding:15px;}

.roomtable2{
	width:980px;
	padding-left:20px;}

.roomtable2 td{
	padding:10px;}

.amb1{
	background-color:#AEC1D0;
	color:#000;
	font-size:14px;}

.amb11{
	background-color:#AEC1D0;
	color:#000;
	font-size:14px;
	text-align:left;}

.amb2{
	background-color:#E0ECEC;
	color:#000;
	font-size:14px;}

.amb22{
	background-color:#E0ECEC;
	color:#000;
		font-size:14px;
		text-align:left;}

.roomstyle2{
	font-size:16px;
	color:#033;
	font-weight:bold;}

.roomstyle3{
	font-size:11px;
	color:#333;
	padding:5px;}

.roomstyle4{
	font-size:14px;
	color:#fff;
	text-align:left;
	padding-bottom:6px;}

.roomstyle4 span{
	color:#FF9;}

.roomstyle5{
	background-color:#E1E1F0;
	padding:10px;}

.roomstyle5 p{
	font-size:11px;
	color:#333;}

.roomstyle5 p span{
	font-size:16px;
	font-weight:bold;
	color:#003;}

.roomstyle6{
	width:220px;
	font-size:11px;
	float:left;}

.roomstyle7{
	width:180px;
	font-size:11px;
	float:left;}

.roomstyle8{
	width:160px;
	font-size:11px;
	float:left;}

.roomstyle9{
	font-size:11px;
	color:#666;}






















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

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

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

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



.access1{
	border-bottom:dotted 2px #069;
	border-top:dotted 2px #069;
	color:#069;
	font-size:20px;
	padding:0 10px;
	margin:5px 0;}

.access2{
	font-size:18px;
	color:#fff;
	text-align:left;
	padding:10px 0;}

.access3{
	background-color:#036;
	padding:5px;
	text-align:center;
	color:#FFF;
	font-weight:bold;}

.access4{
	font-size:13px;
	color:#666;
	padding:10px;}
	
.act1{
	background-color:#069;
	text-align:center;
	font-weight:normal;
	font-size:18px;}

.act2{
	background-color:#FFF;
	color:#333;
	font-size:16px;
	text-align:center;}

.ac_left{
	width:620px;
	float:left;}

.ac_right{
	width:340px;
	float:right;}

.ac_left2{
	width:250px;
	float:left;}

.ac_right2{
	width:600px;
	float:right;}



.act3{
	padding:10px;
	text-align:left;
	font-size:14px;}

.act3 td{
	padding:5px;}

.ac_wrap{
	width:980px;
	margin:0 auto;}

.access4{
	font-size:14px;
	color:#CCC;}

.list_bu li{
	list-style-type:none;
	border:solid 1px #999;
	background-color:#C4E1FF;
	padding:3px;
	margin-bottom:3px;
	text-align:left;
}

.list_bu li a:link,
.list_bu li a:visited{
	text-decoration:none;
	color:#333;
	font-size:12px;
}

.list_bu li a:hover{ text-decoration:underline;}

.access5{
	color:#333;
	font-size:12px;
	text-align:left;
	color:#FFF;
	padding:0 10px;}

.access5 a:link{text-decoration:none;
	color:#FF9;
	font-size:12px;
}

.ac_menu{
	margin-right:40px;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
	text-align:right;}

.ac_menu a:link{
	font-size:12px;
	color:#066;
	text-decoration:none;}

.ac_menu a:visited{
	font-size:12px;
	color:#066;
	text-decoration:none;}
	
.ac_menu a:hover{
	font-size:12px;
	color:#F30;
	text-decoration:none;}

.ac_menu a:active{
	font-size:12px;
	color:#066;
	text-decoration:none;}



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

.sight_box{
	width:330px;
	float:left;
	margin:15px;}

.sight_p1{
	font-size:18px;
	text-align:center;
	padding:10px;
	color:#6FF;}

.sight_p2{
	font-size:14px;
	text-align:left;
	padding:0;
	color:#FFF;
	font-weight:normal;}

.sight_p3{
	font-size:14px;
	color:#FC3;
	text-align:left;}


.faq3{
	font-size:24px;
	color:#6FF;
	font-weight:bold;
	padding:0 40px 0 40px;
	text-align:left;}

.faq3 span{
	font-size:16px;
	font-weight:bold;
	color:#D2FFFF;}

.faq4{
	font-size:14px;
	color:#F93;
	font-weight:bold;
	padding:0 50px 15px 50px;
	text-align:left;}

.faq4 span{
	font-size:14px;
	font-weight:normal;
	color:#fff;}



.faci1{
	font-size:14px;
	text-align:left;
	padding:10px 10px;}


.faci2{
	font-size:14px;
	text-align:left;
	padding:10px 30px;}

.min_title2{
	font-size:18px;
	padding:10px;
	text-align:left;
	color:#6CC;}

.min_title{
	font-size:18px;
	padding:10px;
	text-align:left;
	color:#6CC;}

.rt0 td{
	padding:10px;}


.sightp1{
	font-size:13px;
	font-weight:normal;
	text-align:center;
	padding-bottom:10px;}



















/* --------------------------------------------------------------- */
/* 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: "Noto Sans Japanese";
	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: "Noto Sans Japanese";
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;}

#sample {
 width: 1020px;
   height: 450px;
}