@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900');
/* font-family: 'Noto Serif JP', serif; */


#container {
	position:relative;
	margin:0px;
	padding:86px 0 0;
	height: 100%;
	min-height: 100%;
} 


a:hover img {
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}

.alphaImage img{
  opacity:0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}




/*foot***************************************/
#footer {
	background: #faf1dd;
	border-top: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
}
#footerBlock {
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	height: auto;
	width: 980px;
}

#footerMenu {
	padding:8px;
	border-bottom:dotted #CCCCCC 1px;
	text-align:center;
	color: #333;
}
.adressBox {
	margin: 0px;
	padding: 12px 0px 20px 0px;
	float: left;
	height: auto;
	width: 450px;
}
.adressBox p {
	margin: 0px;
	padding: 0px 0px 5px;
}
.adressBox span {
	font-size: 77%;
}
.infoBox {
	margin: 0px;
	padding: 12px 0px 0px;
	float: right;
	height: auto;
	width: 318px;
}
.infoBox h2 {
	margin: 0px;
	padding: 0px 0px 6px;
}
.infoBoxLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 156px;
}
.infoBoxRight {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 156px;
}
.resort {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: left;
	height: auto;
	width: 230px;
}
.hotel {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 230px;
}
.house {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 230px;
}
#laniBox h2 {
	margin: 0px;
	padding: 0px 0px 10px;
}
#toTop {
	text-align: right;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 980px;
}
#contents {
  background: #FFF url(../images/bg_contents.jpg) repeat-x;
}
#footer a {
	color: #333;
}
.Soon {
	text-align: center;
	padding: 150px 0px 300px;
}

#laniBox {
	margin: 0px auto;
	padding: 16px 0px 30px;
	height: auto;
	width: 980px;
}
#laniBox h3 {
	padding:10px 0px 8px 0px;
	margin:0px;
	border-bottom:#333333 dotted 1px;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
}
#laniBox ul {
	padding:4px 0px 0px 0px;
}
#laniBox li {
	font-size:92.4%;
	background:url(../images/green_mark.jpg) no-repeat 4px 11px;
	padding:8px 0px 0px 13px;
	line-height: 1.335em;
}
#laniBox a {
	color: #333;
	text-decoration:none;
}
#laniBox a:hover {
	text-decoration:underline;
}
.smallSpan {
	font-size: 77%;
}

.laniBox_inner {
  display: flex;
  justify-content: space-between;
}
.laniBox_inner_box {
  width: 30%;
}


#laniFooter {
  background: #FFF;
}

#bbox {
  color: #FFF;
  width: 100%;
  height: 24px;
  position:relative;
}


/* ヘッダ
------------------------------------------------------------------- */
#headerArea {
  width: 100%;
  position: fixed;
	top:0;
	left:0;
  z-index: 200;
	background: url(../../common/img/bg_head.png) center bottom;
}

.headerBlock:after { content: ''; display: block; clear: both; }
.headerBlock {
	margin:0 auto;
	padding: 10px 0 0;
	width:1000px;
	height: 76px;
}
.headerBlock h1 {
	float:left;
	width:171px;
	height:68px;
	padding:12px 0 0;
}
.navBlock {
	width:828px;
	height:auto;
	float:right;
}

.contactBox:after { content: ''; display: block; clear: both; }
.contactBox {
	width:442px;
	height:26px;
	float:right;
}
.contactBox li {
	float:right;
	height:26px;
}
.contactBtn {
	padding:0 0 0 8px;
	width:124px;
}
.contactTel {
	width:178px;
}

.subNav:after { content: ''; display: block; clear: both; }
.subNav {
	width:322px;
	height:auto;
	float:right;
}
.subNav ul {
	padding:5px 0 0;
}
.subNav li {
	float:left;
	padding:0 12px;
	height:14px;
}
.sn01 {
	width:90px;
}
.sn02 {
	width:97px;
}
.sn03 {
	width:55px;
}

.navBox {
	width:828px;
	height:32px;
	margin:9px 0 0;
	float:right;
	background:url(../../common/img/line_nav.png) no-repeat right top;
}
.navBox li {
	float:right;
	height:32px;
	text-align:center;
	margin:0 1px 0 0;
}
.w101 {
	width:127px;
}
.w100 {
	width:126px;
}
.navBox li a {
	display:block;
	padding:5px 0 0;
	height:27px;
}


/* フッタ
------------------------------------------------------------------- */
#footerField {
  width: 100%;
	height:400px;
	position:relative;
}
.footerBlock {
	
}
.copyrightss {
	text-align:center;
}
.list {
  width: 100%;
	position: absolute;
	text-align:center;
}
.list img {
}

.walogoFoot {
	text-align:center;
	border-top:#ededed solid 1px;
	padding:40px 0 0;
}
.walogoFoot p{
	line-height:1.35em;
	padding:10px 0 40px;
}





/* コピーライト設定
------------------------------------------------------------------- */
#copyrightField {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #000;
	position:absolute;
}
#copyrightField p {
	font-size:12px;
}


/* ページの先頭へボタン設定
------------------------------------------------------------------- */
#pageTopField {
  position: fixed;
  right: 22px;
  bottom: 0;
  z-index: 1500;
}

  #pageTopField a {
    overflow: hidden;
    outline: none;
  }

  #pageTopField a:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
  }


#contactCase {
	background-image:url(../../common/img/float_box.png);
	background-repeat: no-repeat;
	margin: 0px;
	width:102px;
	height:240px;
	padding: 132px 9px 0px 9px;
  position: fixed;
  right: 18px;
  z-index: 1600;
}
#contactCase p {
	font-size: 11px;
	line-height: 150%;
	padding: 0px 0px 5px 0px;
}
#contactCase a {
	z-index:1700;
}
#contactCase ul {
	padding:0 0 0 9px;
}
#contactCase ul li {
	background-image: url(../../top/images/icon_reserve.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 0px 0px 0px 14px;
	margin: 4px 5px 0px;
}