@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; font-size: 100%; background: transparent; }

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

img{max-width:100%;}

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

a{text-decoration:none;}
img{border:0;}
hr{border:none; border-top:1px solid #CCCCCC;}

.T40{margin-top:40px;}
.T80{margin-top:80px;}


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

.clr{clear:both;}

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


/*コンテンツ幅*/
.LPDetails{width:980px; margin:0 auto 120px;}
.LPDetails h2{color:#FFFFFF; background-color:#E4007F; padding:2px 4px;}
.LPDetails h2.q:before{content:"Q."; left:0;}

h2{ color:#FFFFFF;}
h3{background:none; border-left:4px solid #FF99CC; margin:12px 0; padding-left:8px; color:#333333; font-size:160%; clear:both; overflow:hidden;}
h3 span.bl{display:block;}
h3:after{clear:both;}


/*ヘッダー帯*/
#TitleLine{background-color:#E4007F; margin:0; padding:2px 0;}
#TitleLine .line{color:#FFFFFF; width:980px; margin:0 auto;}
#TitleLine p{text-align:left; font-weight:bold; margin:0; padding:0;}

/*4コマ漫画*/
ul.comics_sp{display:none; list-style:none;}
p.comics_pc{text-align:center;}
p.comics_pc img{max-width:96%;}

/*ヘッダータイトル*/
#HeaderContents{text-align:center; width:980px; margin:0 auto;}
#HeaderContents p.days{text-align:right; padding-top:4px; line-height:1;}
#HeaderContents p.banar{margin:20px auto 30px; clear:both; width:960px;}
#HeaderContents h1{color:#E4007F; font-size:2.8em; 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.2;}
#HeaderContents h1 span{display:block;}

#title img{width:100%;}

/*ハッシュタグ*/
#hash{font-size:0.8em; padding:4px;}
#hash li{display:inline-block; background-color:#999999; color:#FFFFFF; padding:0 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom:6px;}


/*ページリンク*/
ul#pagemenu{list-style:none; margin-left:-24px; margin-bottom:90px; font-size:0.9em;}
ul#pagemenu li{display:inline-block; margin-right:12px;}
ul#pagemenu a:hover{ color:#E4007F;}

ul#pagemenu a{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.arrow a::before,
.arrow a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
}

.arrow a::before{
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background:#666666;
}
.arrow a::after{
    left: 4px; top:-2px;
    width: 3px;
    height: 3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul#pagemenu a:hover::before{background-color:#E4007F;}


/*リード文*/
#read{padding:4px; padding:0.5em; text-align:left; color:#191919; border-bottom:1px solid #333333;}

#reads{background-color:#EEEEEE; padding:8px 12px; text-align:left; margin-bottom:20px;}
#reads strong{font-size:140%;}


/*写真サイズ調整*/
.photos { text-align:center;}
.photos img {}

/*写真回り込み*/
img.right{float:right; max-width:100%; margin-left:8px; margin-bottom:8px;}


/*写真回り込み*/
img.right{float:right; max-width:304px; width:100%; margin-left:8px; margin-bottom:8px;}

/*ボリューマ*/
#voluma02 h2, #hyper02 h2, #total h2{border-bottom:1px solid #CC0066; border-left:12px solid #CC0066; margin-bottom:12px; color:#CC0066; padding-left:4px; background:none; font-size:1.6em;}
#voluma02 h3{font-size:1.2em; margin:0; padding:0 8px;}
#voluma02 p{margin-bottom:30px;}
#voluma02 .box{background-color:#FDFAD0; padding:12px;}
#voluma02 .box h4{background-color:#CC0033; color:#FFFFFF; display:inline-block; padding:0 0.3em;}
#voluma02 .box strong{color:#CC0033; font-size:120%;}
#voluma02 dt{color:#990000; font-weight:bold;}
#voluma02 dd{margin-bottom:20px;}

/*ハイパーリフト*/
#hyper02 h3{font-size:1.2em;}
#hyper02 p{margin-bottom:30px;}
#hyper02 ul{list-style:none; margin-left:24px;}
#hyper02 ul li{position:relative; margin-bottom:20px;}
#hyper02 ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 12px;
  height: 12px;
  background-color:#CC0066;
  border-radius: 100%;
}


/*フッター***********************************************************/

/*フッター*/
#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;}

#doctor h2, #contact h2, #price h2, #clinic h2, #counselor h2{color:#FF0099; font-size:160%; background:none; text-align:left;}


/*ドクター紹介*/
#doctor{margin-bottom:0;}
.doctorB:after{content:""; display:block; clear:both;}
.doctorB img{float:left; width:30%; max-width:220px; margin:0 5px 5px 0;}

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

/*費用*/
#price table{border-collapse:collapse; margin:0 auto;}
#price table th, #price table td{border-bottom:1px solid #CCCCCC; padding:0.8em 0.5em;}
#price table th{text-align:left; vertical-align:top; white-space:nowrap;}
#price table th:before{content:"●";}
#price table td{text-align:right;}
#price table span.sml{display:block; font-size:0.8em;}
#price table span.bls{display:block;}

p.notes{text-align:center; margin-top:12px;}


/**病院紹介*/
ul#Menu a.profile{background-position:left bottom;}

ul.profile_menu{margin:0 auto 40px; display:table; text-align:center;}
ul.profile_menu li{display:table-cell; margin:0; padding:0 8px;}
ul.profile_menu li a{display:block; border:1px solid #CCCCCC; padding:6px 6px 6px 20px;}
ul.profile_menu li a:hover{background-color:#FDECEE; color:#CC0000; border:1px solid #CC0000; text-decoration:none;}

div.profile{margin:12px auto 40px; padding:1%; width:98%;}
div.lines{border:1px solid #FF6699;}
div.profile .left{display:block; width:68%; float:left; text-align:left; line-height:1.6em;}
div.profile .left p{margin:0;}
div.profile .left p.jun{margin-top:16px;}
div.profile p.maps{font-size:0.8em; text-align:right;}
div.profile .right{width:30%; float:right; text-align:right;}
div.profile h4{padding:2px 0; margin:0; font-size:1.4em; color:#E4007F;} 
div.profile:after{content:""; clear:both; display:block;}

.profile .map iframe{width:100%; height:240px;}

/**カウンセリングについて**/
#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:1210px) {
div#news{width:94%;}
}

@media screen and (max-width: 999px) {
#HeaderContents{width:100%;}
#TitleLine .line{width:auto;}
.LPDetails{width:98%;}
.photos{width:100%;}
ul#pagemenu{list-style:none; margin-left:0;}

#reads span{display:block;}

#HeaderContents h1{font-size:2.5em;}

p.dial img{ display:block;}

#counselor .R{width:32%; text-align:right;}
#counselor .R img{max-width:100%;}

}

@media screen and (max-width:890px) {
#HeaderContents h1{ margin:0.5em 0;}

ul.comics{width:100%;}
ul.comics li{width:42%;}
ul.comics li img{width:100%;}
ul.comics li.arr{width:6%;}

#price table span.bl{display:block;}

h3{font-size:130%;}
h3 span.bl{display:inline;}
}
@media screen and (max-width:850px) {
ul#pagemenu{text-align:left; margin-left:8px;}
#HeaderContents h1{font-size:1.8em;}
}

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


.photos{width:auto;}

/****カウンセリングについて*******/
#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; 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:730px) {
#contact span{display:block;}
}

@media screen and (max-width:694px) {
#HeaderContents h1{font-size:1.5em;}

p.comics_pc{display:none;}
ul.comics_sp{ display:block; width:100%;}
ul.comics_sp li{width:auto;}
ul.comics_sp li img{max-width:98%;}


#price table{width:98%;}
#price table th, #price table td{display:block; float:none; padding:0.2em; line-height:1.2em;}
#price table th{background-color:#FFDBF0; white-space:normal;}
#price table th:before{content:"";}
#price table td{border:none; padding:0 0.8em 1.1em;}
#price table td.item{text-align:left; padding:0 0.8em;}
#price table span.bl{display:inline;}

p.notes{text-align:left;}


div.profile .left{display:block; width:auto; float:none; text-align:inherit; line-height:1.6em; padding-bottom:12px;}
div.profile .right{width:auto; float:none; text-align:inherit;}

}

@media screen and (max-width:580px) {
#reads span{display:inline;}

ul#pagemenu li{display:block;}
}

@media screen and (max-width:560px) {
body{font-size:1rem;}
#TitleLine .line{font-weight:normal;}

#HeaderContents h1{font-size:1.2em; text-align:left;}
#HeaderContents h1 span{display:inline;}
#HeaderContents h1 span:after{content:"。";}

.LPDetails h2{font-size:110%;}
#voluma h2, #hyper h2, #total h2{text-align:left;}
h2 span{display:block;}

dl.quest dt{font-weight:normal;}
dl.quest dd{font-size:1em;}

img.right{float:none; display:block; margin:0 auto;}


#price table span.bl{display:block;}
#price table span.bls{display:inline;}

.doctorB img{width:auto; float:none; margin:0 auto; text-align:center; display:block;}
.doctorB p.name{text-align:center;}

div.profile{width:94%;}
}

@media screen and (max-width:480px) {
#HeaderContents h1{font-size:1.4em;}

#TitleLine p{font-weight:normal; font-size:0.9em;}

p.tel span{display:block;}
}

@media screen and (max-width:410px) {
#TitleLine p{font-size:0.75em;}
}

@media screen and (max-width:360px) {
#contact p img{width:96%;}
}

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