@charset "UTF-8";

/*-----------------------
 main
 -----------------------*/
 .smLogo{
	 margin-top: 30px;
 }

.smBack{display: none!important;}

 
 body, html, main {
    /* important */
    height: 100%;
}


.wrapper{
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:100%;
	overflow:hidden;
}

#concept{
	position: relative;
}


.conceptText{
	margin:  0 auto;
	text-align: center;
/*	background-image: url(../images/top/concept_back.png) ;
background-repeat: no-repeat;*/	
	max-width: 380px;
	line-height: 200%;
	margin-top: 30px;
	padding: 0 20px;
}

.conceptText h2{
	border-bottom: 1px solid;
	width: 	93px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 100px;
	font-size: 28px;
	letter-spacing: 0.3em;
}

#dropmenu {
    max-width: 720px;
    margin: 60px auto;
}


.staff1 ul{
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 70px;
}

.staff1 ul li{
	float: left;
	margin-left: 80px;
}

.staff1 ul li img{
	max-width: 78%;
}

.staff1 .text{
	text-align: center;
	max-width: 300px;
}

#staff1 h3{
	width: 200px;
	margin: 0 auto;
}

.photo {
	width: 100%;
}

.stylist{
	font-size: 23px;
}

.staff1 .text h3{
	font-size: 30px;
	text-align: center;
	border-bottom: 1px solid;
	padding: 10px 0;
	margin-bottom: 5px;
}

.title{
	text-align: center;
}

.detail{
    line-height: 200%;
	padding-top: 18px;
	font-family:"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
	text-align: left;
}

.reserved {
    margin: 50px auto 0;
}

.reserved img {
    max-width: 18%;
}


 @media only screen and (max-width: 480px) {

 .staff1 ul li{
		 margin-left: 0;
	 }
	 
.staff1 ul {
    max-width: 220px;
}	 
.text {
		 font-size: 12px;
	 }	
	
.stylist {
    font-size: 18px;
}

#staff1 .detail {
    padding-top: 20px;
    width: 177px;
 }
	 
#staff1 .text{
    right: 52px;
    top: 184px;	
}
	 
	 .staff1 ul li img{
		 margin-left: 50px;
		 margin-top: 50px;
}
	 
	 .detail{
	text-align: left!important;
	 }
	 
	 .conceptText h2{
	border-bottom: 1px solid;
	width: 	113px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 70px;
	font-size: 28px;
	letter-spacing: 0.3em;
}

.reserved {
    max-width: 48%;
	margin-top: 0;
}
	 
	 .reserved img {
    max-width: 100%;
}



}
 
 @media only screen and (max-width: 320px) {
	 
#staff1 .detail {
    padding-top: 5px;
    width: 156px;
}
	 	 
	 }