@charset "utf-8";
/* CSS Document */
/* ========reset======== */

*{ letter-spacing: 0; }

html{ overflow-y: scroll; }

body,div,ol,ul,li,
h1,h2,h3,h4,h5,h6,pre,
p,blockquote{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,div,p,td,th,small{
	font-size: 100%;
	font-weight: normal;
}

img{ border: 0; }

caption{ text-align: left; }

q{ quotes: none; }

q:before,q:after{
	content: '';
	content: none;
}

a{ text-decoration: none; }

a:hover,
a:active{ outline: 0; }

img{
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

b,strong{ font-weight: bold; }

div{ word-wrap: break-word; }

/* ========layout======== */
#wrapper{
	margin:0 auto;
	width:1200px;
}
#header {
   float:left;
   width:540px;
}

#tel {
   float:right;
   width:400px;
   text-align:right;
   margin-top:25px;
}

#main{
	width: 100%;
	clear:both;
}

#main-content {
   width:100%;
}

#footer .box-info {
   float:left;
   width:100%;
}
#footer .box-map {
   float:right;
   width:362px;
}
#footer .box-info img{
	margin:10px 0;

}

@media screen and (max-width:640px){
#wrapper,#header,#tel,#main-content,#footer,#footer .box-info,#footer .box-map{
	width: 100%;
	min-width: 100% !important;
}
#header,#tel,#footer .box-info,#footer .box-map{
	text-align:center;
}
.box-wrap .box-l,
.box-wrap .box-r,
#footer .box-info .box-l,
#footer .box-info .box-r{
	float: none !important;
	width: 100% !important;
}
.img-l10,.img-r10{
	float: none !important;
}
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/
#h1-box:after,
#topin:after,
#navi #menu:after,
#main:after,
.infobox-wrap:after,
.box-wrap:after,
.box-info:after,
.box-map:after,
.staff-wrap:after,
#salon-box:after,
#sub-content:after,
.table-style01:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#h1-box:after,
#topin:after,
#navi #menu:after,
#main:after,
.infobox-wrap:after,
.box-wrap:after,
.box-info:after,
.box-map:after,
.staff-wrap:after,
#salon-box:after,
#sub-content:after,
.table-style01:after,
.clearfix:after{ /zoom : 1; }


/* HS追加 */
.salon_txt_1 {color:#571000; font-size:1.36em; font-weight:600;}
.salon_txt_2 {font-size:1.08em;}
.shoprogo_1 {font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; font-size:1.5em; font-weight:600;}
.shoprogo_2 {font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; font-size:2.6em; font-weight:600; line-height:1em;}
.shoprogo_3 {font-size:1.3em; font-weight:600;}