content@charset "utf-8";

	
#stylist.grid{
	float:left;
	border-radius:5px;
	background:#fff;
}


section.sacontent{
	clear: both;
	padding:19px;
	margin-bottom:20px;
	border:1px solid #ebebeb;
	border-radius:6px;
	background:#fff;
	overflow:hidden;
	font-size:14px;
}

* html section.sacontent{height:1%;}

section.sacontent p{margin-bottom:5px;}
section.sacontent a{
	display:block;
	text-decoration: none;	/*下線を消す設定*/
}

/*salon.htmlマウスオン時*/
section.sacontent a:hover {
	background-color: #FFE4C4;	/*背景色#f6f1b2*/
	color: #333;				/*文字色#333*/
	border-radius: 6px;			/*角丸のサイズ*/
}

h3.midashi{
	padding-left:7px;
	margin-bottom:10px;
	font-size:16px;
	border-left:5px solid #e4e4e4;
}

section.sacontent img{
	max-width:90%;
	height:auto;
}

feature p{
	text-align: center;
} 

.alignleft{
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
}

.alignright{
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
}

#stylist img{
	border:4px solid #fff;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}

#stylist .grid{padding:5px 0 0;}



table.table{
	border-collapse:collapse;
	width:100%;
	margin:10px auto;
}

table.table th,table.table td{
	padding:5px;
	border:1px solid #cacaca;
}

table.table th{
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
	white-space:nowrap;
	background:#f3f3f3;
}

table.table td{border-left:#48370d;}

#slst {
 width: 100%;c/*メインコンテンツ幅100%*/
 min-width: 300px;
 max-width: 100%;/*メインコンテンツ幅600px*/
 margin: 0 auto 0 auto;
 text-align: left;				/*文字位置left*/
 font-size: 10pt;/*文字サイズ10px*/
 line-height: 20pt;
 letter-spacing: 1.2px;
 font-weight: normal;				/*文字を太字にする設定。通常がいいならこの１行削除。*/v
}



#slst .grid h3{
	width: 90%;
	padding-left:7px;
	margin-bottom:10px;
	font-size:16px;
	border-left:5px solid #e4e4e4;

}

#slst .grid p{
	padding:5px 10px;
}


#slst ul{padding:10px;}

#slst li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ebebeb;
}

#slst li:last-child{
	border:0;
	margin-bottom:0;
}

#slst li a{
	display:block;
	text-decoration: none;	/*下線を消す設定*/
}

#slst ul.list{padding-bottom:7px;}

#slst ul.list li{
	clear:both;
	margin-bottom:5px;
	padding:5px 0;
	overflow:hidden;
}

* html #slst ul.list li{height:1%;}

#slst ul.list li img{
	float:left;
	margin-right:15px;
}

#slst ul.list li{
	font-size:12px;
	line-height:1.35;
}

#slst .grid{
	width:30%;
	margin:10px 1%;
}


/* PC */
@media only screen and (min-width:960px){	
#wrapper,.inner{
	width:940px;
	padding:0;
}
	
#wrapper{padding-bottom:20px;}
	
	
.gridWrapper{
	width:960px;
	margin:0 0 0 -20px;
}
	
	
.grid{
	float:left;
	width:220px;
	margin-left:20px;
}
	
	
#slst .grid,{
	width:300px;
}
	
	
#stylist{
	width:920px;
}
	
#stylist .grid{
	width:210px;
}	
}


/* 940px */
@media only screen and (max-width:940px){
#header h1{padding:0 0 5px 10px;}
#header .logo{padding-left:10px;}
	
.grid{
	float:left;
	width:48%;
	margin:10px 2% 0 0;
}
	
.grid img{
	float:left;
	margin-right:5px;
}
	
#stylist{padding-left:1px;}
	
#stylist .grid{
	width:23%;
	margin:0 2% 0 0;
	padding:0;
}
	
#stylist .grid img{
	float:none;
	margin:0;
}
	
#slst .grid{
	width:30%;
	margin:10px 1%;
}
	
#slst .grid:first-child{
	margin-left:0;
}
	
#slst .grid:last-child{
	margin-right:0;
}
	


/* iPad  */
@media only screen and (max-width:768px){
#header{padding-bottom:0;}	

#header h1{text-align:center;}
	
#header .logo{
	float:none;
	text-align:center;
	padding:10px 5px 20px;
}

ul#topnav{
	clear:both;
	width:100%;
}

ul#topnav li{
	width:33%;
	margin:0;
	border-top:1px solid #e4e4e4;
	border-right:1px dashed #e4e4e4;
	 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

ul#topnav li:nth-child(3n){border-right:0;width:34%;}

ul#topnav li.active a,ul#topnav a:hover{border-radius:0;}
	
#slst ul.list{padding:10px 10px 11px;}
	
#slst ul.list li{
	padding-bottom:10px;
	margin-bottom:8px;
}
}


/* 640px */
@media only screen and (max-width:640px){
#footer .grid p{text-align:center;}
	
.grid img{
	float:none;
	margin:20px auto 10px;
}
	
.grid p,#slst .grid li{text-align:left;}
	
img.frame,#stylist img{border-width:2px;}

.alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
}


/* 480px */
@media only screen and (max-width:480px){
ul#topnav li{width:50%;}

ul#topnav li:nth-child(3n){
	border-right:1px dashed #e4e4e4;
	width:50%;
}
	
ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
	
	
#slst .grid{
	float:none;
	width:98%;
}
	
#slst .grid h3{padding:10px 5px;}
	
#slst ul.list{padding:10px;}
	
#slst ul.list li{
	padding-bottom:3px;
	margin-bottom:3px;
}
	
#slst ul.list li img{margin:0 5px 0 0;}
}



.u_banner{
	float:left;
	padding-right: 5px;	
}

.mapspace{
	float:left;
	margin-right:20px;	
	width:40%;
}

.conept_text{
	padding-bottom: 20px;
	padding-top: 10px;
}
.sns_icon{
    float:left;
	padding-right: 10px;	
}