@charset "utf-8";

#Head .logo{padding-top:8px;}

.T40{margin-top:40px;}

p.banar{margin:20px auto; text-align:center;}

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

/**びまん性脱毛******/
div.cause{border:2px solid #CCCCCC; padding:8px; width:80%; margin:30px auto;}
div.cause h4{border-left:none; color:#333333; padding:0 0 4px 0; border-bottom-color:#3399CC;}
div.cause dt{color:#333399; border-left:12px solid #006699; padding-left:2px; margin:18px 0 10px; font-weight:bold; line-height:1em;}
div.cause dd{background:url(step_arrow.jpg) no-repeat left center; padding-left:16px; margin:0 0 12px 12px; line-height:1.3em;}

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.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 #FFCCCC; padding:10px; margin:40px 0;}
#osusume h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}

div.stepL{float:left; width:75%;}
div.stepR{float:right;}
dl.step{margin:0; line-height:1.6em;}
dl.step dt{color:#003366; margin:8px 0; padding:0; font-weight:bold;}
dl.step dd{background:url(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; 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;}

/**薬********/
#Main h3{padding:12px 4px;}
#Main h3 span{ background-color:#FFFFFF; color:#000066; padding:2px 4px; margin-right:4px;}

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:#FED1D6; color:#660066;}
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;}

/*順番*/
#Main ul.flow{margin:6px 0 20px 0; list-style:none; line-height:1.6em;}
#Main ul.flow li{background-color:#FFE8EE; padding:4px; clear:both; overflow:hidden; zoom:1;}
#Main ul.flow li.arrow{height:18px; background:url(../arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}


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){
/*ヘアフィラー****/
div.stepL{width:70%;}

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

@media screen and (max-width:1000px){
p.banar img{width:99%;}
}

@media screen and (max-width:970px){
p.banar img{width:98%;}
}

@media screen and (max-width:950px){
div.stepR{width:29%;}
div.stepR img{width:100%;}

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

}


@media screen and (max-width:880px){
div.cause{width:96%;}
/**ヘアフィラー*/
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){

/**ヘアフィラー*/
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;}

/**育毛シャンプー*/
dl.shampoo{float:left; width:33%; text-align:center; font-size:0.9em;}
dl.shampoo dt img{width:33%;}
h4.partsTtl span{display:inline;}
dl.parts{font-size:0.9em;}
dl.parts dt{width:43%; padding:4px 1px;}
dl.parts dd{padding:4px 1px; width:auto;}

}

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

div.stepL{float:none; width:auto;}
div.stepR img{width:auto;}
div.stepR{float:none; width:auto; 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.price{font-size:1em;}

/**ヘアフィラー******/
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%;}

/*育毛**/
dl.parts{font-size:1em;}
dl.parts dt{float:none; clear:both; width:auto; background-color:#006699; color:#FFFFFF; text-align:center;}
dl.parts dt{padding:8px; margin-bottom:0;}
dl.parts dd{float:none; width:auto;}
}