@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

body { background-color:#FFFFFF; line-height: 1.8; color:#333333; letter-spacing: .06rem;}

table { border-collapse: collapse; border-spacing: 0; }
a{text-decoration:none;}
img{border:0;}
hr{border:none; border-top:1px solid #CCCCCC;}
ul{list-style:none;}

.T20{margin-top:20px;}
.T60{margin-top:60px;}
.T120{margin-top:120px;}

.pink{color:#FF0099;}
.blue{color:#000099; background-color:#99CCFF;}
.orange{color:#FF6600;}

.under_line{text-decoration:underline wavy #666666;}

.margl{ margin-left:-9px;}


/**お知らせ*/
div#news{padding:4px 6px; border:1px solid #CC0000; margin:12px auto 20px; font-size:1em; color:#CC0000; width:960px;}
div#news p{margin:0; text-align:center;}
div#news a{color:#CC0000;}


/*****************/
/*上にもどる*/
/*------------------------------------------*/
/***************/
#bck {position:fixed; right:2%; bottom:14px; display:none; z-index: 100;}
#bck a { display:block; background:url(../img/pagetop.png) no-repeat; width:33px; height:33px; }
#bck a:hover{ background-position:bottom left;}

/*別ウインドウリンク*/
p.links a{
	position: relative; color:#FF0099;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
}
p.links a::before{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	left:0; top:15%;
	box-sizing: border-box;
	width:7px;
	height:4px;
	border:7px solid transparent;
	border-left:7px solid #FF0066;
}
p.links a:after{content:url(../../common/link_window.png); margin: 0px 2px;}


/*タイトル*/
#HeaderContents{width:980px; margin:12px auto;}
#HeaderContents p.days{padding-top:4px; line-height:1; text-align:right;}
#HeaderContents p.banar{margin:20px auto 30px; clear:both; width:960px;}
#title img{width:100%;}

.ttl:after{ content:""; display:block; clear:both;}
.ttl_txt{float:left; width:760px; padding-top:12px;}
.ttl_ill{float:left;}

h1{font-size:220%; font-family: "游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",'sans-serif'; font-weight:bold; margin:0.3em auto; line-height:1.3;}
h1 span{display:block;}

/*コンテンツ幅*/
.LPDetails{width:980px; margin:0 auto 120px; font-size:110%;}
.LPDetails h2{font-size:140%; background-color:#FAE4ED; padding:4px 12px; margin-bottom:8px;}
.LPDetails h2 span{display:block;}
.LPDetails h2 span.sub{background-color:#FF0066; color:#FFFFFF; display:inline-block; font-size:70%;}
h3{ font-size:140%; clear:both; padding:0.2em 0; margin-top:12px;}
h3 span{display:block;}

/*リード文*/
.read{padding-top:30px;}
.read:after{clear:both; display:block; content:"";}
.read_txt{width:640px; float:left;}
.read_ph{float:right;}

p.photo_multi img{ display:inline-block; margin-right:12px; vertical-align:bottom;}
p.photo_multi:after{content:""; display:block; clear:both;}

/*ワキ汗・多汗症治療について*/
#therapy:after{content:""; display:block; clear:both;}
.therapyL{float:left; width:540px; margin-bottom:60px;}
.therapyR{float:right;}

#therapy h2, #miradry h2, #choice h2, #others h2, #price h2{font-family: "游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",'sans-serif'; font-weight:bold; font-size:2.4em; padding:0; background:none;}

/*アポクリン汗腺*/
div.sweat:after{content:""; clear:both; display:block;}
div.sweat{background-color:#FDEBC8; padding:8px; margin-bottom:80px; clear:both; display:block;}
div.sweatL{float:left; padding-right:8px;}
div.sweatR{float:left; width:780px;}

div.sweat_detailL{ float:left; width:48%;}
div.sweat_detailR{float:right; width:48%;}
div.sweat_details p.img{text-align:right;}
div.sweat_details h3{color:#EA5710;}
div.sweat_details h3 span{
  position: relative;
  display: inline-block; vertical-align:top;
  margin:0 0 0 15px; padding:6px; font-weight:normal; line-height:1.4;
  color: #FFFFFF;
  font-size:70%;
  background: #EA5710;
}
div.sweat_details h3 span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -8px;
  border:8px solid transparent;
  border-right:8px solid #EA5710;
}

div.sweat_details dl{margin:12px 0;}
div.sweat_details dt{color:#EA5710; margin:0; padding:0;}
div.sweat_details dt:before{content:"●"; font-size:80%;}
div.sweat_details dd{margin-bottom:12px;}

/*ミラドライとは*/
ul.adapt li{border-bottom:1px dashed #DA5289; margin-bottom:8px;}
ul.adapt li:before{content:"■"; color:#DA5289;}

#miradry h3{font-size:120%; color:#DA5289; margin-bottom:0; margin-top:30px;}
#miradry h3.bk{background-color:#FE5CAD; color:#FFFFFF; padding:12px; margin-top:70px; margin-bottom:12px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}

#miradry dt:before{content:"■";}
#miradry dd{margin-bottom:12px;}

dl.choice_list dt{color:#DA5289;}

/*院長*/
.dr_profile{border-bottom:1px solid #999999; border-top:1px solid #999999; padding-top:18px;}
.dr_profileL{float:left; padding-right:12px;}
.dr_profileR{float:left; width:76%;}
.dr_profile dl{margin:12px auto;}
.dr_profile dt, dd{display:inline-block;}
.dr_profile:after{display:block; clear:both; content:"";}

/*動画*/
div.movie{text-align:center; margin-bottom:60px;}
div.movie iframe{display:inline-block; margin:0 20px;}

/*ステップ*/
/*照射*/
ul.howto{margin:40px 0 0 0; padding:0; list-style:none;}
ul.howto li{clear:both; margin:0; padding:12px 0 0 0;}
ul.howto li img{margin-right:12px;}
ul.howto li span{ vertical-align:middle; display:table-cell;}
ul.howto li.arrow{background-color:#FFFFFF;}

/*施術の流れ*/
div.step{clear:both; margin:20px 0;}
div.stepL{float:left; clear:both; width:70%; margin-bottom:20px;}
div.stepR{float:right; margin-bottom:20px;}
div.step h4{background:none; vertical-align:middle; color:#CC0066; border:none; padding:0 4px; margin:0; font-size:1.4em;}
div.step h4 span{font-size:1.4em; vertical-align:middle; margin-right:12px;}

hr{clear:both; display:block; margin:30px 0; border:none; border-bottom:1px solid #CC0066;}

div.step04{clear:both; font-size:80%;}
div.step04 .left, div.step04 .right{ width:47%; background-color:#FFF0E3; padding:8px 4px;}
div.step04 .left{float:left;}
div.step04 .right{float:right;}
div.step04 p{display:table-cell; vertical-align:top; padding:0 4px;}

div.step:after{content:""; clear:both; display:block;}

dl.after dt{color:#DA5289;}

/*今まで治療で再発した際の*/
#others:after{content:""; clear:both; display:block;}
.othersL{float:left; width:540px;}
.othersR{float:right;}


/*費用*/
table.prices{border-bottom:1px solid #CC3366; border-collapse:collapse; width:100%;}
table.prices th, table.prices td{border-top:1px solid #CC0033; padding:16px 10px;}
table.prices td.yen{text-align:right;}
table.prices span{font-size:0.9em;}
table.prices th.pricettl{vertical-align:top; width:500px; color:#990000; text-align:left;}
table.prices th.pricettl span{font-weight:normal; display:block; font-size:80%;}
table.prices td span{display:block; font-size:80%;}

.notes{font-size:0.9em; text-align:right;}



/*お問合せ*/
#contact{margin-bottom:60px;}
#contact p img{vertical-align:middle; margin-right:12px;}

/*SNS*/
#sns ul{text-align:center; margin:0; padding:0;}
#sns li{display:inline-block; margin:0; padding:0;}

/*フッター*/
#Copyright{background:none; border-top:1px solid #999999; color:#000000; margin-top:12px; clear:both;}
#Copyright p{color:#000000; font-size:0.7em; text-align:center;}

/****************/
#headerspace{padding-top:130px;}

@media screen and (max-width: 999px) {
div#news{width:94%;}
div#news p{font-size:90%;}

#HeaderContents{width:100%;}

.ttl_txt{float:left; width:83%; padding-top:12px;}
.ttl_ill{width:17%;}
.ttl_ill img{max-width:100%;}

.read_txt{width:66%; float:left;}
.read_ph{float:right; width:33%;}
.read_ph img{max-width:100%;}

.therapyL{float:left; width:63%; margin-bottom:60px;}
.therapyR{float:right; width:36%;}
.therapyR img{max-width:100%;}

div.sweatL{float:none; text-align:center;}
div.sweatR{float:none; width:auto;}
div.sweat h3{border-bottom:1px dashed #FF6600; padding-bottom:2px; margin-bottom:8px;}

div.movie iframe{width:42%;}

.othersL{width:63%;}
.othersR{ width:36%;}
.othersR img{max-width:100%;}

.LPDetails{width:98%;}

table.prices th.pricettl{width:auto;}
table.prices td{white-space:nowrap;}
}

@media screen and (max-width:912px) {
h1{font-size:200%;}
.dr_profileR{float:left; width:64%;}
}

@media screen and (max-width:880px) {
div.stepL{width:62%;}
div.step04 .left, div.step04 .right{float:none; width:90%; margin:0 auto; margin-bottom:20px;}
table.prices{border:none;}
table.prices th, table.prices td{display:block; float:none; border-top:none; padding:0;}
table.prices td{font-weight:bold;}
table.prices td.yen{border-bottom:1px dotted #CC0000; font-weight:normal;}
table.prices th.pricettl{width:auto; padding-bottom:12px; background-color:#FFE1EE;}
table.prices td span{display:inline; margin-left:8px; vertical-align:middle;}
table.prices td span:before{content:"(";}
table.prices td span:after{content:")";}
}

@media screen and (max-width:834px) {
h1{font-size:180%;}
}

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

.LPDetails h2 span{display:inline;}
.LPDetails h2{font-size:120%; background-color:#FAE4ED; padding:4px 12px; margin-bottom:8px;}

#therapy h2, #miradry h2, #choice h2, #others h2, #price h2{font-weight:bold; font-size:2em; padding:0; background:none;}

.dr_profileL img{max-width:100%;}
.dr_profileL{width:30%;}
.dr_profileR{width:66%;}

#contact span{display:block;}
}

@media screen and (max-width:780px) {
h1{font-size:170%;}
}

@media screen and (max-width:770px) {
#HeaderContents{}
}

@media screen and (max-width:735px) {
h1{font-size:160%;}
}

@media screen and (max-width:724px) {
ul.howto{width:90%; margin:0 auto;}
ul.howto li{padding:8px;}
ul.howto li span{display:block;}
ul.howto li img{max-width:80%; margin:0 auto; display:block;}
}

@media screen and (max-width:680px) {
div.sweat_details h3 span{position:static; display:block; margin-left:0;}
div.sweat_details h3 span:before{border:none;}

div.stepL{width:auto; float:none;}
div.stepR{float:none; text-align:center;}
div.step h4{font-size:1.2em;}

.othersR{width:auto; float:none;}
.othersL{width:auto; float:none;}
}

@media screen and (max-width:654px) {
/****************/
#headerspace{padding-top:150px;}

h1{font-size:150%;}

p.photo_multi img{margin-right:0;}
}

@media screen and (max-width:612px) {
h1{font-size:134%;}

.read_txt{float:none; width:auto;}
.read_ph{float:none; width:auto; text-align:center; margin-top:12px;}

.therapyL{float:none; width:auto; margin-bottom:0;}
.therapyR{float:none; width:auto; margin-bottom:60px;}

div.movie iframe{width:80%; display:block; margin:20px auto;}
}

@media screen and (max-width:560px) {
.ttl_txt{float:none; width:auto; padding-top:12px; text-align:center;}
.ttl_ill{ float:none; width:auto; text-align:center;}

.dr_profileL{float:none; width:auto; text-align:center;}
.dr_profileR{float:none; width:auto;}
.dr_profileR dl{text-align:center;}
.dr_profile p.name{text-align:center;}

h3 span{display:inline;}
}

@media screen and (max-width:490px) {
div.sweat_detailL, div.sweat_detailR{float:none; width:auto;}

.notes{text-align:left;}
}

@media screen and (max-width:460px) {
.ttl_txt{text-align:left;}
h1 span{display:inline;}
}


@media screen and (max-width:422px) {
/****************/
#headerspace{padding-top:130px;}

img{max-width:100%;}
}

/*****************************/
/**カウンセリングについて**/
/*****************************/
#counselor p.img{margin:0 auto; text-align:center;}
#counselor .greet{ margin:0 auto 120px; width:96%;}
#counselor .greet:after{content:""; display:block; clear:both;}

#counselor .L{float:left; width:60%; padding-top:20px;}
#counselor .R{float:right;}

#counselor .sp_ph{display:none;}
#counselor .link_sp{display:none;}

#counselor p.tel{margin:30px auto;}
#counselor p.link{margin:0 auto;}
#counselor p.link a{display:block; padding:12px; background-color:#D52F58; color:#FFFFFF; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-align:center;}
#counselor p.link a:hover{background-color:#CC0033; text-decoration:none;}

@media screen and (max-width: 999px) {
#counselor .R{width:32%; text-align:right;}
#counselor .R img{max-width:100%;}
}

@media screen and (max-width:800px) {
#counselor{margin-bottom:180px;}
#counselor p.img img{width:100%;}
#counselor .greet{width:98%; margin:0 auto;}
#counselor .L{float:none; width:auto;}
#counselor .R{float:none; width:auto; display:none; visibility:hidden;}
#counselor .dr{text-align:center;}
#counselor .sp_ph{text-align:center; width:60%; display:block; margin:0 auto;}
#counselor .sp_ph img{max-width:100%;}
#counselor .link_sp{display:block;}
#counselor .link_pc{display:none; visibility:hidden;}

#counselor p.tel{margin:40px auto; text-align:center;}
#counselor p.link{margin:40px 0;}
#counselor p.link a{display:block; padding:12px 4px; background-color:#D52F58; color:#FFFFFF; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; text-align:center; text-decoration:none;}
#counselor p.link a:hover{background-color:#CC0033; text-decoration:none;}

}

@media screen and (max-width:520px) {
.LPDetails{font-size:1em;}
#counselor p.tel span{display:block;}
}

/****カウンセリングについて*******/