@charset "UTF-8";


/* party page
=============================================================================*/
#section01 {
	height: 750px;
	background: url(../img/party/sec01bg.jpg) no-repeat center / cover;
	}
	#section01 .bnrArea {
	margin: 0px -5px 0px 0px;
	width: 1005px;
	padding-top: 190px;
	}
	#section01 .bnrArea li {
	float: left;
	display: inline-block;
	}
	#section01 .bnrArea li.mt- { margin-top: -80px; 	}
	#section01 .txtArea {
	text-align: center;
	position: absolute;
	left: 25px;
	top: 430px;
	}
#section02 {
	padding-top: 270px;
	background: url(../img/party/sec02bg.png) no-repeat center top;
	}
	#section02 > h2 {
	width: 1007px;
	height: 240px;
	position: absolute;
	left: 50%;
	top: -45px;
	transform: translate(-50%,0);
	}
#section0201 { height: 1400px; }
	#section0201 h3 {
	position: absolute;
	left: -100px;
	top: 0px;
	}
	#section0201 .txtArea {
	padding-top: 40px;
	width: 810px;
	padding-left: 190px;
	}
	#section0201 h4 {
	margin-bottom: 25px;
	position: relative;
	}
	#section0201 .txt01 {
	position: absolute;
	top: 313px;
	left: 176px;
	}
	#section0201 .img01 { padding-left: 330px; 	}
	#section0201 .txtArea02 {
	float: left;
	top: 992px;
	left: 616px;
	position: absolute;
	}
	#section0201 .ttl2 {
	}
	#section0201 .txt02 {
	}
	#section0201 .img02 {
	position: absolute;
	left: 0px;
	top: 980px;
	}
	#section0201 .floormap {
	position: absolute;
	left: -89px;
	top: 460px;
	}
	#section0201 .txtbtn {
	}
#section0202 { height: auto; }
#section0202 #lead {
	padding-top: 70px;
	margin-bottom: 30px;
	}
	#section0202 #lead h3 {
	position: absolute;
	top: -40px;
	right: 80px;
	}
	#section0202 #lead h4 { margin-bottom: 30px; 	}

#course01 { height: 550px; }
	#course01 .txtArea {
	width: 400px;
	top: 155px;
	float: right;
	height: auto;
	margin: 155px 0px 30px;
	}
	#course01 h4 {
	position: absolute;
	top: -36px;
	right: -56px;
	z-index: 10;
	}
	#course01 .img01 {
	height: 520px;
	width: 780px;
	left: -190px;
	top: 0px;
	position: absolute;
	}
	#course01 .menu {
	background: url(../img/party/sec0202menu01bg.png) no-repeat;
	height: 283px;
	width: 553px;
	position: absolute;
	left: 479px;
	top: 401px;
	padding: 40px;
	z-index: 10;
	}
	#course01 .menu ul {
	float: left;
	width: 50%;
	}
	#course01 .menu li { line-height: 1.64em; }

#course02 { height: 500px; }
	#course02 .txtArea {
	width: 450px;
	float: left;
	margin: 240px 0px 40px 470px;
	}
	#course02 .imgtxt01 {
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 10;
	}
	#course02 .img01 {
	position: absolute;
	left: -150px;
	top: 50px;
	height: 400px;
	width: 600px;
	}
#course03 { height: 650px; }
	#course03 .txtArea {
	padding-top: 165px;
	padding-left: 15px;
	}
	#course03 h4 { margin-bottom: 15px; 	}
	#course03 .txt01 {
	float: left;
	margin-bottom: 30px;
	padding-top: 140px;
	}
	#course03 .imgtxt01 {
	position: absolute;
	z-index: 10;
	left: 15px;
	top: 5px;
	}
	#course03 .img01 {
	position: absolute;
	top: 0px;
	right: -100px;
	}
	#course03 .menu {
	background: url(../img/party/sec0202menu02bg.png) no-repeat;
	padding: 35px 40px;
	height: 213px;
	width: 313px;
	float: left;
	margin: 0px 15px 5px -15px;
	}
	#course03 .menu li { line-height: 1.8em; 	}
.course03bg { background: url(../img/party/course03bg.png) no-repeat center top; }
#course04 { height: 480px; }
	#course04 .txtArea {
	width: 480px;
	float: right;
	margin-bottom: 40px;
	padding-top: 200px;
	}
	#course04 .imgtxt01 {
	position: absolute;
	left: 480px;
	top: 30px;
	z-index: 10;
	}
	#course04 .img01 {
	position: absolute;
	left: -100px;
	top: 40px;
	}
#course05 {
	height: 800px;
	background: url(../img/party/course05bg.png) no-repeat center top;
	margin-bottom: 150px;
	}
	#course05 .txtArea {
	width: 570px;
	float: right;
	margin-top: 110px;
	}
	#course05 h4 { margin-bottom: 15px; 	}
	#course05 .imgtxt01 {
	position: absolute;
	left: 270px;
	top: 25px;
	z-index: 10;
	}
	#course05 .img01 {
	position: absolute;
	left: -100px;
	top: 80px;
	}
	#course05 .img02 {
	position: absolute;
	left: 47px;
	top: 404px;
	}
	#course05 .menu {
	background: url(../img/party/sec0202menu03.png) no-repeat;
	padding: 40px;
	height: 404px;
	width: 313px;
	position: absolute;
	top: 275px;
	right: 0px;
	line-height: 1.8em;
	}
	#course05 .menu ul { margin-bottom: 20px; }

#drinkmenu { height: auto; }
	#drinkmenu .tglbtn {
	position: absolute;
	top: -150px;
	left: 50%;
	transform: translate(-50%,0);
	cursor:pointer;
	}


#section0203 {
	height: 1250px;
	padding-top: 50px;
	background: url(../img/party/sec0203bg.png) no-repeat center top;
	}
	#section0203 h3 {
	margin-left: -50px;
	float: left;
	position: relative;
	z-index: 5;
	}
	#section0203 h4 {
	margin-bottom: 60px;
	padding-top: 100px;
	}
	#section0203 .txtArea {
	width: 320px;
	float: right;
	}
	#section0203 .mapArea {
	width: 700px;
	height: 525px;
	border: 1px solid 321;
	position: absolute;
	left: -50px;
	top: 210px;
	}
	#section0203 .img01 {
	position: absolute;
	top: 541px;
	left: 561px;
	}
	#section0203 .img02 {
	position: absolute;
	top: 713px;
	left: 77px;
	}