@charset "utf-8";

.red{color:#CC0000;}

#Main p{line-height:1.6em;}

#Main .banar{text-align:center; margin:20px 0 0 0; line-height:0;}
#Main .banar img{width:100%;}
#Main .banartxt{text-align:center; color:#3366CC; font-size:1.2em; font-weight:700; margin:0 0 40px 0;}

#Main ul.menulist{margin:12px 0 40px 0;}

/**#Main .read{margin:20px 0;}
#Main .read strong{color:#FF6600; font-size:1.2em;}

**/

#EffPh{}
#EffPh .ph{ float:left;}
#EffPh .txt{float:right; margin:6px 0; width:76%;}

#Dr{}
#Dr .txt{float:left; width:60%;}
#Dr .ph{float:right; padding-top:20px;}
#Dr .ph p{font-weight:bold; font-size:110%; color:#006666; background-color:#99CCCC; text-align:center; line-height:normal; padding:7px 0;}
#Dr .ph ul{list-style:none; margin-left:0; padding:2px; background-color:#DBF0E8; line-height:1.9em;}

/*順番*/
#Main ul.collagen{margin:6px 0 20px 0; list-style:none; line-height:1.6em;}
#Main ul.collagen li{ padding:4px; clear:both; overflow:hidden; zoom:1;}
#Main ul.collagen li.arrow{height:18px; background:url(../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}
#Main ul.collagen li p.ph{float:left; padding-right:8px;}
#Main ul.collagen li p.txt{float:right; width:78%; margin-left:12px; border-left:5px solid #003366;}
#Main ul.collagen h4{ color:#330099;}


#Main .time{margin-bottom:28px;}
#Main .time .txt{float:left; width:70%;}
#Main .time .ph{ float:right;}

/*動画*/
.movie{text-align:center; margin-top:60px;}
.movie p.notes{font-size:0.9em;}

/*アイコン*/
#Main ul.merit{clear:both; line-height:2em; margin:24px 0; padding:0; display:table; table-layout:fixed; width:100%; color:#663333;}
#Main ul.merit li{list-style:none; padding-left:62px; padding-right:18px; display:table-cell;}
#Main ul.merit li.clr{ clear:both; display:block;}
#Main ul.merit li.m1{background:url(../images/facial/merit1.gif) no-repeat;}
#Main ul.merit li.m2{background:url(../images/facial/merit2.gif) no-repeat;}
#Main ul.merit li.m3{background:url(../images/facial/merit3.gif) no-repeat;}
#Main ul.merit li.m4{background:url(../images/facial/merit4.gif) no-repeat;}
#Main ul.merit li.m5{background:url(../images/facial/merit5.gif) no-repeat;}
#Main ul.merit li.m6{background:url(../images/facial/merit6.gif) no-repeat;}

/*総院長*/
#Drs{background-color:#FFCCFF; padding:8px;}
#Drs .ph{float:left;}
#Drs .ph p{font-size:90%;}
#Drs .txt{ width:70%; float:right; line-height:1.6em;}
#Drs .txt .pnk{color:#FF3366; text-align:right;}
#Drs .txt h4{background-color:#FF3366; color:#FFFFFF; font-size:120%; padding:4px; margin-bottom:16px;}

/**/
ul.featureP{display:flex; list-style:none;}

/*施術の流れ*/
#Main ul.flow li p.ph{float:left;}
#Main ul.flow li p.txt{float:right; width:70%;}

.Frame{border:1px solid #99CCFF; padding:12px;}
.Frame h4{color:#003366; font-size:1.1em;}
.Frame h4 span{display:block; font-size:70%;}
.Frame  p.opt{border-top:1px dotted #99CCFF; padding-top:6px;}
/*料金*/
#Main dl.pr{bline-height:1.6em; width:420px; margin:0 0 0 auto;}
#Main dl.pr dt{padding:2px 4px; width:250px; margin:8px 0; float:left; clear:left; text-align:right; border-bottom:1px dotted #CCCCCC;}
#Main dl.pr dd{padding:2px 4px; margin:8px 0; float:right; border-bottom:1px dotted #CCCCCC;}

#Main ul.prc{list-style:none; width:80%; margin:0 0 0 auto;}
#Main ul.prc li{text-align:right; border-bottom:1px dotted #CCCCCC;}
#Main ul.prc li.non{border:none;}

#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; padding-right:24px; margin:6px 0;}

span.hakata{font-size:0.8em;}

p.price_note{text-align:right;}

/*予約問い合わせフリーダイヤル*/
#Main .tel{background-color:#FCDCEC; padding:6px; margin-top:20px; margin-bottom:20px; text-align:center; border-top-left-radius: 6px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22;
	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 .tel p{line-height:2em;}
#Main .tel a{color:#003399; font-size:1.6em;}

#Main dl.data{ margin-bottom:60px;}
#Main .data dt{font-weight:700; color:#003399; border-left:6px double #339900; padding:0 0 0 6px;}
#Main .data dd{line-height:1.6em; margin-bottom:30px;}
#Main .data dd p{margin-left:14px;}


#Main .featue .ph{float:right;}
#Main .featue .txt{ float:left; margin-bottom:40px; width:80%;}

#Main ul{margin-left:18px; line-height:1.6em;}

/*症例紹介*/
#Main .ex .ph{float:left;}
#Main .ex .txt{ float:left; margin-bottom:40px; padding-left:8px; width:60%;}
#Main .ex h4{font-size:1.2em; border-left:6px solid #999999; margin:4px 0 8px 0; padding-left:6px;}


#Main .BoxPink{ border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
		background-color:#F8DFC0; padding:8px; margin-bottom:20px;}
#Main .reds{color:#CC0000; border-bottom:1px solid #CC0000; border-top:1px solid #CC0000; text-align:center; padding:3px 0;}
#Main .red{color:#CC0000;}

#Main .off{ display:table; min-height:80px; margin:0 auto;}
* html .off{position:relative;}
*+html .off{position:relative;}

#Main .off .lft{ display:table-cell; vertical-align:middle;}
* html #Main .off .lft{position: absolute; top: 50%;}
*+html #Main .off .lft{position: absolute; top: 50%;}

#Main .off .lft p{font-size:1.4em; font-weight:bold;}
#Main .off .lft p.first{color:#CC0033; font-size:1.2em;}
#Main .off .lft span{display:block;}

#Main .off .rht{ display:table-cell; vertical-align:middle;}
#Main .off .rht div{ display:table-cell; padding:0 8px; vertical-align:middle;}
#Main .off .rht span.price{font-size:160%; color:#CC0000; font-weight:bold;}
#Main .off .rht span.ss{font-size:0.5em;}

#Main .Link{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
		background-color:#E1E9FB; padding:8px 12px; margin-bottom:60px; overflow:hidden; zoom:1;}
		
#Main .Link div.photo{float:left; padding-right:12px;}
#Main .Link div.text{float:left; width:78%;}
#Main .Link h2{border:none; padding:0;}

@media screen and (max-width:1050px){
#Dr .txt{float:left; width:60%;}
#Dr .ph{float:right; padding-top:20px; width:38%; font-size:80%;}
#Dr .ph img{max-width:100%;}
}
@media screen and (max-width:950px){
#Dr .ph{float:right; padding-top:20px; width:auto; font-size:80%;}
#Dr .ph img{width:auto;}
}
@media screen and (max-width: 740px){
#Dr .txt{float:none; width:auto;}
#Dr .ph{float:none; padding-top:20px; display:table; font-size:90%;}
#Dr .ph div{display:table-cell; vertical-align:bottom;}

#Dr .profilePh{ float:left; padding-right:12px;}
#Dr .ph p{ background:none; text-align:left;}
#Dr .ph ul{ background:none;}
}

@media screen and (max-width: 710px){
* html #Dr .ph div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #Dr .ph div{/* IE 7 */
display:inline;
zoom:1;
}

/*総院長*/
#Drs .ph{float:none; text-align:center; padding-top:20px;}
#Drs .txt{float:none; width:auto;}

/*料金スペシャルプラン*/
#Main .off{display:block; margin:0 auto;}
#Main .off .lft{display:block; text-align:center; padding-bottom:12px;}
#Main .off .lft span{display:inline;}
#Main .off .rht{display:block; width:80%; margin:0 auto;}
#Main .off .rht div{}
}

@media screen and (max-width: 650px){
#Main .banar img{width:100%;}
#Main .banartxt span{display:block;}

#EffPh .ph{ float:none;}
#EffPh .txt{float:none; margin:6px 0; width:auto;}

#Main .cllaPh{text-align:center;}
#Main .cllaPh img{max-width:100%; margin:12px auto;}
#Main ul.collagen li p.txt{float:right; width:68%;}

/*アイコン*/
#Main ul.merit{display:block; margin:0;}
#Main ul.merit li{display:block; margin:12px 0; line-height:1.6em; min-height:80px;}

Main ul.flow li p.ph{float:none;}
#Main ul.flow li p.txt{float:none; width:auto;}

#Main ul.ph li{text-align:center; float:none;}

#Main .featue .ph{float:none; text-align:center;}
#Main .featue .txt{ float:none; width:auto;}

#Main p.br span{display:block;}
#Main .off .rht{width:80%;}

#Main .time .txt{width:65%;}

p.price_note{text-align:left;}

#Main .Link div.text{width:68%;}

#Main ul.prc{list-style:none; width:90%; margin:0 0 0 auto;}

ul.featureP{display:block; text-align:center;}
ul.featureP li{display:block;}

#Dr .ph{display:block; margin:0 auto; text-align:center;}
#Dr .ph div{display:block; vertical-align:baseline;}
#Dr .ph p{text-align:center;}
#Dr .profilePh{float:none; width:50%; margin:12px auto; text-align:center;}
}

@media screen and (max-width: 530px){
#Main .off .rht{width:90%;}
#Main ul.prc{width:100%;}

video{width:94%;}

#Main h3 span{display:inline-block;}

#Main .time .txt{float:none; width:auto;}
#Main .time .ph{ float:none; text-align:center;}
}

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

#Main dl.pr dt{float:none; width:auto;}
#Main dl.pr dd{float:none; border-left:none; margin-left:0;}

#Main .tel span{display:block;}


#Main ul.collagen li p.ph{float:none;}
#Main ul.collagen li p.txt{float:none; width:auto;}

#Main ul.flow li p.ph{float:none;}
#Main ul.flow li p.txt{float:none; width:auto;}


#Main .ex .ph{float:none; width:auto; margin-top:12px;}
#Main .wh img{max-width:100%;}
#Main .ex .txt{ float:none; width:100%;}

#Main .off .lft span{display:block;}
#Main .off .rht span.ss{display:block; line-height:1;}
#Main .off .rht{width:90%;}
#Main .off .rht s{display:block;}

/*料金*/
#Main dl.pr{bline-height:1.6em;  margin:0 0 0 auto;}
#Main dl.pr dt{padding:2px 4px;  margin:8px 0; float:left; clear:left; text-align:right;}
#Main dl.pr dd{padding:2px 4px; margin:8px 0; float:right;}


#Main .Link div.photo{float:none; text-align:center;}
#Main .Link div.text{float:none; width:auto;}

#Main ul.prc span.over{display:block;}
}

@media screen and (max-width:410px){
#Main .off .rht{width:auto;}
#Main .off .rht span{font-size:1.2em;}
#Main .off .rht s{display:block;}

/*料金*/
#Main dl.pr{width:100%;}
#Main dl.pr dt{ width:auto; float:none; text-align:left;}
#Main dl.pr dd{ float:none; text-align:right;}

#Main h3 span{display:inline-block;}
}