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



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

#salon {}

#salon .h2-title { background-position: 0px -450px; }
#salon .h3-title span { background-position: 0px -500px; }



#salon section figure.pull-right {
	margin-bottom: 1.2em;
	margin-left: 6em;
	}
#salon .menu {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: solid 0px #eee;
	border-width: 0px 0px 1px 0px;
	}
	#salon .menu li {
		width: 100%;
		padding: 0.4em 0;
		border: solid 0px #eee;
		border-width: 1px 0px 0px 0px;
		font-size: 1.14em;
		}
		#salon .menu li span {
			float: right;
			}


#salon #more-continer {
	padding: 15px 35px 35px 35px;
	color: #000;
	}
	#salon #more-continer h4 {
		margin-bottom: 0;
		border: none !important;
		}

	#salon #more-continer .content-wrap {
		border-left: solid 5px #fff;
		padding-left: 5px;
		}
	#salon #more-continer .content-inner {
		padding: 15px;
		background-color: #E0E0E2;
		}
	.rgba #salon #more-continer .content-inner { background-color: rgba(255,255,255,0.80); }

#salon .snsqr {
	float: right;
}
#salon .snsqr a {
	display: inline-block;
	margin-left: 1em;
	text-align: center;
	vertical-align: top;
}
#salon .snsqr a span {
	display: block;
	line-height: 1.4;
}
	#salon .snsqr figure {
		width: 74px;
		height: 74px;
		margin: auto;
		margin-bottom: .5em;
		background-size: contain;
		border-radius: 3px;
		text-align: center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
#salon .snsqr .qr-line { background-image: url("../images/salon/line.jpg"); }
#salon .snsqr .qr-instagram { background-image: url("../images/salon/instagram.jpg"); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	#salon .snsqr .qr-line { background-image: url("../images/salon/line_2x.jpg"); }
	#salon .snsqr .qr-instagram { background-image: url("../images/salon/instagram_2x.jpg"); }
}
