/*------------------------------------------------------------
	メインビジュアル
------------------------------------------------------------*/

div#mainVis {
	background: url(../img/location/img_sad.jpg) center top no-repeat;
	background-size: cover;
}


/*------------------------------------------------------------
	GOOGLE MAP
------------------------------------------------------------*/

div#mapHolder {
	padding: 20px 5vw;
}

div#mapCanvas {
	height: 400px;
}


@media only screen and (min-width: 813px) {
	
	div#mapHolder {
		padding: 30px 25px;
	}
	
	div#mapCanvas {
		height: 600px;
	}
	
}


/*------------------------------------------------------------
	SALON INFO
------------------------------------------------------------*/

div.container {
	background: #212121;
}

h2 {
	color: #fff;
	margin: 15px 0 20px;
}

section#infoArea figure {
	background: url(../img/location/img_main.jpg) center center no-repeat;
	background-size: cover;
	min-height: 300px;
	margin-top: 5vw;
}

section#infoArea div.oneThirdRight {
	padding: 20px 0;
	position: relative;
}

section#infoArea dl {
	text-align: center;
	margin-bottom: 15px;
	z-index: 10;
}

section#infoArea dl dt {
	color: #c49f4f;
}

section#infoArea dl dd,
section#infoArea dl dd a {
	font-size: 1.4rem;
	font-weight: 300;
	color: #fff;
}

section#infoArea dl dd a {
	text-decoration: none;
}


@media only screen and (min-width: 813px) {
	
	section#infoArea figure {
		margin-top: 0;
	}

	section#infoArea div.oneThirdRight {
		padding: 8vw 0;
	}
	
	section#infoArea div.oneThirdRight:after {
		font-size: 11rem;
		margin-top: -210px;
	}
	
	h2 {
		color: #fff;
		margin: 0 0 30px;
	}
	
	section#infoArea div.oneThirdRight .infoAreaInnerBox {
		width: 300px;
		margin: 0 auto;
	}

	section#infoArea dl {
		margin-bottom: 20px;	
	}
	
	section#infoArea dl:last-child {
		margin-bottom: 0;
	}
	
	section#infoArea dl dd {
		font-size: 1.4rem;
	}
	

}