@charset "utf-8";
table { border-collapse: collapse; border-spacing: 0; }

span.kome{font-size:0.7em;}
p.kome_note{font-size:0.8em; margin-top:20px;}

h2 span{display:block;}
h2 span.bl{display:inline-block;}

/*キャンペーン*/
div.cam{color:#CC0000; margin-top:12px;}
div.cam ul{margin-left:24px; margin-top:4px;}
div.cam li{margin-bottom:8px;}

/*医療ハイフによる切らないたるみ治療「ウルトラセルQ＋」*/
#about{}
#about:after{content:""; clear:both; display:block;}
#aboutT{width:76%; float:left;}
#aboutP{float:right;}

/*ウルトラセルQプラスはこのようなお悩みに適しています*/
div.trouble{border:2px solid #176FB7; padding:12px; background-color:#FFFFFF; margin-top:20px; border-radius: 12px;}
#Main div.trouble h3{background:none; font-size:1.2em; border:none; margin:0; padding:0; color:#176FB7;}
div.trouble ul{list-style:none;	 margin-top:10px; display:inline-block; vertical-align:top;}
div.trouble ul li{margin:0 auto; margin-bottom:12px; position: relative; padding-left:17px;}
div.trouble ul li.now{width:auto;}
div.trouble ul li:after{content: ""; position: absolute; top: .3em; left: 0; width: 12px; height: 12px; border: 1px solid #8b6b4e; border-radius: 2px;}

/*特徴*/
ul.feature_list{ margin:0; padding:0; list-style:none;}
ul.feature_list li{ border-bottom:1px dotted #0066CC;}
ul.feature_list li:before{content:"●"; color:#0066CC;}

/*ドットモード*/
#cartridge{padding-top:50px;}
div.mode{border:1px solid #999999; padding:12px;}

dl.cartridge_point{border:1px solid #999999; padding:8px; margin-bottom:24px; width:46%; vertical-align:top; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px;}
dl.cartridge_point dt{border-bottom:1px dotted #CCCCCC; font-size:0.9em;}
dl.cartridge_point dt span{display:block;}
dl.cartridge_point dd{padding-top:8px;}
dl.cartridge_point dd:after{display:block; content:""; clear:both;}
dl.cartridge_point p{float:left; margin:0; padding:0; width:124px;}
dl.cartridge_point ul{color:#003399;}
dl.cartridge_point ul li{margin-left:24px;}

dl.lt{float:left;}
dl.rt{float:right;}

p.clr{clear:both;}


/*施術のステップ*/
dl.step{margin-bottom:12px;}
dl.step dt{font-size:1.25em; padding:12px 12px 0; background-color:#DEEAF8;}
dl.step dd{padding:0 12px 12px; background-color:#DEEAF8;}
dl.step dd dt{font-size:1.1em; color:#2769D8; padding:0;}
dl.step dd dt:before{content:"■";}
dl.step dd dd{border:none; padding:0; padding-bottom:12px;}

dl.step dd.arrow{height:18px; background:url(../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}


/*術後*/
#after h3{ color:#003399; font-size:1.2em; padding:2px 12px; display:inline-block; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius:8px; margin-top:40px;}
#after ul{list-style:none; margin-left:24px;}
#after ul li{text-indent:-1em;}
#after ul li:before{content:"●"; color:#3D6DC9;}

/*QA*/
.faq{ line-height:1.6em;}
.faq dt{background:url(../images/affirm/q.jpg) no-repeat top left; padding:5px 0 12px 44px; color:#003399; font-weight:700;}
.faq dd{background:url(../images/affirm/a.jpg) no-repeat top left; padding:5px 0 8px 44px; margin-bottom:20px;}


/**/
table.price{ width:100%; border-collapse:none; border:1px solid #003366; border-top:none; margin-bottom:20px; line-height:1.6em;}
table.price th, table.price td{padding:12px; border-top:1px solid #003366; border-right:1px solid #003366; padding:8px 4px;}
table.price th{background-color:#B6C4E9; color:#003366; vertical-align:top;}
table.price th span{display:block;}
table.price td.parts{background-color:#E1E9FB; text-align:left;}
table.price td{text-align:right;}

p.tax{display:none;}

@media screen and (max-width:820px){
#aboutT{width:70%; }
dl.cartridge_point{border:1px solid #999999; padding:8px; margin-bottom:24px; width:auto; vertical-align:top; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px;}
dl.lt, dl.rt{float:none; clear:both;}
dl.cartridge_point dt span{display:inline;}
}

@media screen and (max-width:750px){
#aboutP{width:28%; }
}

@media screen and (max-width:690px){
h2{font-size:1.4em;}
h3{font-size:1.2em; color:#3366CC; background-color:#EEEEEE;}
div.trouble h3{ font-size:1.1em;}
h4{font-size:1.1em;}

#aboutT{width:auto; float:none;}
#aboutP{width:auto; text-align:center; float:none; padding-top:0;}
#aboutT h2{text-align:center;}

p.pnote span{ margin-right:0; display:block;}
}

@media screen and (max-width:660px){
table.price th{text-align:left;}
}

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

table.price{font-size:85%; margin-bottom:0;}
table.price td span{display:none;}

p.tax{display:block; font-size:0.8em; text-align:right; margin-top:0; padding-top:0;}
}

@media screen and (max-width:460px){
img{max-width:100%;}
#Second h1{font-size:160%;}
}

@media screen and (max-width:390px){
div.cam ul{margin-left:0; list-style:none; margin-top:4px;}
}

@media screen and (max-width:350px){
table.price{font-size:85%;}
table.price th, table.price td{padding:12px 4px;}
}