@charset "utf-8";
   

/*
=========================================
  intro
=========================================
*/
.intro{
	text-align:center;
}

.intro strong{
	text-align:center;
	font-size:170%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.5rem;
	font-weight:400;
	padding-top:5rem;
	display:block;
}
.intro p{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:110%;
	padding: 8rem 0 5rem;
}


@media screen and (max-width: 900px) {
.intro strong{
	font-size:120%;
	letter-spacing: 0.1rem;
	padding-top:1rem;
	display:block;
}
.intro p{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:100%;
	padding: 3rem 3% 3rem;
	width:94%;
}
}



/*---------------------------------------
  #hair_scalp
---------------------------------------*/

.hair_1 h3{
	color: #b1b1b1;
	letter-spacing: 0.2em;
	line-height: 1.2;
	font-size: 330%;
	font-weight:300;
}
.hair_1 .h3_sub{
	padding-bottom:2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.hair_1 h4{
	font-size: 80%;
	padding-bottom:2rem;
	color:#666;
}
.hair_1 .h4_sub{
	font-size: 170%;
	letter-spacing:0.3rem;
	padding-bottom: 1.5rem;
}
.hair_1 h4 span{
	display:block;
	font-weight:100;
	font-size: 130%;
	padding-top:10px;
}
.hair_1{
	overflow:hidden;
	padding: 2.5rem 0 5rem;
}

.hair_1 .bg_img{
	float:left;
	width:48%;
}
.hair_1 .bg_img p{
}
.hair_1 .img{
	width:48%;
	float:right;
}
@media screen and (max-width: 900px) {
.hair_1{
	overflow:hidden;
	padding: 0 0 3rem;
}
.hair_1 h3{
	font-size: 250%;
	letter-spacing:0.2rem;
	padding-top: 3rem;
}
.hair_1 .img{
	width:85%;
	margin-left:15%;
	float:none;
}
.hair_1 .h3_sub{
	padding:1.5rem 0 0.5rem;
}
.hair_1 .h4_sub{
	font-size: 140%;
	padding-bottom: 1rem;
}
.hair_1 .bg_img{
	float:none;
	width:100%;
}
.hair_1 h4 img{
	width:280px;
}
}


/*------------------------------
  hair_2  ---------------------*/

.hair_2{
	overflow:hidden;
	padding-bottom: 7rem;
}
.hair_2 img{
	margin-left: 30%;
	width: 70%;
	max-width:950px;
}

@media screen and (max-width: 900px) {
.hair_2 img{
	margin-left: 15%;
	width: 85%;
}	
}


/*------------------------------
  hair_3  ---------------------*/
  
.hair_3{
	background:#f9f5f2;
	margin-top: 0;
	position:relative;
}
.hair_3 h2{
	position:absolute;
	margin-top: -11rem;
	font-size: 90%;
	width:45%;
	text-align:left;
	letter-spacing:0.1rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.hair_3 h2 img{
	display:block;
	margin-top:10px;
}
.hair_3 .shampoo{
	padding: 7rem 5% 2rem 5%;
	width:90%;
	overflow:hidden;
}
.hair_3 .treatment{
	padding: 2rem 5% 5rem 5%;
	width:90%;
	overflow:hidden;
}
.hair_3 dl{
	overflow:hidden;
	clear:both;
	padding:3rem 0;
}
.hair_3 dt{
	width:25%;
	padding-top:2rem;
	float:left;
	font-size:120%;
	letter-spacing:-0.1rem;
}
.hair_3 dd{
	margin-left:25%;
	border-left:#c4c0bd 1px solid;
	padding:10px 0 10px 5%;
	font-size:85%;
	line-height:2;
}
.hair_3 .shampoo div,
.hair_3 .treatment div,
.hair_3 .essence div{
	text-align:center;
	width:50%;
	float:left;
}
.hair_3 .shampoo div img,
.hair_3 .treatment div img{
	width:30%;
}
.hair_3 .essence div img{
	width:20%;
}
.hair_3 .shampoo h3,
.hair_3 .treatment h3,
.hair_3 .essence h3{
	max-width:335px;
	margin: 20px auto 0 auto;
	font-size:130%;
	color:#666;
}
.hair_3 .essence_tl h3{
	margin: 20px auto 0 auto;
	font-size:130%;
	color:#666;
}
.hair_3 .shampoo span,
.hair_3 .treatment span,
.hair_3 .essence span,
.hair_3 .essence_tl span{
	color:#6d500c;
	display:block;
	font-size:70%;
}
.hair_3 .shampoo p,
.hair_3 .treatment p,
.hair_3 .essence p{
	max-width:335px;
	text-align:left;
	margin: 10px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.hair_3 .essence_tl p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}

.essence{
	padding: 5rem 5% 5rem 5%;
	width:90%;
	overflow:hidden;
}

.essence_tl{
	background:url(../products/img/EraL_bg_2.jpg) repeat-x top;
}
.essence_tl_in{
	background:url(../products/img/EraL_bg_2.jpg) no-repeat top;
	background-size:cover;
	max-width:1305px;
	min-height: 600px;
	padding: 0 30px;
	margin:0 auto;
}
.essence_tl strong{
	display:block;
	font-size:150%;
	color:#fff;
	padding-top:6rem;
}
.essence_tl_in div{
	margin: 8rem 0 0 60%;
	width:40%;
}
.essence_img{
	width:100%;
}


@media screen and (max-width: 900px) {
.hair_3 .inner{
	width:100%;
}
.hair_3 h2{
	margin-top: -5rem;
	margin-left:5%;
	font-size: 90%;
	width: 55%;
}
.hair_3 .shampoo{
	padding: 10rem 0 2rem 0;
	width:100%;
}
.hair_3 .treatment{
	padding: 1rem 0 2rem 0;
	width:100%;
}
.hair_3 .shampoo dl{
	padding:2rem 0;
	width:90%;
	margin:0 5%;
}
.hair_3 .treatment dl{
	padding:2rem 0;
	width:90%;
	margin:0 5%;
	border-top:1px solid #000;
}
.hair_3 dt{
	width:100%;
	padding-top:0;
	float:none;
}
.hair_3 dd{
	margin-left:0;
	border-left:none;
	padding:10px 0 10px 0;
	font-size:100%;
}
.hair_3 .shampoo div,
.hair_3 .treatment div,
.hair_3 .essence div{
	width:100%;
	float:none;
}
.hair_3 .shampoo h3,
.hair_3 .treatment h3,
.hair_3 .essence h3{
	max-width:900px;
	padding:0 5%;
	margin-top:2rem;
	text-align:left;
}
.hair_3 .shampoo p,
.hair_3 .treatment p,
.hair_3 .essence p{
	max-width:900px;
	padding:0 5% 1rem 5%;
	margin: 10px auto;
}
.hair_3 .shampoo span,
.hair_3 .treatment span,
.hair_3 .essence span,
.hair_3 .essence_tl span{
	font-size:85%;
	line-height:2;
}
.essence_tl strong{
	font-size:140%;
	padding:2rem 5% 0 5%;
	background:#251b1c;
}
.hair_3 .essence_tl p{
	font-size:100%;
}
.essence_tl{
	background:none;
}
.essence_tl_in{
	background:none;
	padding:0;
}
.essence_tl_in div{
	margin: 0 5%;
	width:90%;
}
.hair_3 .sp_bg{
	background:url(../products/img/EraL_bg_sp.jpg) repeat-x bottom;
	padding:0 15% 3rem 15%;
	width:70%;
	display:block;
}
.hair_3 .sp_bg span{
	background:#fff;
	padding:2rem 0;
}
.essence{
	padding: 5rem 0 3rem 0;
	width:100%;
}
.hair_3 .essence div img{
	width:30%;
}

}
@media screen and (max-width: 600px) {
.hair_3 .shampoo{
	padding: 3rem 0 2rem 0;
}
.hair_3 .shampoo h3,
.hair_3 .treatment h3,
.hair_3 .essence h3{
	font-size:105%;
}
.essence_tl strong{
	font-size:120%;
}
.hair_3 .essence_tl h3{
	font-size:105%;
}
}

/*---------------------------------------
  #skin
---------------------------------------*/


#skin .skin_tl h2{
	text-align:left;
	font-size: 330%;
	padding-bottom:0;
	color:#666;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#skin .skin_tl img{
	width:100%;
}

#skin .tl_copy{
	text-align:center;
	padding: 10rem 0 5rem;
	font-size:150%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.2rem;
	font-weight:600;
	line-height:2;
}
#skin .h2_sub{
	font-size:100%;
	padding-bottom:2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
#skin .skin_1 h3{
	text-align:center;
	font-size: 200%;
	letter-spacing:0.8rem;
	padding: 8rem 0 6rem 0;
}
#skin .leberceau{
	background:url(../products/img/skin_img_1.jpg) left top no-repeat;
	background-size:48%;
	padding-left: 54%;
	width: 46%;
}
#skin .leberceau .copy{
	font-size:120%;
}
#skin .leberceau h4{
	padding:2rem 0 0.5rem;
}
#skin .leberceau p{
	font-size:90%;
	margin-top:1.5rem;
}



@media screen and (max-width: 900px) {
#skin .skin_tl h2{
	font-size: 200%;
}
#skin .tl_copy{
	text-align:center;
	padding: 6rem 5% 2rem;
	width:90%;
	font-size:140%;
	text-align:left;
	letter-spacing: 0.1rem;
}
#skin .skin_1 h3{
	text-align:center;
	font-size: 150%;
	letter-spacing:0.4rem;
	padding: 4rem 0 1.5rem 0;
}
#skin .skin_1 .img{
	width:85%;
}
#skin .leberceau{
	background:none;
	padding-left: 0;
	width: 100%;
	padding-bottom: 5rem;
}
#skin .leberceau .copy{
	padding-top:3rem;
}
#skin .leberceau .copy img{
	width:20%;
}
#skin .leberceau h4 img{
	width:50%;
}
}
@media screen and (max-width: 600px) {
#skin .tl_copy{
	font-size:105%;
}
#skin .skin_1 h3{
	font-size: 120%;
}
}

/*------------------------------
  skin_2  ---------------------*/

#skin .skin_2{
	margin-top: 8rem;
	background:url(../products/img/white_box.gif) repeat-x top #fdfcfa;
}
#skin .skin_2 .inner{
	position:relative;
}
#skin .skin_2 h2{
	font-size:80%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
	position:absolute;
	top:1rem;
	left:0;
	text-align:left;
	width:52%;
	letter-spacing:0.1rem;
}
#skin .skin_2 h2 img.sp{
	display:none;
}
#skin .skin_2 h2 img{
	display:block;
	margin-top:10px;
	z-index:-1;
}
#skin .skin_2 .lineup_right{
	width: 57%;
	margin-left: 43%;
}
#skin .skin_2 .lineup_right img{
	position:absolute;
	z-index:1;
}
#skin .skin_2 .lineup_right_r{
	padding: 8rem 0 0 180px;
}
#skin .skin_2 .lineup_right_r strong{
	font-size: 120%;
}
#skin .skin_2 .lineup_right_r strong span{
	font-size: 80%;
	margin-bottom:10px;
	display:block;
}
#skin .skin_2 .lineup_right_r h3{
	font-size:120%;
	padding-bottom:10px;
	letter-spacing:0;
}
#skin .skin_2 .lineup_right_r h3 span{
	color:#72b4b3;
	font-size:80%;
	display:block;
	margin-top:10px;
}
#skin .skin_2 .lineup_right_r p{
	font-size:85%;
	min-height:200px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.skin_2 .list{
	padding-top:4rem;
	clear:both;
	overflow:hidden;
    max-width:1365px;
    margin:0 auto;
}
.skin_2 .list div{
	float:left;
	width:30%;
	margin-left:5%;
	text-align:center;
}
#skin .skin_2 .lineup_right img{
	width: 57%;
	max-width:161px;
}
.skin_2 .list div img{
	width: 35%;
}
.skin_2 .list div.gel{
	margin-left:0;
}
.skin_2 .list h3{
	font-size:120%;
	padding:1rem 5%;
}
.skin_2 .list div span{
	color:#72b4b3;
	display:block;
	font-size:80%;
}
.skin_2 .list dt{
	font-size:130%;
	padding:0 5%;
}
.skin_2 .list dd{
	padding:0.7rem 5%;
	line-height: 2;
	font-size:85%;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.skin_2 .laninfa{
	background:url(../products/img/skin_bg_1.jpg) no-repeat bottom;
	background-size:contain;
	min-height:400px;
	padding: 6rem 10%;
	width:80%;
	overflow:hidden;
    max-width:1100px;
    margin:0 auto;
}
.skin_2 .laninfa img{
	float:left;
	width: 19%;
}
.skin_2 .laninfa .laninfa_in{
	margin-left:23%;
}
.skin_2 .laninfa .tl{
	font-size:150%;
}
.skin_2 .laninfa .laninfa_in .tl{
	font-size:120%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.skin_2 .laninfa .laninfa_in h3{
	font-size:120%;
	padding-bottom:10px;
}
.skin_2 .laninfa .laninfa_in span{
	color:#72b4b3;
	display:block;
	font-size:80%;
}
.skin_2 .laninfa .laninfa_in p{
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}

.skin_2 .puls{
	overflow:hidden;
	padding: 6rem 5% 15rem 5%;
	width:90%;
    max-width:1365px;
    margin:0 auto;
}
.skin_2 .puls .img{
	float:right;
	margin:0 50px 25px 50px;
}
.skin_2 .puls .tl{
	font-size:200%;
}
.skin_2 .puls h4{
	padding:15px 0 30px;
}
.skin_2 .puls strong{
	font-size:120%;
	display:block;
	margin-bottom:1rem;
}


@media screen and (max-width: 900px) {
#skin .skin_2 h2 img.sp{
	display:block;
}
#skin .skin_2{
	margin-top: 0;
}
#skin .skin_2 h2{
	width:80%;
	position:relative;
}
#skin .skin_2 h2 .pc{
	display:none;
}
#skin .skin_2 .lineup_right img{
	width:130px;
	position:absolute;
	right:0;
	top:-230px;
}
#skin .skin_2 .lineup_right_r{
	padding: 1rem 0 0 0;
}
#skin .skin_2 .lineup_right{
	width:100%;
	margin-left:0;
}
#skin .skin_2 .lineup_right_r p{
	min-height:100px;
}
.skin_2 .list{
	padding-top:0;


}
.skin_2 .list div{
	width:100%;
	margin-left:0;
}
.skin_2 .sp_bg{
	background:url(../products/img/LeBer_bg_sp.jpg) repeat-x bottom;
	padding:2rem 15% 3rem 15%;
	width:70%;
	display:block;
}
.skin_2 .sp2_bg{
	background:url(../products/img/skin_bg_1_sp.jpg) no-repeat bottom;
	background-size:100%;
	padding:2rem 15% 3rem 15%;
	width:70%;
	display:block;
}
#skin .skin_2 .lineup_right_r p{
	font-size:100%;
}
.skin_2 .sp2_bg span,
.skin_2 .sp_bg span{
	background:#fff;
	padding:0 0 2rem 0;
	display:block;
	text-align:center;
}
.skin_2 .sp2_bg span,
.skin_2 .gel .sp_bg span{
	padding:2rem 0;
}
.skin_2 .list h3{
	text-align:left;
	padding-top:2rem;
	padding-bottom:0.5rem;
}
.skin_2 .list dt{
	text-align:left;
}
.skin_2 .laninfa img{
	float:none;
	width: 50%;
}
.skin_2 .laninfa .laninfa_in{
	margin-left:0;
	padding:2rem 5%;
}
.skin_2 .laninfa{
	background:none;
	padding: 2rem 0 0 0;
	width:100%;
}
.skin_2 .puls{
	padding: 2rem 0 3rem;
}
.skin_2 .puls .img{
	width:135px;
	margin:0 0 25px 10px;
}
.skin_2 .puls .tl{
	font-size:150%;
}
.skin_2 .puls h4{
	padding: 15px 0 30px 0;
	width:55%;
}
.skin_2 .puls strong{
}
.skin_2 .puls p{
	clear:both;
}





}
@media screen and (max-width: 500px) {
#skin .skin_2 .lineup_right img{
	top:-140px;
	width:100px;
}
#skin .skin_2 .lineup_right_r strong{
	font-size: 100%;
}
#skin .skin_2 .lineup_right_r h3{
	font-size:100%;
}
#skin .skin_2 .lineup_right_r p{
	font-size:85%;
}
.skin_2 .list dt{
	font-size:100%;
}
.skin_2 .list h3{
	font-size:100%;
}
.skin_2 .puls .tl{
	font-size:110%;
}
.skin_2 .puls .img{
	width:110px;
}
.skin_2 .puls h4{
	padding: 15px 0 15px 0;
}
.skin_2 .puls strong{
	font-size:105%;
}
.skin_2 .laninfa .laninfa_in .tl{
	font-size:100%;
	line-height:1.5;
	padding-bottom:0.5rem;
}
.skin_2 .laninfa .laninfa_in h3{
	font-size:100%;
}
}

/*------------------------------
  skin_3  ---------------------*/

.skin_3{
	clear:both;
	position:relative;
	background:#fdfcfa;
}
.skin_3 h2{
	position:absolute;
	margin-top: -8rem;
	font-size: 90%;
	width:45%;
	text-align:left;
	letter-spacing:0.1rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.skin_3 h2 img{
	display:block;
	margin-top:10px;
}
.skin_3 .lineup_right{
	width:70%;
	margin-left:30%;
}
.skin_3 .lineup_right img{
	position:absolute;
	z-index:1;
	width:25%;
	left:10%;
	max-width:308px;
}
.skin_3 .lineup_right_r{
	padding: 1rem 5% 1rem 38%;
	max-width:550px;
}
.skin_3 .right_r strong,
.skin_3 .lineup_right_r strong{
	font-size: 120%;
}
.skin_3 .right_r strong span,
.skin_3 .lineup_right_r strong span{
	font-size: 80%;
	margin-bottom:10px;
	display:block;
}
.skin_3 .right_r h3,
.skin_3 .lineup_right_r h3{
	font-size:120%;
	padding-bottom:10px;
	letter-spacing:0;
}
.skin_3 .right_r h3 span,
.skin_3 .lineup_right_r h3 span{
	color:#d1704f;
	font-size:80%;
	display:block;
	margin-top:10px;
}
.skin_3  .right_r p,
.skin_3  .lineup_right_r p{
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}

.skin_3 .center{
	clear:both;
	overflow:hidden;
	padding:3rem 10% 7rem 10%;
	width:80%;
    max-width:1365px;
    margin:0 auto;
}
.skin_3 .center img{
	float:left;
	width:12%;
	max-width:105px;
	padding-left:5%;
}
.skin_3 .right_r{
	margin-left:20%;
	padding-top:4rem;
}

.toiawase{
	padding-bottom: 6rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.toiawase .waku{
	border-top:1px solid #bebdbb;
	border-bottom:1px solid #bebdbb;
	padding:1.5rem 5%;
	width:90%;
	text-align:center;
}
.toiawase a{
	font-size:150%;
	font-weight:bold;
}
.toiawase strong{
	display:block;
	margin-top:1rem;
}
.toiawase p{
	font-size:80%;
	padding-top:15px;
}



@media screen and (max-width: 900px) {
.skin_3 h2{
	position:relative;
	margin-top: 0;
	width: 60%;
}
.skin_3 .lineup_right{
	width:100%;
	margin-left:0;
}
.skin_3 .lineup_right_r{
	padding: 2rem 5% 0 5%;
}
.skin_3 .lineup_right img{
	position:relative;
	width:70%;
	margin-left:10%;
	max-width:300px;
	left:0;
}
.skin_3 .sp_bg{
	background:url(../products/img/skin_bg_sp.jpg) repeat-x bottom;
	padding:2rem 15% 3rem 15%;
	width:70%;
	display:block;
}

.skin_3 .sp_bg span{
	background:#fff;
	padding:3rem 0 2rem;
	display:block;
	text-align:center;
}
.skin_3 .center{
	padding: 2rem 0 3rem 0;
	width:100%;
}
.skin_3 .center img{
	float:none;
	width:25%;
	max-width:300px;
}
.skin_3 .right_r{
	margin:2rem 5% 0 5%;
	padding-top:0;
}
.toiawase{
	padding-bottom: 3rem;
}
.toiawase .waku{
	text-align:left;
}
.toiawase a{
	display:block;
}
.toiawase strong{
	text-align:center;
}
.toiawase strong span{
	display:none;
}

}
@media screen and (max-width: 500px) {
.skin_3 .right_r strong,
.skin_3 .lineup_right_r strong{
	font-size: 100%;
}
.skin_3 .right_r h3,
.skin_3 .lineup_right_r h3{
	font-size: 100%;
}
}