@charset "utf-8";
/*------------------------------------------------------------------*/
/*     エリアページ共通設定用CSS                                    */
/*------------------------------------------------------------------*/


/* 全体包括設定
------------------------------------------------------------------- */
body {
	height: 100%; 
}

#wrapper {
	display: none;
	position:relative;
	height: 100%;
	min-height: 100%;
}

#bodyArea {
	position:absolute;
	width:100%;
	height: 100%;
	min-height: 100%;
}

#nav {
	position:fixed;
	left:0px;
  z-index: 210;
	width:200px;
	height: 100%;
	min-height: 100%;
	background: url(../images/bg_nav.jpg); 
}




/* ヘッダ設定
------------------------------------------------------------------- */
#headerField {
  position: fixed;
  top: 0;
  z-index: 10;
}





/* ナビゲーション設定
------------------------------------------------------------------- */
#naviField {
	width: 100%;
	position: absolute;
	top: 120px;
	right: 0px;
	z-index: 10;
}

#naviField ul li {
	width: 93px;
	height: 93px;
	/*position: relative;*/
	margin: 0 auto;
}

#naviField ul li a {
	width: 93px;
	height: 93px;
	display: block;
}

#topics {
}


/* コンテンツ設定
------------------------------------------------------------------- */
.items {
  width: 100%;
  overflow: hidden;
}

.item {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#item1,
#item2,
#item3,
#item4,
#item5 {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.inner {
	text-align: left;
	padding: 0 0 30px;
	z-index: 5;
	position:absolute;
	bottom:1263px;
	left:30px;
	width:338px;
	height:156px;
}
.haru {
	text-align:right;
	padding: 0 0 22px;
	z-index: 6;
	position:absolute;
	bottom:1250px;
	right:30px;
	width:507px;
	height:238px;
}
.event {
	text-align:left;
	padding: 20px 20px 20px 40px;
	z-index: 2;
	position:absolute;
	bottom:1050px;
	left:0px;
	width:100%;
	background:url(../img/bg_inner2.png);
	height:70px;
	display:block;
}
.inner img {
	margin:0;
}
.content {
	width: 100%;
	padding: 40px 0 70px;
	background: url(../img/bg_topics.jpg);
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.content img {
	margin:0;
}
.content h3 {
	text-align:center;
	padding:0 0 21px 0px;
}
.inner2 {
	text-align:center;
	padding:600px 0px;
	z-index: 1;
	position:absolute;
	width:100%;
}
.inner2 img {
	margin:0;
}
.inner3 {
	text-align:center;
	padding:100px 0px;
	z-index: 1;
	position:absolute;
	width:100%;
}
.inner3 img {
	margin:0;
}
.item:last-child .content {
	padding: 80px 0 80px 0;
}



/* コンテンツ設定
------------------------------------------------------------------- */
#item1 { 
	background-image: url("../img/01.jpg");
	position:relative;

}
#item2 {
  height: 1300px;
  background-image: url("../img/02.jpg");
}

#item3 {
  height: 1300px;
  background-image: url("../img/03.jpg");
}

#item4 {
  height: 1300px;
  background-image: url("../img/04.jpg");
}

#item5 {
  height: 633px;
  background-image: url("../img/05.jpg");
}




/* 1階層目＠コンテンツ
--------------------------------------------------------- */
#firstContainer {
	width: 100%;
	height:680px;
	margin: 0 auto;
}

.topicsTtl {
	width:1000px;
	height:26px;
	margin:0 auto;
	position:relative;
	padding:12px 0 0;
}
.topicsTtl ul:after { content: ''; display: block; clear: both; }
.topicsTtl ul {
	position:absolute;
	top:0;
	right:0;
}
.topicsTtl li {
	width:32px;
	height:32px;
	float:right;
	padding:0 8px 0 0;
}

.largeBnrArea:after { content: ''; display: block; clear: both; }
.largeBnrArea {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:28px 0;
}
.largeBnrArea .left {
	float:left;
	width:488px;
	height:180px;
	padding:0 0 28px;
}
.largeBnrArea .right {
	float:right;
	width:488px;
	height:180px;
	padding:0 0 28px;
}

.topicsArea:after { content: ''; display: block; clear: both; }
.topicsArea {
	width:1000px;
	height:auto;
	margin:0 auto;
}

.fairinfoBlock {
	width:540px;
	height:820px;
	overflow:auto;
	background:#FFF;
	padding:12px;
	float:left;
	position:relative;
	border-radius:8px;
}
.fairinfoBlock h3 {
	background:#efe7d6;
	padding:8px 3px 6px;
	text-align:left;
	font-size:123.1%;
	margin:0 0 12px;
}
.fairinfoBlock img {
	float:left;
	margin:0 12px 0 0;
}
.fairinfoBlock p {
	line-height:1.4em;
}
.fairBox {
	padding:0 0 35px;
}
.maru {
	float:right;
	width:40px;
	height:40px;
	padding:5px;
	margin-top: -40px;
}
.tolistBtn {
	/*position:absolute;*/
	width:42px;
	height:21px;
	float:right;
	/*bottom:20px;
	right:20px;*/
}

.mediumBnr {
	width:414px;
	height:auto;
	float:right;
}
.mediumBnr li {
	padding:0 0 19px;
}


/* ブライダルフェア　レクタングルバナー
------------------------------------------------------------------- */
#rectangleArea {
  width: 100%;
	height:290px;
  padding: 0px;
	background:url(../img/bg_topics.jpg);
	padding:50px 0 70px;
}


.rectangleBlock {
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:left;
}
.rectangleBox:after { content: ''; display: block; clear: both; }
.rectangleBox {
	padding:20px 0 0;
}
.rectangleBox li {
	float:left;
}
.pa24r {
	padding:0 21px 0 0;
}



/* ブライダルフェア　レクタングルバナー
------------------------------------------------------------------- */
.accessMap:after { content: ''; display: block; clear: both; }
.accessMap {
	background:url(../img/bg_w.png);
	width:940px;
	height:auto;
	padding:30px;
	margin:0 auto;
	text-align:left;
}
.googlemapBox {
	width:630px;
	height:370px;
	float:right;
}
.accessSpec {
	width:282px;
	height:auto;
	float:left;
}
.accessSpec h2 {
	padding:0 0 16px;
}
.accessLogo {
	border-top:#666 dotted 1px;
	padding:16px 0;
}
.accessLogo p {
	line-height:1.3em;
	padding:8px 0 0;
}
.accessTxt {
	border-top:#666 dotted 1px;
	padding:16px 0;
}
.accessTxt dl:after { content: ''; display: block; clear: both; }
.accessTxt dt {
	float:left;
	width:80px;
	padding:0 0 7px;
}
.accessTxt dd {
	float:left;
	padding:0 0 7px;
}





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

#laniBox {
	margin: 0px auto;
	padding: 16px 0px 30px;
	height: auto;
	width: 980px;
	text-align:left;
}
#laniBox h3 {
	padding:10px 0px 8px 0px;
	margin:0px;
	border-bottom:#333333 dotted 1px;
  ont-family: 'Noto Serif JP', serif;
  font-size: 18px;
}
#laniBox ul {
	padding:4px 0px 0px 0px;
}
#laniBox li {
	font-size:92.4%;
	background:url(../../shared/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%;
}

.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;
}

.walogoFoot p {
	line-height:1.35em;
	padding:10px 0 40px;
}





#contactCase {
	background-image:url(../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;
}