@charset "UTF-8";


/*
 *
 * MENULIST START
 *
 */
.mene_list{
    text-align:left;
	margin:60px 0 ;
}
.mene_list ul{
    list-style-type: none;
}
.mene_list li{ 
display: inline-block;
margin-bottom:20px; 
}
.mene_list li a{
	color:#221814;
	letter-spacing:4px;
	font-size:18px;
	padding:0 10px;
	border-left: 3px solid;
	border-color:#221814;
}
.mene_list li:last-child{
    border-right: 3px solid ;   
}
.mene_list li a:hover{
	color:#888;
}
.mene_list_tittle p{
	font-size:18px;
	text-align:left;
	margin-bottom:10px;
}
.mene_list_tittle{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:991px) {
.mene_list li a {
	letter-spacing:1px;
	font-size:14px;
	border: 1px solid;
	background-color:#fff;
	border-left: 1px solid ;
    border-right: 1px solid;
	color: #221814;
	margin-right:10px;
	border-radius: 5px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px; 
	border-left: 1px solid ;
    border-right: 1px solid;
}
.mene_list li:last-child{
    border-right: 0;
}
.mene_list li a:hover{
	/* background-color: #003C7E;
	color:#fff */
}
}
@media  (min-width: 768px) and (max-width: 991px) {
.mene_list{
	margin:50px 20px 40px;
}
.mene_list li{
	margin-bottom:30px; 
}
.mene_list li a {
	padding:12px;	
}
}
@media (max-width:767px) {		
.mene_list{
	margin:30px 15px 20px;
}

.mene_list li{
	margin-bottom:20px; 
}

.mene_list li a {
	padding:10px;	
}
}
/*
 *
 * MENULIST END
 *
 */
 
 
 /*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * SALON PAGE START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */
 
 /*
 *
 * BATCH START
 *
 */
.batch{
    text-align:center;
}
.batch{
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:20px;
	width:180px;
  margin-left: 25px;
  padding: .3em 0 .3em 0 ;
  text-decoration: none;
  -webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}
.batch_open{
  background:  #FFD900;
  color:#fff;
}
.batch_setmenu{
  background:  #99663A;
  color:#fff;
}
.batch_menu{
  background:   #87B1C8;
  color:#fff;
}
.batch_discount{
  background:   #003C7E;
  color:#fff;
}
 /*
 *
 * BATCH END
 *
 */
 
/*
 *
 *  SALON MENU TITTLE START
 *
 */
 
.tittle small{
	display:inline;
	letter-spacing:0;
	font-size:16px;
	margin-left:30px;
	font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.tittle br{
	display:none; 
}
.menu_tittle_JP small {
	font-size:22px;
}

@media (max-width:767px) {		
.tittle small{
	font-size:13px;
	margin-left:10px;
	font-weight:normal;
}
.tittle br{
	display:block; 
}
}

/*
 *
 * SALON MENU TITTLE END
 *
 */
 
/*
 *
 * MENU OTHER START
 *
 */
.hairmenu{
		margin-bottom:100px;
		
}
@media (min-width: 768px)and  (max-width:991px) {	
.hairmenu{
		margin-bottom:30px;	
}
}

@media (max-width:767px) {
		
.hairmenu{
		margin-bottom:20px;	
}
}

.setmenu dl dd {
		background-color:#F6ECEB;
}
.discountmenu dl dd {
		background-color: #F6ECEB;
}
/*
 *
 * MENU OTHER END
 *
 */

/*
 *
 * SALON MENU START
 *
 */
 .salonmenu {
	 margin-top:40px;
	 display: table;
	 width: 100%;
	 font-size:17px;	
	 text-align:left;
	 border-left: 1px  solid;
	 border-top: 1px  solid;
	 border-collapse: collapse;		
}
.salonmenu span {
	    display: block;
		font-size:16px;	
		line-height:200%;
		margin-top:10px;
		color:#888;	
}
.setmenu small {
	    font-size:15px;
}
.salonmenu dl {
		display: table-row-group;
		background-color:#fff;
}	
.salonmenu dl dt {	
	width: 70%;	
}
.salonmenu dl dd {
	display: block;
	text-align:right;
	width: 30%;
	background-color:#EBE8E6;
}
.salonmenu dl dt,
.salonmenu dl dd {
		display: table-cell;
		padding: 20px;	
		border-bottom: 1px  solid;
		border-right: 1px  solid;
		border-bottom: 1px  solid;
		line-height:200%;	
}

@media (max-width:991px) {
.salonmenu {
	margin-top:30px;
	font-size:16px;
}
.salonmenu span{
		font-size:13px;
		margin-top:5px;
}
.salonmenu dl dt,
.salonmenu dl dd{
		padding: 10px;
		line-height:2;
}
.setmenu small{
	    font-size:13px;
}
}

@media (max-width:767px) {	
.salonmenu {
	margin-top:20px;
	font-size:15px;
}
.salonmenu dl dt {	
	width:67%;
}
.salonmenu dl dd {
	width: 33%;
}
}

/*
 *
 * SALON MENU END
 *
 */
 

/*
 *
 * MENU TEXT,NOTES
 *
 */
.menu_text{ 
	background-color: #F9F8F7;
	margin:40px 0;
	padding:30px;
}
.menu_text p{ 
	font-size: 16px;
}
.salonmenu_notes p{ 
	font-size:13px;
	margin-top:40px;
	text-align:right;
}

@media (min-width: 768px)and  (max-width:991px) {
.menu_text{ 
	margin:30px 0;
	padding:20px;
}
.menu_text p{ 
	font-size: 15px;
}
.salonmenu_notes p{ 
	margin-top:20px;
}
}
 
@media (max-width:767px) {
.menu_text{ 
	margin:20px 0 ;
	padding:10px;
}
.menu_text p{ 
	font-size: 13px;
}
.salonmenu_notes p{ 
	font-size: 12px;
	margin-top:20px;
}

}
  
 
@media (max-width:480px) {
  .salonmenu small {
	    font-size:11px;
}
}
/*
 *
 * MENU TEXT,NOTES
 *
 */
    

 
/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * STAFF PAGE START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */ 

.staff {
	border-bottom: #414C5B solid 1px;
	padding:40px 0;
}

.staff_img img{ 
	background-color: #ffffff;
	padding:4px;
	border:solid 1px #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}


.staff_text a:link {
	text-decoration: none;
	color:#888;
}
.staff_text a:hover{ color:  #000;}
.staff_text a:visited { color:#888;}
.staff_text a:active { color:#888;}


.staff_text ul{
	list-style-type:none;
}
	
.staff_text ul:after{
	content: "";
	display: block;
	clear: both
}

.staff_text li	{
	float: left;
	margin-top: 10px;
	margin-right: 10px
}
	
.staff_text li a {
	font-size: 25px;
    margin-right:10px;
}

	 
.staff:after{
	content: "";
	display: block;
	clear: both
}
	
.staff_img {
	float: left;
	width: 40%;
	height:auto;
	padding-right: 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.staff_text{
	float: left;
	width: 60%;
	height:auto;
	color:#888;
}

.staff_text h3 {
	font-size:20px;	
	font-weight:bold;
	color:#221814;
}

.staff_text h4{
  font-weight:bold;
  color:#221814;
   margin-top:10px;
}



@media (min-width: 768px)and  (max-width:991px) {
.staff {
	padding:30px 0;
}

.staff_img {
	width: 50%;
}
.staff_text{
	width: 50%;
}

}

@media (max-width:767px) {
.staff {
	padding:20px 0;
}

.staff_text , .staff_img{
	width: 100%
}

.staff_img {
	padding-right:0;
}

.staff_text{
	padding-top:20px;
}
}


/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * STAFF PAGE START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */ 


/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * SALON PAGE START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */
 
/* サロン情報 */
.salon{
	margin:40px 0;
}
 
.salon:after{
	content: "";
	display: block;
	clear: both
}
	
.salon_img {
	float: left;
	width: 50%;
	height:auto;
}

.salon_text{
	float: left;
	width: 50%;
	height:auto;
	padding-left: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:15px;
	line-height:200%;
}

.salon_text h2{
	font-size:20px;
	margin-bottom:10px;
}

.salon_text a:link{
	color:#888;
	text-decoration:none;
}

.salon_text h2 small{
	font-size:15px;
	margin-left:15px;
}

.salon_text h4
{
	font-size:15px;
	margin-bottom:5px;
}

.salon_text p
{
    padding-left: 40px;
	margin-bottom:10px;
	color:#888;
}



@media (max-width:991px) {

.salon{
	margin:30px 0;
}

.salon_text , .salon_img{
	width: 100%
}
.salon_text{
	padding-top:20px;
	padding-left: 0;
}
.salon_text p{
    padding-left: 0;
}
}

@media (max-width:767px) {
.salon{
	margin:20px 0;
}
}
/* マップ */
.map{
	margin-top:40px;
}

.map:after{
	content: "";
	display: block;
	clear: both;
}
	
.map_img {
	float: left;
	width: 50%;
	height:auto;
}

.map_text{
	float: left;
	width: 50%;
	height:auto;
	padding-left: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#graphicmap{
	padding:4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #ccc;
}

#graphicmap img{
	width: 100%;
}

#ggmap_frame{
	padding:4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #ccc;
}

#ggmap {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
 
#ggmap iframe,
#ggmapg object,
#ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.map_text p:first-child{
	font-size:15px;
	margin-bottom:5px;
    color:#46533D;
}

.map_text h2{
    padding-left: 40px;
	margin-bottom:10px;
	font-weight:bold;
}

.map_text p{
    padding-left: 40px;
	margin-bottom:10px;
	color:#888;
}

.map_text a{
	color:#888;
}


@media (max-width:991px) {
.map{
	margin-top:30px;
}
.map_text , .map_img{
	width: 100%
}
.map_text{
	padding-top:20px;
	padding-left: 0;
}
.map_text h2,
.map_text p:nth-child(3),
.map_text p:nth-child(5){
    padding-left: 0;
}
}

@media (max-width:767px) {
.map{
	margin-top:20px;
}
}


/* コンセプト */
 
.concept{
  margin: 40px auto 0 auto;  
  text-align: center;  
}

.concept_img img{
    max-width:250px;
	padding:40px 0;
}

.concept_img2 img{
    max-width:250px;
}

.concept_text{
	line-height:3;
}	

.concept_text,
.concept_name{
   font-size: 16px;
   letter-spacing:2px;
    margin:0 auto 0 auto;
	text-align:center;
	color:#888;
}
.concept_name{
	text-align:right;
}

@media (min-width: 768px)and  (max-width:991px) {
.concept{
	margin: 30px auto 0 auto;  
}
.concept_img img{
	padding:30px 0;
}
}
@media (max-width:767px) {
.concept{
	margin: 20px auto 0 auto;  
}
.concept_img img{
	max-width:250px;
	padding:20px 0;
}
.concept_text,
.concept_name{
   font-size: 14px;
   letter-spacing:0px;
}
.concept_img2 img{
    max-width:180px;
}
.concept_text br{
	display:none;
}
}

@media (min-width: 600px) {
.concept_text{
    max-width:700px;
}

}


/* ギャラリー */

.salongallery{
	margin-top:40px;
	}

.salongallery li:nth-child(4),
.salongallery li:nth-child(5),
.salongallery li:nth-child(6),
.salongallery li:nth-child(7),
.salongallery li:nth-child(8),
.salongallery li:nth-child(9){
	margin-top:3%;
	}
	

.salongallery:after{
	content: "";
	display: block;
	clear: both;
}

.salongallery li:nth-child(3n+1),
.salongallery li:nth-child(3n+2){
	padding:0;
	float: left;
	width: 31.3333%;
	margin-right:3%;
	}
	
.salongallery li:nth-child(3n){
	float: left;
	width: 31.3333%;
	}
	
.salongallery li{
	display: block;
	text-decoration: none
}
	
	
@media (min-width: 768px)and  (max-width:991px) {
.salongallery{
	margin-top:30px;
	}
}
@media (max-width:767px) {

.salongallery{
	margin-top:20px;
}
	

.salongallery img{
	  padding:2px;
}

.salongallery img{ 
	background-color: #ffffff;
	height:auto;
	border:solid 1px #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

}


/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * SALON PAGE END
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * GALLERY PAGE START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */
 
 
#instafeed,
#instafeed2,
#instafeed3{
	list-style-type:none;
	margin:40px 0;
}

#instafeed:after,
#instafeed2:after,
#instafeed3:after{
	content: "";
	display: block;
	clear: both;
}

#instafeed li:nth-child(3n+1),
#instafeed li:nth-child(3n+2),
#instafeed2 li:nth-child(3n+1),
#instafeed2 li:nth-child(3n+2),
#instafeed3 li:nth-child(3n+1),
#instafeed3 li:nth-child(3n+2){
	padding:0;
	float: left;
	width: 31.3333%;
	margin-right:3%;
	margin-top:3%
	}
	
#instafeed li:nth-child(3n),
#instafeed2 li:nth-child(3n),
#instafeed3 li:nth-child(3n){
	float: left;
	width: 31.3333%;
	margin-top:3%
	}

#instafeed li:nth-child(1),
#instafeed li:nth-child(2),
#instafeed li:nth-child(3),
#instafeed2 li:nth-child(1),
#instafeed2 li:nth-child(2),
#instafeed2 li:nth-child(3),
#instafeed3 li:nth-child(1),
#instafeed3 li:nth-child(2),
#instafeed3 li:nth-child(3){
	margin-top:0;
}	

@media (min-width: 768px)and  (max-width:991px) {
#instafeed,
#instafeed2,
#instafeed3{
	margin:30px 0;
}
}	

@media (max-width:767px) {
#instafeed,
#instafeed2,
#instafeed3{
	margin:20px 0;
}
}	

 


/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * GALLERY PAGE END
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

 /*コンタクトページ */

.contactpage_text{
	margin-top:40px;
}

.contactpage_ttl{
	font-size:15px;
	margin-top:40px;
	margin-bottom:10px;
}

.reserve_tel p{
	font-size:20px;
}

@media (min-width: 768px)and  (max-width:991px) {
.contactpage_text{
	margin-top:30px;
}

.contactpage_ttl{
	margin-top:30px;
}	
}

@media (max-width:767px) {
.contactpage_text{
	margin-top:20px;
}
.contactpage_ttl{
	margin-top:20px;
}

}	

 /*求人ページ */
 


 
/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * OTHER START
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

/* 英語map */

#gmap{
	width:420px;
	height:420px;
}

@media (min-width:768px)and(max-width:991px) {
	#gmap{
	width:980px;
	height:980px;
}
	
}

/* 求人 */
.recruitmenu dl dt {	
	width: 30%;
	background-color:#FFF7EB;
	font-size:15px;
	padding: 10px;
	
}

.recruitmenu dl dd {
	text-align:left;
	width: 70%;
	background-color:#fff;
	font-size:14px;
	padding: 10px;
}

.recruit_intro h2 {
	font-size:16px;
	margin-bottom:10px;
}

.recruit_intro {
	margin-bottom:20px;
}





/*英語map */

		
/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * OTHER END
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */