@charset "UTF-8";
/* CSS Document */

/* room page
=============================================================================*/
#room #mainVisual {	background-image:url(../img/room/room_mainimg.jpg) }

.layout {margin-bottom: 100px; min-height: 750px; height: auto;}
.layout .txtArea {width: 330px;height: 500px;position: absolute;top: 25px;right: 0;}
	.layout.rv .txtArea {left: 0; right: inherit;}
.layout .txtArea h3 { float: right;}
.layout .txtArea .txt {width: auto;float: right;margin: 4.5em -3em 0 0;font-size: 0.9em;}
.layout .movArea, .layout .imgArea {width: 840px;height: 560px;position: absolute;top: 0;left: -190px;}
	.layout.rv .movArea, .layout.rv .imgArea {left: inherit; right: -190px;}
.layout .movArea img, .layout .imgArea img {width: 100%;height: auto;}

.layout .slideArea {width: 100%;height: 220px;position: absolute;top: 570px;}
.layout .slideArea .item {width: 270px;margin-left: 10px;}
.layout .slideArea .item img {width: 100%;height: auto;}

.lead {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 450px;
	padding: 75px 0;
	}
	.lead h3 {
	position: absolute;
	top: -25px;
	right: 220px;
	}
	.lead .txtArea {
	width: 270px;
	height: 420px;
	margin-top: 25px;
	margin-left: 320px;
	}
#cont01 .lead {	background-image: url(../img/room/room_01titlebg.jpg);}
#cont02 .lead { background-image: url(../img/room/room_02titlebg.jpg);}

.endbg {
	width: 100%;
	height: 600px;
	background-image: url(../img/room/room_01endbg.jpg);
	background-position: center;
	background-size: cover;
	}
#cont02 .endbg { background-image: url(../img/room/room_02endbg.jpg);}

.mapArea {
	width: 100%;
	height: 250px;
	background-color: #000;
	}
	.mapArea p.link a {
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background-color: #443C33;
	position: absolute;
	bottom: 30px;
	left: 800px;
	}
	.mapArea p.note {
	position: absolute;
	bottom: 30px;
	left: 800px;
	}
	.mapArea img {
	width: 900px;
	height: auto;
	position: absolute;
	top: -100px;
	left: 40px;
	}
#cont02 .mapArea { height: 180px;}
#cont02 .mapArea img { top: -150px; left: 80px;}

#cont03.matbox75 {
	padding: 60px;
	text-align: center;
	}
	#cont03 .txtArea {margin-bottom: 50px}
	#cont03 .txtArea h3 {margin-bottom: 50px}
/*#cont03 .floorMap {
	width: 1200px;
	height: 700px;
	margin: 0 auto;
	background-color:rgba(255,255,255,0.40)
	}*/
	#cont03 .floorMap p { padding: 50px 0;}

#kouyou {
	margin: 60px 0 210px 0;
	}
	#kouyou .img02 {
	position: absolute;
	top: 360px;
	right: -80px;
	}

.movArea02{
	position: absolute;
	top: 525px;
	left: 50px;
}