/* -------------------------------------------------------------- 
   Stylist page Css
-----------------------------------------------------------------
PC/Tablet
@media screen and (min-width: 768px){}
SmartPhone
@media screen and (max-width: 767px){}


【CSS MENU】 
1.0 - common
2.0 - stylistFrame
	2.1 - pageTitle
	2.2 - Frame
	2.3 - txt
*/

/* =========================================================
	1.0 - common
========================================================= */

/* =========================================================
	2.0 - stylistFrame
========================================================= */
/* ---------------------------------------------------------
	2.1 - pageTitle
--------------------------------------------------------- */
.stylist h2{
	height:21px;
	text-indent:-99999px;
	background:url(../images/title-stylist.png) center top no-repeat;
}
.stylist h3{
	font-weight: bold;
	font-size:14px;
}

/* ---------------------------------------------------------
	2.2 - Frame
--------------------------------------------------------- */
/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.stylist .photoFrame{
		float:right;
		width:373px;
		margin:60px 0 0 0;	
	}
	.stylist .txtFrame{
    clear:both;
    padding-top:60px;
	}
	.stylist .profileFrame{
		float:left;
		margin:60px 0 0 0;
		width:550px;
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.stylist .photoFrame{
		margin-top:15px;
	}
	.stylist .photoFrame img{
		width:100%;
		height:auto;
	}
	.stylist .txtFrame{
		margin-top:50px;
	}
	.stylist .profileFrame{
		margin-top:10px;
	}
}
/* ---------------------------------------------------------
	2.3 - txt
--------------------------------------------------------- */
.stylist p{
	font-size:14px;
}
.stylist p.name{
	margin-bottom:38px;
}

.stylist ul.performList li img{
  width:100%;
  height:auto;
}  


.stylist ul.list{
	margin-bottom:1.5em;
}

.stylist ul.list li{
	list-style:disc;
	font-size:14px;
	margin-left:1.5em;
	padding-bottom:4px;
}



/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
  .stylist ul.performList{
    width:100%;
    padding-bottom:40px;
    letter-spacing:-1em;
  }
  .stylist ul.performList li{
    width:23%;
    margin:0 2.6% 20px 0;
    display: inline-block;
    vertical-align: top; 
    letter-spacing: normal;
  }  
  .stylist ul.performList li:nth-child(4n){
    margin-right:0
  } 
/*  .stylist ul.performList li:nth-child(odd){
    margin-right:2%;
  } 
*/  
}



/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.stylist p.name img{
		width:204px;
		height:70px;
	}
  .stylist ul.performList{
    padding-bottom:40px;
  }
  
  .stylist ul.performList li{
    margin:0;
    margin-bottom:20px;
  }
}