@charset "UTF-8";
/* =================================================== /
/ Common
/ =================================================== */
header {
  width: 100%;
  text-align: center;
}
header #keyvisual {
  background: #000;
}
header #keyvisual .container {
  /*width: 1240px;*/
  margin: 0 auto;
}
/*movie*/
#top-video {
	width: 100%;
	min-width: 1000px;
	height: 530px;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
#top-video #video {
	min-width: 100%;
	min-height: 530px;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
header nav {
  width: 100%;
  background: url( "../top/bg.jpg") repeat center;
  padding: 10px 0 20px 0;
  background-size: cover;	
}
header nav .container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
header nav .container ul {
  width: 100%;
}
header nav .container ul li {
  float: left;
}
header nav .container ul li.child-4 {
  margin-right: 244px;
}
header nav .container .logo {
  position: absolute;
  top: 0;
  left: 378px;
}

table {
  border-top: #999 solid 1px;
  border-left: #999 solid 1px;
  width: 100%;
}

th, td {
  border-right: #999 solid 1px;
  border-bottom: #999 solid 1px;
  padding: 5px 10px;
}

th {
  white-space: nowrap;
  vertical-align: top;
  background: url(../images/bg_general_2.jpg) repeat left top;
  color: #fff;
}

td {
  background: url(../images/bg_general_1.png) repeat left top;
}

.home header nav {
  top: 520px;
}

.cuisine header nav,
.facilities header nav,
.rates-reserved header nav,
.access header nav,
.sightseeing header nav {
  top: 255px;
}
#wrap{
	width: 100%;
    overflow: hidden;
}
#content,
footer {
  line-height: 1.8;
}

#content {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}
#wrap{
	width:100%;
   	overflow:hidden;
}/*to_top*/
.to_top{
	margin: 0;
	display:table;
	z-index: 99;
	position: fixed;
	overflow-y: scroll; 
	right:0px;
	bottom:365px;
}
.to_top a{
	display:table;
}
.to_top:hover{
	opacity: 0.6;
}
footer {
  background: url( "../top/bg.jpg") repeat center;
  background-size: cover;
}
footer .container {
  text-align: center;
  padding: 30px 0;
color: #fff;	
}
footer .container p {
  margin-bottom: 20px;
}
footer .container p.navi {
  color: #fff;
}
footer .container p.navi a {
  color: #fff;
}
footer .container p strong {
  font-size: 1.42rem;
}

/* =================================================== /
/ Page
/ =================================================== */
article .main {
  width: 710px;
  float: left;
  padding-top:30px;
}
article .main h2 {
  margin-bottom: 20px;
}
article .main p {
  margin-bottom: 10px;
}
article .sidebar {
  width: 260px;
  float: right;
  padding-top:30px;
}
article .sidebar > div {
  margin-bottom: 30px;
  background: url(../images/bg_general_2.jpg) repeat-x left bottom;
  padding-bottom: 10px;
}
article .sidebar > div div {
  background: #fff;
  border-right: #6F4B3E solid 1px;
  border-left: #6F4B3E solid 1px;
  text-align: center;
}
.w1000{
	width:1000px;
	margin: 0 auto;
}
.home .list-btn-catch {
  margin-bottom: 40px;
}
.home .list-btn-catch li {
  float: left;
}
.home .list-btn-catch li.child-1, .home .list-btn-catch li.child-2 {
  margin-right: 18px;
}
.home .section-1 {
  /*height:500px;*/
  min-height:500px;	
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.g_bg{
	 background: url("../top/g_bg.png")center top no-repeat;
	background-size: cover;
	background-color: #FFFFFF;
}
.g_title{
	display: table;
	padding: 70px 0 50px;
	margin: 0 auto;
}
.camp{padding-top: 20px;}
.camp img{box-shadow: 4px 4px 6px #888;}
.main_title{
	display: table;
	padding: 20px 0 30px;
	margin: 0 auto;
}
.txt{
	line-height: 1.8em;
	text-align: center;
}
.txt_bg{
	background-color: hsla(0,0%,100%,0.80);
	padding: 20px 40px;
	border-radius: 20px;
	display: table;
	margin: 0 auto;

}
.charm01{
	position: relative;
	background: url( "../top/charm01.png") no-repeat;
	width:320px;	
	height:320px;
	
}
.charm02{
	position: relative;
	background: url( "../top/charm02.png") no-repeat;
	width:320px;	
	height:320px;
}
.charm03{
	position: relative;
	background: url( "../top/charm03.png") no-repeat;
	width:320px;	
	height:320px;
}
.here{
	position: absolute;
	left:80px;
	bottom:80px;
	z-index: 10;
	background-color: #FFFFFF;
	padding: 2px 25px;
	color: #422d25;
	border-radius: 20px;
}
.list-btn-catch li a{
	width:320px;	
	height:320px;
	display: table;
}
.charm01:hover{
	background:url("../top/charm01.png") no-repeat;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
}.charm02:hover{
	background:url("../top/charm02.png") no-repeat;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
}
.charm03:hover{
	background:url("../top/charm03.png") no-repeat;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
}


/*.home .section-1 p {
  width: 940px;
  background: url(../images/bg_general_1.png) repeat left top;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
}*/
.home .section-2 {
  margin-bottom: 20px;
}
.home article .main ul {
  /*background: url(../images/bg_general_1.png) repeat left top;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 20px 0 20px;
  background-color: #FFFFFF;
}
.home article .main ul li {
  margin-bottom: 20px;
}
.home article .main ul li img {
  float: left;
  margin-right: 20px;
}
.home article .main ul li h3 {
  background: url(../images/border_1.png) no-repeat right bottom;
  font-size: 1.42rem;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

/* =================================================== Cuisine */


.cuisine .main > img {
  margin-bottom: 20px;
}
.cuisine .main .section-1,
.cuisine .main .section-2,
.cuisine .main .section-3,
.cuisine .main .section-4 {
  margin-bottom: 30px;
}
.cuisine .main .section-1,
.cuisine .main .section-3,
.cuisine .main .section-4 {
    /*background: url(../images/bg_general_1.png) repeat left top;*/
  background-color: #FFFFFF;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.cuisine .main .section-1 img,
.cuisine .main .section-3 img,
.cuisine .main .section-4 img {
  margin-bottom: 10px;
}
.cuisine .main .section-2 .child-1,
.cuisine .main .section-2 .child-2,
.cuisine .main .section-2 .child-3 {
  position: relative;
  margin-bottom: 20px;
}
.cuisine .main .section-2 .child-1 p,
.cuisine .main .section-2 .child-2 p,
.cuisine .main .section-2 .child-3 p {
  position: absolute;
  /*background: url(../images/bg_general_1.png) repeat left top;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  background-color: hsla(0,0%,100%,0.80);	
  font-weight: bold;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.cuisine .main .section-2 .child-1 p {
  width: 300px;
  bottom: 20px;
  right: 0px;
}
.cuisine .main .section-2 .child-2 p {
  width: 380px;
  bottom: 0px;
  left: 0px;
}
.cuisine .main .section-2 .child-3 p {
  width: 300px;
  bottom: 10px;
  right: 0px;
}
.kaisen_img{
 display: table;
	float: left;
}
.kaisen_img img{
	margin-bottom: 3px!important;
}
.kaisen_img2{
	width:335px;
	overflow: hidden;
	display: table;
	float: left;
}
.din_img{
	width:223px;
	overflow: hidden;
	display: table;
	float: left;
}

.bbq{
	margin: 0!important;
}
.bbq img{
	margin-bottom:3px!important;
}
.bbq li{
	display: table;
	float: left;
}

/* =================================================== Fcilities */
#facilities{
	position: relative;
	background: url("../facilities/images/g_img.png") no-repeat;
	height:470px;
}
.fac_title{
	position: absolute;
	top:30px;
	left:0;
}
.pb_30{
	padding-bottom: 30px;
}

.facilities .main h3 {
  margin-bottom: 20px;
}
.facilities .main h4 {
  background: url(../images/bg_h3.png) no-repeat left center;
  font-size: 1.42rem;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  padding: 3px 0 3px 45px;
  margin-bottom: 10px;
}
.facilities .main > section,
.facilities .main > table {
  margin-bottom: 30px;
}
.facilities .main .section-1,
.facilities .main .section-2,
.facilities .main .section-3,
.facilities .main .section-5,
.facilities .main .section-6,
.facilities .main .section-7 {
  /*background: url(../images/bg_general_1.png) repeat left top;*/
  background-color: #FFFFFF;	
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.facilities .main .section-1 ul li,
.facilities .main .section-2 ul li,
.facilities .main .section-5 ul li {
  float: left;
}
.facilities .main .section-1 ul {
  margin-bottom: 10px;
}
.facilities .main .section-1 ul li.child-1, .facilities .main .section-1 ul li.child-2 {
  margin-right: 20px;
}
.facilities .main .section-2 ul,
.facilities .main .section-5 ul {
  margin-bottom: 10px;
}
.facilities .main .section-2 ul li.child-1, .facilities .main .section-2 ul li.child-2, .facilities .main .section-2 ul li.child-3,
.facilities .main .section-5 ul li.child-1,
.facilities .main .section-5 ul li.child-2,
.facilities .main .section-5 ul li.child-3 {
  margin-right: 10px;
}
.facilities .main .section-3 img {
  float: left;
  margin-right: 20px;
}
.facilities .main .section-5 .notice,
.facilities .main .section-7 .notice {
  background: url(../images/icon_list_1.png) no-repeat left center;
  padding: 3px 0 3px 30px;
  font-weight: bold;
}
.facilities .main .section-6 > img {
  margin-bottom: 10px;
}
.facilities .main .section-6 ul li {
  float: left;
}
.facilities .main .section-6 ul li.child-1{
	width: 310px;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	background-image: url(../images/border_vertical_1.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.facilities .main .section-6 ul li.child-2{
	width: 310px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	float: right;
}


.facilities .main .section-6 ul li.child-3 {
  width: 205px;
  padding: 0 5px 0 10px;
}
.facilities .main .section-7 img {
  float: right;
  margin-left: 20px;
}
.lightbox .lb-image a{
	width:900px;
}
#hotspring{
	position: relative;
	background: url("../facilities/images/spa_img.png") no-repeat;
	height:470px;
}
.spa_title{
	position: absolute;
	top:30px;
	left:0;
}



/* =================================================== Rates reserved */
.rates-reserved .main > section {
  margin-bottom: 30px;
}
.rates-reserved .main table {
  table-layout: fixed;
}
.rates-reserved .main table td {
  text-align: center;
}
.rates-reserved .main .section-3 th {
  text-align: center;
}

.rates-reserved #content article .main .section-1 table tr td .price_text {
		text-align: left;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	background-image: none;
}




/* =================================================== Access */
.access .main > section {
  margin-bottom: 30px;
}
.access .main .section-1 {
  text-align: center;
}
.access .main .section-1 iframe {
  margin-bottom: 10px;
}
.access .main .section-2,
.access .main .section-3 {
    /*background: url(../images/bg_general_1.png) repeat left top;*/
  background-color: #FFFFFF;	
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.access .main .section-2 h3 {
  background: url(../images/bg_h3.png) no-repeat left center;
  font-size: 1.42rem;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  padding: 3px 0 10px 45px;
  margin-bottom: 10px;
  border-bottom: #755346 dotted 1px;
}
.access .main .section-2 h4 {
  background: url(../images/icon_list_1.png) no-repeat left center;
  padding: 3px 0 3px 30px;
  margin-bottom: 5px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
}
.access .main .section-2 ul {
  list-style: disc;
  margin: 0 0 20px 20px;
}
.access .main .section-2 ul.access_car li{
  margin-bottom: 10px;
}
.access .main .section-2 ul.access_car li span{
	font-weight:600;
}
.access .main .section-3 .alignleft {
  margin-right: 20px;
}
.access .main .section-3 strong {
  font-size: 1.42rem;
  font-weight: bold;
  color: #c33;
  line-height: 1.4;
}

/* =================================================== Sightseeing */
.sightseeing .main > section {
  margin-bottom: 30px;
}
.sightseeing .main .section-1,
.sightseeing .main .section-2 {
    /*background: url(../images/bg_general_1.png) repeat left top;*/
  background-color: #FFFFFF;	
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
}
.sightseeing .main .section-1 > img {
  margin-bottom: 20px;
}
.sightseeing .main .section-1 h3 {
  background: url(../images/icon_list_1.png) no-repeat left center;
  padding: 3px 0 3px 30px;
  margin-bottom: 5px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
}
.sightseeing .main .section-2 ul li {
  margin-bottom: 30px;
}
.sightseeing .main .section-2 ul li img {
  float: right;
  margin-left: 20px;
  border: #755346 dotted 1px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.sightseeing .main .section-2 ul li h3 {
  background: url(../images/bg_h3.png) no-repeat left center;
  font-size: 1.42rem;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  padding: 3px 0 10px 45px;
  margin-bottom: 10px;
  border-bottom: #755346 dotted 1px;
}
.sightseeing .main .section-2 ul li a {
  float: right;
  background: url(../images/icon_list_1.png) no-repeat left center;
  padding: 3px 0 3px 30px;
  margin-bottom: 5px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
}
.facilities #content article .main .section-6 ul hr {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	border-width: 0px;
	border-style: none;
}
.cuisine #content article .main .section-3 .BBQ_box {
	padding: 0px;
	height: 400px;
	width: 670px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.cuisine #content article .main .section-3 .BBQ_box a {
	margin: 0px;
	padding: 0px;
}
.cuisine #content article .main .section-3 .BBQ_box a img {
	margin: 0px;
	padding: 0px;
	float: left;
}


.cuisine #content article .main .section-3 .BBQ_box .bbq_left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 378px;
}
.cuisine #content article .main .section-3 .BBQ_box .bbq_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 292px;
}

/*** QR
*********************************************************************/
.qr{
	width: 150px;
	text-align: center;
	margin: 15px auto 0;
}
.qr p{
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
}
.qr a{
	color: #fff;
}