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

/*************************/
/******* concept css *******/
/*************************/


@media screen and (min-width:691px) { 

.sp_menu {
	display:none;
}

#concept_title {
	margin-bottom:15px;
}


hr {
	border-bottom:#C2BDB5 1px solid;
}

#r_navi_Wrap {
	width:220px;
	float:right;
}

.npc {
	display:none;
	height:0;
}

#r_navi li {
	margin-bottom:20px;
}

#r_navi li img {
	display:block;
}

#content {
	width:690px;
	float:left;
}

.cut01,.care01 {
	width:315px;
	margin:20px 10px 10px;
	float:left;
	line-height:1.8em;
}

.cut02,.care02 {
	width:315px;
	margin:20px 10px 50px;
	float:right;
}

.cut03 {
	line-height:1.8em;
	margin:0 10px 10px;
}

.cut03 img {
	margin-bottom:10px;
}

.cut03 p {
	margin-bottom:1.8em;
}

.cut04 {
	float:left;
	margin-left:30px;
}

.cut05 {
	float:right;
	margin-right:30px;
}


.care02 {
	width:315px;
	margin:50px 10px 50px;
	float:right;
}

.care03 {
	width:360px;
	margin:20px 10px 10px;
	float:right;
	line-height:1.8em;
}

.care04 {
	width:270px;
	margin:20px 10px 50px;
	float:left;
}

.care05 {
	margin-top:50px;
	width:500px;
	height:486px;
	padding:50px 63px;
	background: url(../image/concept/concept_care_bg.png);
}

.care06 {
	float:left;
}

.care06 li,.care07 li {
	margin-top:10px;
}

.care07 {
	float:right;
	width:230px;
}

.care07 li p {
	font-size:12px;
	margin-left:5px;
}

.salon01 {
	width:704px;
	margin:10px 0 50px -16px;
}

.salon01 li {
	float:left;
	width:160px;
	margin:0 0 0 16px;
}

.salon01 li img {
	display:block;
}


.salon01 p {
	padding:10px 10px 10px 26px;
	color:#473A2F;
	line-height:1.8em;
}

.sign {
	text-align:right;
	font-size:20px;
}



.eye01 {
	margin:10px 0 30px;
	width:705px;
	margin-left:-15px;
}

.eye01 li {
	width: 220px;
	float:left;
	margin:0 0 20px 15px;
}

.eye01 li img {
	width:100%;
}

.eye01 p {
	margin-left:30px;
}

.shop01 {
	width:100%;
	text-align:left;
}

.shop01 hr {
	border-bottom:1px solid #473A2F;
	margin:10px 0;
}

.shop02,.shop03 {
	margin:30px 20px 0;
}

.shop02 p,.shop03 p {
	margin:3%;
}

.tenpo_image img {
	margin:0 10px;
}

.shop02 li a,.shop03 li a {
	display:block;
	width:220px;
	padding:5% 3%;
	margin:10px auto;
	color:#FFF;
	text-decoration:none;
}

.shop_wrap {
	text-align:center;
	overflow: hidden;
}





/*20141201 yuki*/

.pc_bfys_title{
	width: 660px;
	margin: 5px auto;
}


.pc_bfys_prg{
	width: 660px;
	text-align: center;
	line-height: 150%;
	margin: 20px 0 40px;
}


.smp_bfys_title{
	display: none;
}


.smp_bfys_prg{}


/*20150108 ヘアケアマイスターエリア 追加分*/


.hair_carebg {
	background:url(../image/concept/hair_care_2.jpg);
	width:689px;
	height:133px;
	background-repeat:no-repeat;
	margin-bottom:25px;
	padding-top:70px;
}

.hair_carebg p {
	margin-left:305px;
	line-height:20px;
}

.carebunnn {
	text-align:center;
	margin-bottom:50px;
	line-height:22px;
}

.mb_haircaremm {
	display:none;
}



/*150209_yuki ネイルカタログ追加*/

.y_nail_c_waku{
	width: 100%;
	overflow: hidden;
}

.y_nail_c_waku02{
	width: 100%;
	overflow: hidden;
	margin-bottom: 12%;
}

.y_nail_box{
	width: 32%;
	margin-right: 2%;
	margin-top: 4%;
	float: left;
}

.y_nail_box_end{
	width: 32%;
	float: left;
	margin-top: 4%;
}

.y_nail_prg{
	width: 100%;
	text-align: center;
	padding-top: 4%;
}

.tokio_st_area {
	width: 690px;
	background-image: url(../image/concept/bg_tokio_st.png);
	height: 910px;
	background-color: #FFF;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 60px;
	
}
.tokio_st_area .tokio_st_area_menu {
	position: absolute;
	bottom: 0px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	left: 70px;
}

.tokio_st_area .tokio_st_area_menu dl {
	clear: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	overflow: hidden;
	width: 490px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 10px;

}
.tokio_st_area .tokio_st_area_menu dt {
	float: left;

}
.tokio_st_area .tokio_st_area_menu dd {
	float: right;
	font-weight: bold;

}
.tokio_st_area .tokio_st_area_menu dl p {
	color: #666;
	clear: both;
	font-size: 12px;
	padding-top: 5px;

}

/*eye_nail_recruit*/

.e_n_box{
	width: 340px;
	margin: 30px auto;
}

.e_n_bnr{
	width: 100%;
	border: none;
	height: auto;
	display: block;
}

.e_n_prg{
	width: 95%;
	padding-top: 3%;
	padding-left: 3%;
}

}
/*************************/
/*************************/
/*****ここまでがPC版******/
/*************************/
/*************************/

















/*************************/
/*************************/
/***ここからがスマホ版****/
/*************************/
/*************************/



/*************************/
/******* salon css *******/
/*************************/


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




#concept_title {
	width:95%;
	clear:both;
	margin:0 auto;
	margin-bottom:10px;
}

#concept_title .fl,#concept_title .fr {
	width:40%;
}

#concept_title .fl {
	max-width:159px;
}

#concept_title .fr {
	max-width:220px;
}

hr {
	border-bottom:#C2BDB5 1px solid;
}

.sp_menu {
	margin-bottom:20px;
}

.sp_menu ul {
	margin-left:1%;
}

.sp_menu li {
	display:block;
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:1%;
}

.sp_menu li img {
	display:block;
	width:100%;
}

#r_navi_Wrap {
	display:none;
	height:0;
}

#content {
	width:95%;
	margin:0 auto;
}

.section {
	width:100%;
}

.section img {
	width:100%;
}

.cut01,.cut02,.cut03,.cut04,.cut05,
.care01,.care02,.care03,.care04,.care05, {
	line-height:2em;
}

.cut02,.care02,.care04 {
	text-align:center;
	margin-bottom:50px;
}

.cut01,.cut03,.cut04,.cut05,
.care01,.care02,.care03,.care04 {
	margin-bottom:30px;
}

.cut03 img {
	margin-bottom:5px;
}

.cut04,.cut05 {
	width:100%;
}

.cut04 img,.cut05 img {
	width:100%;
}

.care05 {
	margin-bottom:50px;
}

.care06,.care07 {
	margin-bottom:20px;
}

.care06 li,.care07 li {
	margin-bottom:10px;
}

.care07 ul {
	min-width:300px;
	width:70%;
	margin:0 auto;
}


.care07 li img {
	width:100%;
}

.care07 li p {
	margin-left:5%;
}

.salon01 {
	width:100%;
	margin:10px 0 50px;
}

.salon01 li {
	float:left;
	width:24%;
	margin:0 1% 0 0;
}

.salon01 li img {
	width:100%;
}

.salon01 p {
	padding:3%;
	color:#473A2F;
}

.sign {
	width:13em;
	text-align: center;
	font-size:16px;
	margin:0 auto;
}

.sign span {
	font-size:25px;
}


.eye01 {
	margin:10px 0 30px;
}

.eye01 li {
	width: 32%;
	float:left;
	margin:0 1.3% 10px 0;
}

.eye01 li img {
	width:100%;
}

.shop01 {
	width:100%;
	text-align:center;
}

.shop01 hr {
	border-bottom:1px solid #473A2F;
	margin:10px 0;
}

.shop02,.shop03 {
	width:100%;
}

.shop02 p,.shop03 p {
	margin:3%;
}

.tenpo_image {
	float:left;
	width:40%;
	margin:5% 0 5% 5%;
}

.tenpo_image img {
	display:block;
	width:100%;
}

.tenpo_address {
	float:right;
	width:45%;
	padding-top:10%;
}

.shop02 li a,.shop03 li a {
	display:block;
	width:24%;
	padding:5% 3%;
	margin:4% 0 2% 3%;
	float:left;
	color:#FFF;
	text-decoration:none;
}



/*20141201 yuki*/

.pc_bfys_title{
	display: none;
}


.pc_bfys_prg{}


.smp_bfys_title{
	width: 100%;
	margin: 3% auto;
}


.smp_bfys_prg{
	text-align: center;
	width: 90%;
	margin: 3% auto;
	line-height: 140%;
}


/*20150108 ヘアケアマイスターエリア 追加分*/

.pc_haircaremm {
	display:none;
}

.mb_haircaremm p {
	line-height:20px;
}



/*150209_yuki ネイルカタログ追加*/

.y_nail_c_waku{
	width: 100%;
	overflow: hidden;
}

.y_nail_c_waku02{
	width: 100%;
	overflow: hidden;
	margin-bottom: 8%;
}

.y_nail_box{
	width: 32%;
	margin-right: 2%;
	margin-top: 10%;
	float: left;
}

.y_nail_box_end{
	width: 32%;
	float: left;
	margin-top: 10%;
}

.y_nail_prg{
	width: 100%;
	text-align: center;
	padding-top: 4%;
}
.tokio_st_area {
	
	
}
.tokio_st_area .tokio_st_area_menu {
	width: 92%;
	padding-right: 4%;
	padding-left: 4%;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
.tokio_st_area .tokio_st_area_menu img {
	width: 100%;
}

.tokio_st_area .tokio_st_area_menu dl {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 5px;
	

}
.tokio_st_area .tokio_st_area_menu dt {
	float: left;

}
.tokio_st_area .tokio_st_area_menu dd {
	float: right;
	font-weight: bold;

}
.tokio_st_area .tokio_st_area_menu dl p {
	color: #666;
	clear: both;
	font-size: 12px;
	padding-top: 3px;

}



/*eye_nail_recruit*/

.e_n_box{
	width: 94%;
	margin: 0 auto 10%;
}

.e_n_bnr{
	width: 100%;
	border: none;
	height: auto;
	display: block;
}

.e_n_prg{
	width: 95%;
	padding-top: 3%;
	padding-left: 3%;
}

}

.fl {
	float:left;
}

.fr {
	float:right;
}

.tar {
	text-align:right;
}

.care06,.care07 {
	text-align:center;
	margin-bottom:20px;
}

.care07 li {
	text-align:left;
}

.shop02 {
	display:inline-block;
	background:#FFE2ED;
	margin-bottom:50px;
	border:1px solid #CDCFD1;
	text-align:center;
}

.shop03 {
	display:inline-block;
	background:#ECF2F1;
	margin-bottom:50px;
	border:1px solid #CDCFD1;
	text-align:center;
}

.shop02 li a {
	background:#FF6680;
}

.shop03 li a {
	background:#008080;
}