@charset "utf-8";

/* title */
.title{
	padding: 80px 0 50px 0;
}
.ttlWrap{
	margin-bottom: 20px;
}
.ttlWrap h2{
	font-family: "Marcellus", serif;
	font-size: 2.5em;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #999;
	text-align: center;
	margin-bottom: 10px;
}
.ttlWrap h2 span.logo{
	display: inline-block;
	width: 100px;
	margin-left: 5em;
}
.ttlWrap p{
	font-size: 1.25em;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: center;
}
.ttlWrap p:last-of-type{
	font-size: 1em;
	line-height: 1.8;
	margin-top: 20px;
}
.under500{
	display: none;
}
@media (max-width:1200px){
	.ttlWrap h2{
		font-size: 2.25em;
	}
	.ttlWrap h2 span.logo{
		width: 90px;
	}
}
@media (max-width:1024px){
	.ttlWrap h2{
		font-size: 2em;
	}
	.ttlWrap h2 span.logo{
		width: 80px;
	}
}
@media (max-width:768px){
	.title{
		padding: 80px 0 30px 0;
	}
}
@media (max-width:500px){
	.under500{
		display: block;
	}
	.ttlWrap h2 span.logo{
		margin-top:0.5em;
		margin-left: 0em;
	}
}  

/* approachWrap */
.relative{
	position: relative;
}
.approachWrap{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 80px;
}
.approachWrap>p>.imgTtl{
	font-family: "Marcellus", serif;
	font-size: 5em;
	letter-spacing: 0.1em;
	line-height: 0.7;
	color: #fff;
	position: absolute;
	bottom: 0;
}
.approachWrap>p>.imgTtl.right{
	right: 0;
}
@media (max-width:1400px){
	.approachWrap{
		width: 80%;
	}
}
@media (max-width:1024px){
	.approachWrap{
		margin-bottom: 50px;
	}
	.approachWrap>p>.imgTtl{
		font-size: 3.5em;
	}
}
@media (max-width:768px){
	.approachWrap{
		width: 90%;
	}
}
@media (max-width:500px){
	.approachWrap>p>.imgTtl{
		font-size: 2.5em;
	}
	.under500{
		display: block;
	}
} 

/* entrance */
.entrance{
	position: relative;
}
.entranceWrap{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 200px;
	position: relative;
}
.entranceWrap>p{
	margin-bottom: 20px;
}
.entranceWrap>p>.imgTtl{
	font-family: "Marcellus", serif;
	font-size: 5em;
	letter-spacing: 0.1em;
	line-height: 0.7;
	color: #fff;
	position: absolute;
	bottom: 0;
}
.entranceWrap>.txtBox{
	text-align: left;
}
.entranceWrap>p>.imgTtl.left{
	left: 0;
}
.entranceWrap>.txtBox>h3{
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 10px;
}
.entranceWrap>.txtBox>p{
	font-size: 0.9em;
	line-height: 2;
}
.under1300{
	display: none;
}
@media (max-width:1400px){
	.entranceWrap{
		width: 80%;
	}
}
@media (max-width:1300px){
	.under1300{
		display: block;
	}
}
@media (max-width:1024px){
	.entranceWrap{
		padding-bottom: 150px;
	}
	.entranceWrap>p>.imgTtl{
		font-size: 3.5em;
	}
}
@media (max-width:768px){
	.entranceWrap{
		width: 100%;
	}
	.entranceWrap>.txtBox{
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width:500px){
	.entranceWrap>p>.imgTtl{
		font-size: 2.5em;
	}
	.under500{
		display: block;
	}
}

/* nnerRoom */
.innerRoom{
	background-color: #f2f2f2;
	padding: 80px 0 50px 0;
}
.livingDining_wrap{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 80px;
}
.privateRoom_wrap{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}
.livingDining_wrap>p,
.privateRoom_wrap>p{
	margin-bottom: 20px;
}
.livingDining_wrap>p>.imgTtl,
.privateRoom_wrap>p>.imgTtl{
	font-family: "Marcellus", serif;
	font-size: 5em;
	line-height: 0.7;
	letter-spacing: 0.1em;
	color: #fff;
	position: absolute;
	bottom: 0;
}
.livingDining_wrap>.txtBox{
	text-align: right;
}
.privateRoom_wrap>.txtBox{
	text-align: left;
	margin-bottom: 20px;
}
.livingDining_wrap>p>.imgTtl.right{
	 right: 0;
}
.privateRoom_wrap>p>.imgTtl.left{
	 left: 0;
}
.livingDining_wrap>.txtBox>h3,
.privateRoom_wrap>.txtBox>h3{
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 10px;
}
.livingDining_wrap>.txtBox>p,
.privateRoom_wrap>.txtBox>p{
	font-size: 0.9em;
	line-height: 2;
}
.storageRoom_wrap{
	display: flex;
	justify-content: flex-end;
}
.storageRoom_wrap>p{
	width: 50%;
}
@media (max-width:1400px){
	.livingDining_wrap,
	.privateRoom_wrap{
		width: 80%;
	}
}
@media (max-width:1024px){
	.innerRoom{
		padding: 50px 0;
	}
	.livingDining_wrap{
		margin-bottom: 50px;
	}
	.livingDining_wrap>p>.imgTtl,
	.privateRoom_wrap>p>.imgTtl{
		font-size: 3.5em;
	}
}
@media (max-width:768px){
	.innerRoom{
		padding: 50px 0 0 0;
	}
	.livingDining_wrap{
		width: 100%;
	}
	.livingDining_wrap>.txtBox{
		width: 90%;
		margin: 0 auto;
	}
	.privateRoom_wrap{
		width: 90%;
	}
	.entranceWrap>.txtBox{
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width:500px){
	.livingDining_wrap>p>.imgTtl,
	.privateRoom_wrap>p>.imgTtl{
		font-size: 2.5em;
	}
	.under500{
		display: block;
	}
}

.pageNotice,
.pageNotice_wrap{
	background-color: #f2f2f2;
}