@charset "utf-8";

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

#Main .red{color:#CC0000;}

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

#Main .banar img{width:100%; margin:20px 0 0; padding:0;}
#Main .banar{margin:0; padding:0; line-height:0;}

#Main h2{margin:60px 0 8px 0;}
#Main h3{margin-top:20px;}

#Main ul.marg{margin:20px; line-height:1.6em;}

/*リンク*/
p.link_thoughts{margin-top:22px; font-size:105%;}
p.link_thoughts a{color:#006699; border:1px solid #006699; padding:3px 6px 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px;}
p.link_thoughts a:after{ content:">>"; font-size:80%; padding-left:2px; position:relative; vertical-align:top;}
p.link_thoughts a:hover{background-color:#EDF4FC; text-decoration:none;}



#Point{ margin:0 auto 20px; padding:0;}
#Point p{margin:0 auto; padding:8px 2px; color:#CC0000; text-align:center; font-weight:bold; font-size:1.2em; border:1px dotted #CC0000; background-color:#FFF4F5;}
#Point p span{display:block;}
#Point h2{border:none; margin:0; padding:0;}

p.cam{color:#CC0000;}
p.indent{margin-left:0; text-indent:-8px;}


.drs{margin:20px 0 20px 0; border:1px solid #CCCCCC; padding:6px; overflow:hidden; zoom:1;}
.drs .ph{float:left; width:130px;}
.drs .txt{float:left; width:78%; line-height:1.4em;}
.drs .txt p.name{font-weight:bold; font-size:1.2em;}
.drs .txt ul{list-style:none; margin:12px 0;}
.drs .txt .cc li{color:#336699;}

/**レーザー治療の特徴**/
.whats{ margin:0 0 40px 0;}
.whats .txt{float:left; width:68%;}
.whats .ph{float:right;}

.category{display:table; width:100%;}
.cat{ display:table-cell; width:30%; background-color:#EEEEEE; border:10px solid #FFFFFF;}
.cat dl{margin:0; padding:0; line-height:1.6em;}
.cat dt{background-color:#CCCCCC; padding:0.8em;}
.cat dd{ margin:0.8em; padding:0; list-style-type:circle;}
.cat .mk{color:#006699; font-size:0.7em; line-height:1em;}

/**治療の目安**/
dl.guides{line-height:1.6em;}
dl.guides dt{font-weight:bold; color:#003366; margin-top:12px;}


/*比較*/
div.comparescroll{width:100%; margin:0 auto; padding:0; line-height:2em;}
div.comparescroll table{width:100%; border-collapse:collapse; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font-size:0.9em; line-height:1.3em;}
div.comparescroll table th, div.comparescroll table td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:4px 2px;}
div.comparescroll table th{background-color:#3D76B6; color:#FFFFFF; white-space:nowrap; font-weight:normal;}
div.comparescroll table td{vertical-align:top;}
div.comparescroll table td.center{text-align:center;}
div.comparescroll table th.sentence{width:16%;}
div.comparescroll table th.child{font-size:0.8em;}
div.comparescroll table th span{display:block;}


/**費用について**/
table.prices{border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-collapse:collapse; width:80%;}
table.prices th, table.prices td{border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:8px;}
table.prices th{background-color:#ECF0FD; color:#003399;}
table.prices td{background-color:#F8F9FE; text-align:center; }
table.prices td.yen{text-align:right; background-color:#FFFFFF;}

p.tax{text-align:right; width:80%;}

#Main dl.price{border:1px solid #003366; border-bottom:none; background-color:#E1E9FB; margin-bottom:20px; width:587px; line-height:1.6em;}
#Main dl.price dt{border-bottom:1px solid #003366; padding:8px 4px; float:left; clear:both; width:170px;}
#Main dl.price dd{border-bottom:1px solid #003366; border-left:1px solid #003366; padding:8px 4px; margin-left:170px; background-color:#FFFFFF;}
#Main dl.price span.bl{display:block;}
#Main dl.price span{margin-right:8px;}


/*体験者の声*/
div.voiceD{margin-bottom:80px;}
div.voiceD h3{background-color:#CC0033; color:#FFFFFF; padding:6px;}
div.voiceD img{float:left; width:20%;}
div.voiceD p.age{text-align:right; color:#CC0033; border-bottom:1px dotted #CC0033; padding:0 4px; font-weight:bold;}


@media screen and (max-width:950px){
div.comparescroll{width:100%;}
div.comparescroll table th span{display:inline;}

}

@media screen and (max-width:790px){
#Point p{font-size:1em;}
#Point p span{display:inline;}
}

@media screen and (max-width:720px){
.drs .txt{width:68%;}

.whats .txt{float:left; width:58%;}

.cat{display:inherit; width:100%; border:1px; margin-bottom:10px;}

div.comparescroll table th span{display:block;}


table.prices{width:100%;}
p.tax{width:100%;}

#Main dl.price{width:auto;}
#Main dl.price dt{width:auto;}
#Main dl.price dd{width:auto;}
}

@media screen and (max-width:560px){
div.comparescroll table{width:790px;}
div.comparescroll { width:100%;  overflow-x:auto;}
div.comparescroll::-webkit-scrollbar{
	width: 5px;
	background:#333333;
}
div.comparescroll::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #CCCCCC;
}
div.comparescroll::-webkit-scrollbar-thumb{
	background: #333333;
	border-radius: 2px;
}
div.comparescroll::-webkit-scrollbar-thumb:horizontal{
	background: #333333;
	border-radius: 2px;
}

#schedules p.photo img{width:100%;}

div.voiceD img{width:50%; float:none; text-align:center; display:block; margin:0 auto;}

.childprice span{display:block;}

}


@media screen and (max-width:520px){
.drs .ph{float:none; width:140px;}
.drs .txt{float:none; width:100%;}

.whats .txt{float:none; width:100%;}
.whats .ph{float:none; text-align:center;}

table.prices th span{display:block;}

#Main dl.price{width:auto;}
#Main dl.price dt{width:auto;}
#Main dl.price dd{width:auto;}

video{width:94%;}
}

@media screen and (max-width:440px){
table.prices{font-size:0.9em;}
table.prices th, table.prices td{padding:8px 1px;}
}

@media screen and (max-width:400px){
#Main dl.price{width:auto;}
#Main dl.price dt{width:auto; float:none;}
#Main dl.price dd{width:auto; float:none; margin:0;}
#Main dl.price span{margin:0;}
}