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

.LPDetails{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 1.8; font-size: 1.1rem; color:#333333; letter-spacing: .06rem;}

img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
a{text-decoration:none;}
.mainus{text-indent:-8px;}

#landing{line-height:1.8em; font-size:1.1em; 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;}

/**お知らせ*/
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;}


.clr{clear:both;}

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


/*コンテンツ幅*/
.LPDetails{width:980px; margin:0 auto 120px;}
.LPDetails h2{background-color:#FF0099; color:#FFFFFF; border-top:4px double #FFFFFF; border-bottom:4px double #FFFFFF; font-size:160%; padding:3px; text-align:center; margin-bottom:8px;}
h3{color:#EA5810; clear:both; padding:0; margin-top:20px; margin-bottom:8px; font-size:110%; border-bottom:1px solid #EA5810; text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}





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

/**************************/
/*タイトル*/
.titles{margin: 0; padding-top:175px;}
h1#title_data img{object-fit:cover; height:500px;}
.title_pc{display:block;}
.title_sp{display:none;}
@media screen and (max-width:1200px) {
.fluid_container{height:auto;}
h1#title_data img{object-position: center; height:500px;}
}
@media screen and (max-width:960px) {
.title_pc{display:none;}
.title_sp{display:block;}
h1#title_data img{height:auto; object-fit: contain;}
}
@media screen and (max-width:560px) {
.titles{margin: 0; padding-top:140px;}
}
/**************************/


/*ページリンク*/
ul#pagemenu{list-style:none; margin-left:-24px; margin-bottom:60px; 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;}

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


/***Youtube*****/
div.movie{text-align:center; margin:0 auto; margin-bottom:20px; width:640px;}
.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:1000px) {
div.movie{text-align:center; margin:0 auto; margin-bottom:20px; width:70%;}
}
@media screen and (max-width:520px) {
div.movie{text-align:center; margin:0 auto; margin-bottom:20px; width:96%;}
}
/******/


p.photos{float:right;}

dl.comparison{display:table-cell; width:45%;}
dl.comparisonL{border-right:12px solid #FFFFFF;}
dl.comparison dd{border:1px solid #333333; padding:8px; font-size:90%;}
.arrows{ display:table-cell; width:0.5%;}
.arrows dt{
  width:auto; height:0; text-align:center;
  border-color: #d9534f;
  border-style: solid;
  border-width:16px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

dl.comparison p strong{font-size:120%;}
dl.comparison p strong span{display:block;}
dl.comparison p.line_blue{background-color:#99CCFF; padding:0 3px;}
dl.comparison p.line_blue span{display:block;}
dl.comparison p.blue{background-color:#006699; color:#FFFFFF; display:inline-block; padding:0 4px;}
dl.comparison p.line_orange{background-color:#FFCC33; padding:0 3px;}
dl.comparison p.orange{background-color:#FF6600; color:#FFFFFF; display:inline-block; padding:0 4px;}
dl.comparison ul{margin:0; padding:0; list-style:none;}
dl.comparison ul li{margin-left:-8px;}
dl.comparison ul strong{color:#CC0000;}

/**吹き出し*/
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FCF2E5;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FCF2E5;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}


/*持続性のある最新のハイパーリフト(糸リフト)*/
#hyper p.area{background-color:#EEEEEE; padding:8px; font-size:120%; margin:20px 0;}
#hyper p.area img{ display:inline-block; vertical-align:middle;}
#hyper p:after{clear:both; display:block; content:"";}
#hyper h3{margin-top:30px;}

div.areaBox{display:flex; flex-wrap: wrap; align-items: center; background-color:#EEEEEE; padding:8px; font-size:120%;}
div.areaBox img{display:flex; padding-right:8px;}
div.areaBox p{margin:0; padding:0;}

h2#needs{ background:none; color:#333333; padding-top:18px; font-size:1.5em; font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; font-weight:bold;}
h2#needs span{display:block;}
h2#needs{
  position: relative;
}

h2#needs:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #F1AD96, #F1AD96 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #F1AD96, #F1AD96 2px, #fff 2px, #fff 4px);
}

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

div.hyaluronicBox{border:2px solid #FFCCCC; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:12px; margin-top:40px;}
div.hyaluronicBox h4{color:#FF0066; background:none; border:none; text-align:center; font-size:1.3em; margin-bottom:0;}
div.hyaluronicBox p{margin-top:0;}


/*費用*/
#price p{text-align:center;}
#price strong{font-size:120%;}
#price p.notes{font-size:80%;}

#price p.pr_notes{text-align:left; border:1px solid #CCCCCC; padding:4px;}

/*並行治療*/
#sametime .box{border: 2px solid #CCCCCC; padding:2px 8px; margin:30px 0;}
#sametime .box strong{font-size:120%; color:#940E84;}
#sametime h4{margin:12px 0;}
#sametime h4 span{background-color:#940E84; border:1px solid #940E84; color:#FFFFFF; padding:2px 8px;}
#sametime h4 span.hyperlift{ background-color:#FFFFFF; border:1px solid #940E84; color:#940E84;}


/*ドクター紹介*/
#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;}

/**病院紹介*/
#clinic h2{color:#000000; font-size:140%; border-bottom:none; background:none; text-align:left; border:none;}
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:0 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;}

/* googlemapのストリートビューに出るエラー回避用 */
.profile .map img {
	max-width:none!important;
}
div.each_map img, div.googlemaps img {
	max-width:none!important;
}
/* 上記2つのセットでimgのmax-widthを打ち消します */

p.attent{font-size:0.8em; color:#669900;}

/*カウンセリングについて****************/
#counselor .L{float:left; width:60%; padding-top:20px;}
#counselor .R{float:right;}

@media screen and (max-width:1280px) {
div.hyaluronicBox{border:2px solid #FFCCCC; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:12px;}
div.hyaluronicBox h4{color:#FF0066; background:none; border:none; font-size:1.2em;}
}

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

h2#needs{font-size:1.4em;}
div.areaBox p{font-size:80%;}
div.areaBox .ph{width:25%;}
#reads span{display:block;}
}

@media screen and (max-width:960px) {
dl.comparison{display:block; width:auto;}
dl.comparisonL{border-right:none;}
dl.comparison p.line_blue span{display:inline;}

h2#needs{font-size:1.25em;}

.arrows{ display:block; width:auto; height:30px;}
.arrows dt{
  width:1px; text-align:center; margin:12px auto;
  border-color: #d9534f;
  border-style: solid;
  border-width:26px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

}

@media screen and (max-width:890px) {
h2 span{display:block;}
#hyper p.areaBox{font-size:100%;}

.photos{width:40%;}

#HeaderContents h1{ margin:0.5em 0;}
#price table span.bl{display:block;}
}

@media screen and (max-width:800px) {
h2#needs{font-size:1.1em;}
#counselor .L{float:none; width:auto;}
#counselor .R{float:none; width:auto; display:none; visibility:hidden;}
}


@media screen and (max-width:790px) {
#doctor p.dial span{display:block;}
}

@media screen and (max-width:694px) {
h2#needs{ text-align:left;}
h2#needs span{ display:inline;}


div.areaBox{display:block; text-align:center;}
div.areaBox img{display:block; width:auto; margin:0 auto;}
div.areaBox .ph{width:auto;}

#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;}

#sametime h4 span{display:block;}
#sametime h4{text-align:center;}

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;}
}

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


.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:410px) {
#TitleLine p{font-size:0.75em;}
}

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