@charset "utf-8";

h2#title_data img{height:540px;}
@media screen and (max-width:1200px) {
h2#title_data img{height:440px;}
}
@media screen and (max-width:960px) {
h2#title_data img{height:auto; object-fit: contain;}
}

.T120{margin-top: 120px;}
h2 span{display:block;}

h3 span.bl{display:block;}
#SecondContents ul{list-style-type:disc; margin-left:32px; margin-bottom:24px; line-height:2;}
#SecondContents ul.PageLink{list-style:none; margin:8px 0 8px 0; padding:6px 0; line-height: 1.3; }

p.caption{ width: 1180px; border-left:none; border-right:none; padding:8px 4px; font-size:1.6em; margin:0 auto;}
p.caption span{display:block;}

div.read{padding:8px 0; margin:0 0 30px 0;}
div.read h3{margin:8px 0 0 0; padding:0 8px; color:#333333; background:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:none; font-size:150%;}
div.read h3:before{background:none;}

/*こんな方に【糸リフト「ハイパーリフト」の適応】*/
div.osusume{display:flex; flex-wrap:wrap; width:100%; justify-content: space-between;}
div.osusume h4{margin-top: 0; padding-top: 0;}
div.osusume h4 span:before{content: "【";}
div.osusume h4 span:after{content: "】";}
div.osusume div.photo{width:45%;}

/*症例*/
div.ex{border: 3px solid #B09626; border-radius:12px; padding: 12px; width:100%; box-sizing: border-box;}
div.ex h3{margin: 0; padding: 0; background: none; color:#B09626; border: none;}
div.ex .content{display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;}

div.ex .content div div{width: auto;}
div.ex .content .mov{width: 60%;}
div.ex .content .photo{width:35%; padding-left:2%;}

div.ex h3:before{position:absolute;top:auto;left:auto;width:auto;height:auto; vertical-align:middle; content:'';border-radius:3px; background:none;}

/*たるみの原因と部位を見極め、狙って引き上げるあさひ美容外科の糸リフト「ハイパーリフト」*/
div.method{display:flex; flex-wrap:wrap; width:100%;}
div.method div.txt{-webkit-flex-grow: 1; flex-grow: 1; order: 1; }
div.method div.photo{width:25%; order: 0; padding-right: 12px;}
figure{text-align: center;}

div.method h4 {font-size:2.2em; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9);
  padding:6px 12px 8px 24px; color:#4D3400;
  background:#E8CC7A;
  background-image: linear-gradient(0deg, #584010, #97711b 44%, #be9c59 47%, #f9e389 98%, #584010);
}
div.method h4 span{text-shadow:none;}
div.method h4 span.eng{background-color: #684503; display: inline; font-size: 0.8em; vertical-align:text-top; color: #FFFFFF; padding: 0 12px;}
div.method h4 span.sub{ display: block; font-size: 0.6em; color: #FFFFFF;}

div.method p.subttl {font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  position: relative; font-size: 1.4em;
  padding:0 20px;
}
div.method p.subttl::after {
  content: ""; position: absolute; bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(139deg, #ac934c, #f6e087 12%, #f0d023 37%, #614711);
}

/*リフトアップ効果と持続性を高めるコラーゲントンネルとは*/
div.tunnel{border: 2px solid #B09626; padding: 12px; border-radius:12px;}
div.tunnel h3{margin: 0; padding: 0; color:#996600; text-align: center; background: none; border: none;}
div.tunnel h3:before{position:absolute;top:auto;left:auto;width:auto;height:auto; vertical-align:middle; content:'';border-radius:3px; background:none;}
div.tunnel .img{ text-align: center;}

/*流れ*/
.step{border:1px solid #CCCCCC; padding:12px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; margin-bottom:12px;}
.step:after{content:""; clear:both; display:block;}
.step h4{border:none; font-size:1.4em;}
.step h5{background-color:#FFCCCC; display:inline-block; padding:6px; margin:0; margin-top:40px; font-size:1em;}
.step p{margin:0; padding:0;}
.steptxt{float:left; width:70%;}
.stepph{float:right; width:25%;}

p.arrow{background:#FFFFFF; margin:0; text-align:center;}
p.howto{text-align:right;}


/*挿入する糸の本数はご希望やお悩み・症状によって調整可能*/
.num_photo{display:flex; flex-wrap:wrap; gap:12px; padding: 12px; margin-top: 24px; justify-content: space-around; background-color: #D9D5B6; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.num_photo h5{background:none; font-size: 1.4em; margin: 0; padding:12px 0 0;}
.num_photo img{max-width:100%;}
.num_photo dl{ background-color: #FFFFFF; margin-bottom:24px; width: 48%;}
.num_photo dt{background-color:#EEEEEE; text-align:center;}
.num_photo dd{text-align: center;}




/*ヒアルロン酸注入でシワ取りと並行治療*/
div.hyaluronic{border:2px solid #996600; padding:12px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin-top:40px;}
div.hyaluronic h4{text-align:center; font-size:1,6em; margin-bottom:0;}
div.hyaluronic p{margin-top:0;}

/*ダウンタイム*/
dl.after{border-bottom:1px solid #CCCCCC;}
dl.after dt, dl.after dd{padding:14px; border-top:1px solid #CCCCCC;}
dl.after dt{float:left; clear:left; width:170px; color:#996600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:180px; padding-left:4px;}


/***費用*/
div.prcnote{ border-bottom:1px dotted #CCCCCC; font-size:1.2em; font-weight:bold;}
div.prcnote:after{content:""; clear:both; display:block;}
div.prcnote .lft{float:left; padding:0;}
div.prcnote .rht{float:right; padding:0; text-align:right;}
p.tax{text-align:right; font-size:0.9em;}
p.prcn{text-align:right; margin-bottom:20px;}


@media screen and (max-width:1280px) {
p.caption{width:auto; padding-left: 12px;}

div.box{border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:12px;}
div.box h4{font-size:1.2em;}

p.pricesT{font-weight:bold; color:#CC0000;}
p.prices{font-weight:bold; text-align:right; margin:0; padding:0; border-bottom:1px dotted #990000;}
p.prices span{font-size:0.6em;}
p.op{text-align:center; margin:0; padding:0;}
p.price_note{font-size:0.9em;}

p.illust img{max-width:100%;}
}

@media screen and (max-width:1080px) {
div.box h4{text-align:left;}
div.osusume{display: block;}
div.osusume div.photo{width:auto;}
}

@media screen and (max-width:960px) {
div.method {display: block;}
div.method div.photo{width: auto; text-align: center;}
}

@media screen and (max-width:720px) {
div.ex .content{display: block;}
div.ex .content div.mov, div.ex .content div.photo{width: auto;}
div.ex .content div.photo{text-align: center;}

div.method h4{background: none; background-color:#DCC071; padding:0; text-indent:8px; margin-bottom:0; font-size: 1.7em; border-top: 2px solid #584010;}
div.method h4 span.eng{font-size: 0.8em; vertical-align:text-top;}
div.method h4 span.sub{ background-color:#7A5A16; padding:2px 8px 0 8px; text-indent:0;}
div.method p.subttl{padding: 0; margin:0; font-size: 1.2em;}
}

@media screen and (max-width:660px) {
h2 span{display: inline;}
h3 span.bl{display:inline; padding-left:8px;}

div.osusume h4{font-size: 1em;}
div.osusume h4 span{display: block; font-size: 1.3em;}
div.osusume h4 span:before, div.osusume h4 span:after{content: "";}

div.tunnel h3{text-align: left;}
}


@media screen and (max-width:580px) {
h4 span{display:block;}
.ago{display:block; width:auto;}
.ago .ph{width:auto; text-align:center;}
.ago .txt{width:auto;}

.num_photo dl{}

.steptxt{float:none; width:auto;}
.stepph{float:none; width:auto; text-align:center;}
dl.after dt{float:none; width:auto; text-align:left; padding:6px; padding-bottom:0;}
dl.after dd{margin-left:0; border:none; padding:6px;}
}

@media screen and (max-width:480px) {
p.caption{text-align:left; font-size:1em;}
h2 span{display:block;}
}

@media screen and (max-width:375px) {
div.prcnote .lft{float:none; text-align:left;}
div.prcnote .rht{float:none; text-align:right;}
}