@charset "utf-8";
h1, h2, h3, h4, h5, h6, ul, dl,li, dt, dd, ol{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

img{max-width:100%;}
img.right{float:right;}

table { border-collapse: collapse; border-spacing: 0; }

a{text-decoration:none;}
img{border:0;}
p{margin:0;}

.T40{margin-top:40px;}
.T60{margin-top:60px;}
.T120{margin-top:120px;}


/*****************/
/*上にもどる*/
/*------------------------------------------*/
/***************/
#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;}

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


/*Header*/
div#HeaderL{padding-top:0; margin-top:0;}
div#HeaderL p{padding:0; margin:0; text-align:left;}
div#Header{min-width:980px;}
div#HeaderFrame{width:1080px;}

div#Header p.links{font-size:0.75em; text-align:left; margin:-4px 0 2px 0; padding:0;}
div#Header p.links a{color:#990000;}
div#Header p.links a:hover{color:#FFFFFF;}


/*ヘッダータイトル*/
#HeaderContents{text-align:center; width:1080px; margin:0 auto;}
#HeaderContents p.days{text-align:right; padding-top:4px; line-height:1;}
#HeaderContents p.banar{margin:20px auto 30px;}
#HeaderContents h1{ margin-top:12px;}

#title img{width:100%;}

/*コンテンツ幅*/
.LPDetails{width:1080px; margin:0 auto 120px;}
.LPDetails h2{background-color:#F5C2D3; color:#CC0042; font-size:160%; padding:3px; text-align:center; margin-bottom:8px; -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; margin-top:100px;}
.LPDetails h2:first-child{margin-top:40px;}

h2{width:auto; margin:0 auto; padding:0; text-align:center;}


h3{color:#990066; clear:both; padding:0; margin-top:20px; margin-bottom:8px; font-size:130%; border-bottom:4px double #990066; text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}

h4{ margin:22px 0 0; padding:0; border-bottom:1px dotted #CCCCCC; font-size:1.1em;}


/*こんな豊胸手術後のお悩みを解消*/
div.worry{border:2px solid #CCCCCC; background-color:#F6F6F6; margin:12px 0; padding:12px; -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px;}
div.worry:after{content:""; display:block; clear:both;}
div.worry h4{padding:0; margin:0;}
div.worry ul{background-color:#F6F6F6; padding:12px; margin:0 0 0 24px;}
div.worry li{list-style-type:square; margin-top:0;}
div.worry .worryR{float:right; width:23%;}
div.worry .worryL{float:left; width:76%;}


/*豊胸シリコンバッグ抜去について*/
dl.after{ border-bottom:1px solid #CCCCCC;}
dl.after dt, dl.after dd{padding:14px 0; border-top:1px solid #CCCCCC;}
dl.after dt{float:left; clear:left; width:140px; color:#CC0000; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:140px; padding-left:12px;}

/*副作用*/
p.note{font-size:0.9em; margin-top:0;}

/*動画*/
div.video-container{text-align:center; margin-bottom:60px; margin-top:40px;}


/*費用*/
dl.price{margin:0; padding:0; border-bottom:1px solid #CCCCCC;}
dl.price dt, dl.price dd{border-top:1px solid #CCCCCC; padding:8px;}
dl.price dt{float:left; clear:left; width:46%;}
dl.price dd{margin-left:46%; text-align:right;}
dl.price strong{font-size:120%;}
dl.price span{font-size:90%;}

p.price_note{font-size:0.9em; margin:0 0 30px; clear:both;}

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


@media screen and (max-width:1100px) {
div#news{width:94%;}

div#Header{width:100%; min-width:100%;}
div#HeaderFrame{width:98%; margin:0 auto;}
#HeaderContents{width:100%;}
.LPDetails{width:98%;}
ul#pagemenu{list-style:none; margin-left:0;}
}

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

h3, h4{text-align:center;}

}

@media screen and (max-width:890px) {
dl.list dt{width:20%;}
dl.list dd{margin-left:20%; padding-left:12px;}

dl.price dt{float:none; clear:left; width:auto;}
dl.price dd{margin-left:0; text-align:right; border:none; padding:0;}
}

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


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

div.worry .worryR{float:none; width:auto; text-align:center;}
div.worry .worryL{float:none; width:auto;}

}

@media (min-width: 751px) {
a[href*="tel_liposuction"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


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

ul#pagemenu{text-align:left; padding-left:8px;}
ul#pagemenu li{display:block;}
}

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

dl.list dt{width:23%;}
dl.list dd{margin-left:23%; padding-left:12px;}

}

@media screen and (max-width:600px) {
/*YouTube埋め込み*/
.video-container {position: relative;	padding-bottom: 56.25%;	padding-top: 30px; height: 0;	overflow: hidden;}
.video-container iframe {position: absolute; top: 0; left: 0;	width: 100%; height: 100%;}

}


@media screen and (max-width:560px) {
h3 span{display:block;}

dl.after dt{float:none; text-align:left; width:auto; padding-bottom:0;}
dl.after dd{margin-left:0; padding-left:0; padding-top:0; border:none;}

dl.list{border-bottom:1px solid #CCCCCC; margin:30px 0;}
dl.list dt, dl.list dd{ padding:4px 0 8px; margin:0; width:auto; display:block; float:none; border:none;}
dl.list dt{color:#CC0033; border-top:1px solid #CCCCCC; text-align:left; padding-bottom:0; padding-top:12px; font-weight:bold;}
dl.list dt:before{content:"■";}
dl.list dd{ padding-bottom:12px;}

dl.price{font-size:0.9em;}

div#Footer{margin-top:0;}
}

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

.LPDetails h2{font-size:110%;}
h2 span{display:block;}
}

@media screen and (max-width:360px) {
dl.price span{display:block;}
}

/*------------------------------------------*/
/*------------------------------------------*/
/*ドクター紹介*/
/*------------------------------------------*/
/*------------------------------------------*/
#doctor{margin-bottom:60px;}
.doctorB:after{content:""; display:block; clear:both;}
.doctorB img{float:left; width:30%; max-width:220px; margin:0 5px 5px 0;}
#doctor h2{color:#000000; font-size:140%; border-bottom:none; background:none; text-align:left; border:none;}
#doctor p.dial img{vertical-align:middle; margin-right:12px;}

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

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

@media screen and (max-width:800px) {
#counselor .L{float:none; width:auto;}
#counselor .R{float:none; width:auto; display:none; visibility:hidden;}
#doctor p.dial span{display:block;}
}


@media screen and (max-width:560px) {
.doctorB img{width:auto; float:none; margin:0 auto; text-align:center; display:block;}
.doctorB p.name{text-align:center;}
#counselor{margin-bottom:0;}
}
