@charset "utf-8";

.T40{margin-top:40px;}

#Main ul{margin:0 0 0 24px; line-height:1.6em;}
#Main ul.FNavi{margin-left:0;}

h1#hair_w{background:none; border:none; margin:0; padding:0; line-height:0;}
h1#hair_w img{width:100%;}

div#titlemenu{margin:0; padding:0; line-height:0; background-color:#FDCAE2;}
div#titlemenu ul{margin:0; padding:0 0 0 4px; line-height:0; list-style:none; border-bottom:2px solid #DA1831;}
div#titlemenu li{ display:inline; margin:0; padding:0; width:19%; text-align:center; bottom:0;}
div#titlemenu li img{width:19%; border:0;}

#Main h2{margin:0; padding:18px 0; background-color:#DA1831; text-align:center; color:#FFF1EA; border:none; border-bottom:6px double #FFFFFF;}
#Main .read{background-color:#FFF1EA; padding:14px 8px; border-bottom:4px double #FFFFFF; margin:0;}
#Main .read_pink{background-color:#FED1D6;}
#Main .read_green{background-color:#EAF8BC;}

div.cause{border:2px solid #CCCCCC; padding:8px; margin:30px 0; background:url(../images/hair-woman/top_photo.jpg) no-repeat 96% 50px;}
div.cause h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}
div.cause dt{color:#333399; border-left:12px solid #006699; padding-left:2px; margin:18px 0 6px; font-weight:bold;}
div.cause dd{background:url(../images/hair-woman/step_arrow.jpg) no-repeat left center; padding-left:12px; margin:0 0 12px 16px;}

#Main div.menulink{border:2px solid #006699; width:47.6%; padding:4px; float:left; height:370px; margin-bottom:30px;}
#Main div.menulinkR{float:right;}
#Main div.menulink h4{font-size:1.4em; border:none; text-align:center; border-bottom:1px solid #CCCCCC; line-height:1.3em; padding:0;}
#Main div.menulink h4 span{display:block; font-size:0.65em; color:#0099CC; font-weight:normal;}
#Main div.menulink ul{list-style:none; margin:8px 0 12px; padding:0;}
#Main div.menulink ul li{border:1px solid #000033; color:#000066; display:inline-block; padding:2px; margin:4px 0; font-size:0.8em; background-color:#EEEEEE;}
#Main div.menulink p{margin:0; padding:0;}
#Main div.menulink p img{margin-right:4px; border:1px solid #CCCCCC;}
#Main div.menulink p span{display:block;}
#Main div.menulink p.link{text-align:center; margin:6px 0; clear:both;}
#Main div.menulink p.link a{background-color:#009999; color:#FFFFFF; padding:8px 14px; text-decoration:none; border-top-left-radius: 22px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;	
	border:none;
    -webkit-border-top-left-radius: 22px;
    -webkit-border-top-right-radius: 22px;	  
    -webkit-border-bottom-left-radius: 22px;
    -webkit-border-bottom-right-radius: 22px; 	 
    -moz-border-radius-topleft: 22px;
    -moz-border-radius-topright: 22px;	  
    -moz-border-radius-bottomright: 22px;}
#Main div.menulink p.link a:hover{background-color:#66CC99;}

#Main h2 img{width:100%;}
#Main h2#title{background-color:#FFFFFF; border:none; padding:0; margin:0; line-height:0;}
#Main h3{padding:12px 4px;}
#Main h3 span{ background-color:#006699; color:#FFFFFF; padding:2px 4px; margin-right:4px;}

p.price{border-bottom:1px dashed #CC9900; padding:4px; margin-bottom:12px; text-align:right; font-weight:bold; font-size:1.2em;}
p.price strong{color:#CC0000; margin-left:12px;}
p.price span{border:1px solid #CCCCCC; background-color:#EEEEEE; font-size:0.7em; font-weight:normal; padding:4px; margin-left:8px;}
p.price span.s{background:none; border:none; margin:0; padding:0;}
p.tax{font-size:0.8em; text-align:right; padding:8px;}


/**ヘアフィラー******/
p.hairfiller_flow{text-align:center;}
p.hairfiller_flow img{width:80%;}

#osusume{border:2px solid #CCCCFF; padding:10px; margin:40px 0;}
#osusume h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}

div.stepL{float:left; width:60%; margin-top:40px;}
div.stepR{float:right; margin-top:40px;}
dl.step{margin:0; line-height:1.6em;}
dl.step dt{color:#006699; margin:8px 0; padding:0; font-weight:bold;}
dl.step dd{background:url(../images/hair-woman/step_arrow.jpg) no-repeat left center; padding-left:12px;}

.movie{background-color:#006699; color:#FFFFFF; padding:12px; text-align:center;}

.painless{background-color:#FFF8D2; padding:4px 12px; margin:40px 0; border:1px solid #FFCC33;}
.painless h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}

dl.point{line-height:1.6em; margin:40px 0　20px; border-bottom:1px solid #CFE4F8;}
dl.point dt{text-align:right; width:26%; float:left; clear:left; padding:8px 1%; color:#006699; font-weight:bold; border-top:1px solid #CFE4F8;}
dl.point dd{padding:8px; margin-left:28%; border-top:1px solid #CFE4F8; border-left:1px solid #CFE4F8;}

/**薬********/
div.pantogarL{float:left; width:69%;}
div.pantogarR{float:right; width:30%;}
div.pantogarR img{width:100%;}


div.rogaineL{float:left; width:69%;}
div.rogaineR{float:right; width:30%;}
div.rogaineR img{width:100%;}


/*眉毛****/
#Main div.Ex_photo{float:left; padding-right:9px;}
#Main div.Ex_text{float:left; width:77%; line-height:1.6em;}
#Main div.ExM_photo{float:left; padding-right:9px;}
#Main div.ExM_text{float:left; width:47%; line-height:1.6em;}
#Main ul.mayu_photo{margin:20px 0; padding:0; display:table;}
#Main ul.mayu_photo li{display:table-cell; padding:4px 12px 0 0;}


/**育毛*/
#Main div.Item_text{width:62%; float:left; padding-top:12px;}
#Main div.Item_photo{float:right; padding-top:12px; width:37%;}
p.percentTtl{text-align:center; font-weight:bold; margin-top:12px;}
table.percent{border:1px solid #CCCCCC; border-collapse:collapse; width:100%;}
table.percent th{background-color:#6699CC; color:#FFFFFF;}
table.percent th, table.percent td{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px; text-align:center;}
table.percent th span{color:#990000;}
p.percentnote{font-size:0.8em; color:#CC3333; margin-bottom:12px;}
p.percenttxt{font-size:0.9em;}

dl.how_point{line-height:1.6em; margin:40px 0　20px; border-bottom:1px solid #CFE4F8;}
dl.how_point dt{text-align:right; width:18%; float:left; clear:left; padding:8px 1%; color:#006699; font-weight:bold; border-top:1px solid #CFE4F8;}
dl.how_point dd{padding:8px; margin-left:20%; border-top:1px solid #CFE4F8; border-left:1px solid #CFE4F8;}

/**育毛*/
dl.shampoo{float:left; width:30%; text-align:center;}

h4.partsTtl{margin-top:40px; line-height:1.6em;}
h4.partsTtl span{display:block;}
div.blue{border:1px solid #99CCFF; padding:7px; margin-bottom:20px;}
div.orange{border:1px solid #FF9966; padding:7px; margin-bottom:20px;}
div.greens{border:1px solid #99CC00; padding:7px; margin-bottom:20px;}
div.blue h5{color:#336699; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
div.orange h5{color:#CC6600; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
div.greens h5{color:#336600; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
dl.parts dt{float:left; clear:left; width:33%; background-color:#006699; color:#FFFFFF; text-align:center;}
dl.parts dt, dl.parts dd{padding:8px; margin-bottom:12px;}
dl.parts dd{float:left;}
div.orange dl.parts dt{background-color:#FF6633;}
div.greens dl.parts dt{background-color:#669900;}

@media screen and (max-width:1060px){
#Main div.menulink{height:380px;}
/*眉毛****/
#Main div.ExM_text{float:left; width:41%; line-height:1.6em;}

p.price strong{display:block;}
}


@media screen and (max-width:950px){
#Main div.menulink{height:330px;}

/*眉毛****/
#Main div.ExM_text{float:left; width:50%; line-height:1.6em;}

p.price strong{display:inline-block;}

}


@media screen and (max-width:880px){
#Main div.menulink{height:380px;}
/**ヘアフィラー*/
p.price span{display:inline-block; padding:0; line-height:1.3em;}

/*眉毛****/
#Main div.ExM_text{float:left; width:42%; line-height:1.6em;}

}

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

/*眉毛****/
#Main ul.mayu_photo li img{width:100%;}

}

@media screen and (max-width:680px){
#Main div.menulink{width:96%; float:none; height:auto;}
#Main div.menulinkR{float:none;}
#Main div.menulink p span{display:none;}
#Main div.menulink p img{margin-right:12px;}

/**ヘアフィラー*/
dl.point span{display:block;}

/*眉毛****/
#Main div.Ex_text{width:72%;}
#Main div.ExM_text{float:left; width:38%; line-height:1.6em;}


/*育毛******/
#Main div.Item_text{width:auto; float:none; padding-top:12px;}
#Main div.Item_photo{float:none; padding-top:12px; text-align:center; width:auto;}
}

@media screen and (max-width:660px){
div.cause{background:none;}

div.stepL{float:none; width:auto;}
div.stepR{float:none; text-align:center;}

/*眉毛****/
#Main div.ExM_photo{float:none; padding-right:0; text-align:center;}
#Main div.ExM_text{float:none; width:auto;}
}

@media screen and (max-width: 580px){
ul.Navi, #Main ul.FNavi{line-height:2.4em; font-size:0.7em; background-size: contain;}
ul.Navi li a, #Main ul.FNavi li a{padding-left:3px; padding-right:10px;}

p.price strong{display:block;}

/**ヘアフィラー******/
p.hairfiller_flow img{width:90%;}

dl.point .last span{display:block;}

/*眉毛****/
#Main div.Ex_photo{float:none; padding-right:0; text-align:center;}
#Main div.Ex_text{float:none; width:auto;}
#Main ul.mayu_photo li{display:block; margin-bottom:20px;}

/**育毛*/
table.percent{ font-size:0.8em;}
table.percent th{padding-left:0; padding-right:0;}
table.percent td{padding:1px;}

}

@media screen and (max-width: 480px){
div#titlemenu li img{width:18%; border:0;}
div#titlemenu ul{border-bottom:6px solid #003366;}

/*ヘアフィラー*/
dl.point dt, dl.point dd{float:none; margin:0; width:auto; text-align:left; padding:8px 0 0 0;}
dl.point dd{border:none; padding:0 0 8px 0;}
dl.point dt span, dl.point dd span{display:inline;}

/**薬********/
div.pantogarL{float:none; width:auto;}
div.pantogarR{float:none; width:auto; text-align:center;}
div.pantogarR img{width:80%;}

/**薬********/
div.rogaineL{float:none; width:auto;}
div.rogaineR{float:none; width:auto; text-align:center;}
div.rogaineR img{width:60%;}

p.price_ikumou{font-size:1em; line-height:1.8em;}
}