@charset "utf-8";

/* --------------------------------------------------- */

/* normalize

/* --------------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:transparent}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* --------------------------------------------------- */

/* base

/* --------------------------------------------------- */

body {
	background: #ededed;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #46509a;
}
h1, h2, h3, h4, h5, h6, p, table, dl, ul, ol, pre {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}
p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}
img, input {
	vertical-align: middle;
}
img {
	height: auto;
	width: 100%;
}
ul, ol {
	list-style: none;
	padding: 0;
}
dd {
	margin: 0;
}
address {
	font-style: normal;
}
.underline {
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 9px;
}	

/* --------------------------------------------------- */

/* layout

/* --------------------------------------------------- */

/* header
-------------------------------------------- */
#header {
	border-bottom: 1px solid #fff;
}
	#header > p {
		color: #555;
		font-size: 8px;
		padding: 5px;
		text-align: right;
	}
	#header div {
		background: -webkit-gradient(linear, left top, left bottom, from(#5e3203), to(#3f2202));
		background: -webkit-linear-gradient(top, #5e3203, #3f2202);
		background: linear-gradient(to bottom, #5e3203, #3f2202);
		display: table;
		width: 100%;
	}
		#header div h1,
		#header div p {
			display: table-cell;
			padding: 5px 10px;
			vertical-align: middle;
		}
		#header div h1,
		#header div p:first-child {
			padding-right: 6%;
		}
		#header div p:last-child {
			width: 27%;
		}

/* container
-------------------------------------------- */
#container {
	background: #fff;
}

/* keyVisual
-------------------------------------------- */
#keyVisual {
	border-bottom: 1px solid #fff;
}

/* nav
-------------------------------------------- */
#nav {
	border-top: 1px solid #ce8726;
}
	#nav li {
		background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed));
		background: -webkit-linear-gradient(top, #fcfcfc, #ededed);
		background: linear-gradient(to bottom, #fcfcfc, #ededed);
		border-bottom: 1px solid #d0d0d0;
	}
	#nav a {
		background: url(../img/ic-arrow-01.png) 97% 50% no-repeat;
		-webkit-background-size: 17px auto;
		background-size: 17px auto;
		color: #693a07;
		display: block;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 5% 10px 10px;
		text-decoration: none;
	}

/* link
-------------------------------------------- */
#link {
	padding: 15px 10px;
}

/* toTop
-------------------------------------------- */
#toTop {
	float: left;
	width: 26%;
}

/* toPagetop
-------------------------------------------- */
#toPagetop {
	float: right;
	width: 30%;
}

/* contact
-------------------------------------------- */
#contact {
	letter-spacing: -.5em;
	padding: 0 10px 15px;
}
	#contact li {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		width: 49%;
	}
	#contact li:first-child {
		margin: 0 2% 0 0;
	}
	#contact a {
		background: -webkit-gradient(linear, left top, left bottom, from(#5e3203), to(#3f2202));
		background: -webkit-linear-gradient(top, #5e3203, #3f2202);
		background: linear-gradient(to bottom, #5e3203, #3f2202);
		border-radius: 6px;
		display: block;
		padding: 10px;
	}

div.attention {
	padding: 0 10px 10px;
}

/* banner
-------------------------------------------- */
#banner {
	letter-spacing: -.5em;
	padding: 0 10px 15px;
}
	#banner li {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		width: 49%;
	}
	#banner li:first-child {
		margin: 0 2% 0 0;
	}

/* footer
-------------------------------------------- */
#footer {
}
	#footer address {
		font-weight: bold;
		padding: 10px;
	}
	#footer p {
		border-top: 1px solid #ccc;
		font-size: 11px;
		padding: 5px 10px;
		text-align: center;
	}


/* --------------------------------------------------- */

/* general

/* --------------------------------------------------- */

/* clearfix
-------------------------------------------- */
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

/* section
-------------------------------------------- */
.sectionA {
	padding: 0 10px 15px;
}
	.sectionA > h1 {
		background: #ce8726;
		color: #fff;
		font-size: 14px;
		margin: 0 -10px 10px;
		padding: 10px;
		text-shadow: 0 2px 3px #961;
	}
	.sectionA > h2 {
		background: #ce8726;
		color: #fff;
		font-size: 14px;
		margin: 0 -10px 10px;
		padding: 10px;
		text-shadow: 0 2px 3px #961;
	}
	h3.Feature  {
		font-size: 14px;
		color: #624335;
	}

/* dl
-------------------------------------------- */
.dlA {
}
	.dlA dt {
		color: #624335;
		font-size: 14px;
		font-weight: bold;
		padding: 10px 0;
	}
	.dlA dd {
		border-bottom: 1px dashed #cbcbcb;
		padding: 0 0 10px;
	}

/* p
-------------------------------------------- */
.pA {
	color: #555;
	font-weight: bold;
}

/* margin
-------------------------------------------- */
/* bottom */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}


/* --------------------------------------------------- */

/* module

/* --------------------------------------------------- */

/* about
-------------------------------------------- */
.aboOutline {
	margin: -10px 0;
}
	.aboOutline dd:last-child {
		border: 0;
	}

/* menu
-------------------------------------------- */
.menList {
	margin: -10px 0 0;
}
	.menList ul {
		background: #f9e0be;
		margin: 5px 0 0;
		padding: 10px;
	}
	.menList li {
		display: inline-block;
	}
	.menList span {
		font-weight: bold;
	}
.menPhoto {
	padding: 0 10px 15px;
}
	.menPhoto li {
		float: left;
		margin: 0 0 0 1%;
		width: 24.25%;
	}
	.menPhoto li:first-child {
		margin: 0;
	}

/* access
-------------------------------------------- */
.accMap {
	padding: 0 10px 15px;
}
	.accMap iframe {
		width: 100%;
	}
/* color
-------------------------------------------- */
.colorA {
	color: #c00;
}

/* hair removed
-------------------------------------------- */
.hairButton {
	text-align: center;
}
.hairButton img {
	width: 90%;
}
.hairLink{
	text-align: right;
	margin-bottom: 30px;
}
.hairLink a {
	color: #ff9900;
	font-size: 14px;
	font-weight: bold;
}
.hairMainWomens img,
.hairMainMens img {
	width: 100%;
}
	.hairMainWomens h3,
	.hairMainMens h3 {
		font-size: 14px;
		color: #ddab68;
	}
	.hairMainWomens p,
	.hairMainMens p {
		font-size: 12px;
		display: block;
		width: 100%;
	}
.hairMenu {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
	.hairMenu li {
		background: #ddab68;
		width: 42%;
		margin: 1%;
		padding: 3%;
		display: block;
	}
	.hairMenu a {
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	.hairMenu a:hover {
		opacity: 70%;
	}
.hairPoint li {	
	position: relative;
 	display: inline-block;
 	width: 30%;
 	height: 100px;
 	border-radius: 50%;
 	background: #ddab68;
	margin: 1%;
}
.hairPoint li span {
	  position: absolute;
	  display: inline-block;
	  left: 0;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  width: 100%;
	  font-size: 12px;
	  text-align:center;
}
.hairPrice {
	width: 100%;
	margin: auto;
}
	.hairPrice caption {
		color: #624335;
		padding: 10px 0;
		border-bottom: 1px solid #cbcbcb;
	}
	.hairPrice caption span {
		font-size: 12px;
	}
	.hairPrice th,
	.hairPrice td {
		border-top: 1px dashed #cbcbcb;
		padding: 10px 5px;
	}
	.hairPrice th {
		color: #624335;
		font-size: 14px;
		text-align: left;
		width: 50%;
	}
	.hairPrice td {
		font-size: 12px;
		text-align: right;
	}
	.hairPrice tr:first-child th,
	.hairPrice tr:first-child td {
		border: 0;
	}
.hairList li {
	list-style: disc;
	line-height: 2em;
	margin-left: 2em;
}
.hairOutline {
	margin: -10px 0 20px;
	width: 100%;
}
	.hairOutline th,
	.hairOutline td {
		border-top: 1px dashed #cbcbcb;
		padding: 20px 5px;
	}
	.hairOutline tr:first-child th,
	.hairOutline tr:first-child td {
		border: 0;
	}
	.hairOutline th {
		color: #624335;
		font-size: 14px;
		padding-right: 15px;
		text-align: left;
		width: 40%;
	}
	.hairOutline td {
		font-size: 12px;
	}