@charset "utf-8";
#landing{line-height:1.8em;}


h1{width:1200px; margin:12px auto; padding:0; text-align:center; line-height:0;}
h1 img{width:100%;}
h3{font-size:1.6em; text-align:center;}
h4{margin:0 0 10px; padding:8px 10px; font-size:1.2em; color:#990000; background: -moz-linear-gradient(top,#FFF 0%,#FDE4DF); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FDE4DF));}
h5{font-size:120%; font-weight:bold; margin:0; padding:8px 0;}

span.bl{display:block;}

table{border-collapse: collapse;}
ul, dl, ol{margin:0; padding:0;}
img{max-width:100%;}
.img_c{text-align:center;}
.img_r{float:right;}

.T30{margin-top:30px;}
.T60{margin-top:60px;}
.T80{margin-top:80px;}


/**************************************/
/*動画**/
div.movie{ width:80%; margin:0 auto 12px; padding:12px; border:solid #CCCCCC 1px;}
.video-container {
	position: relative;
	padding-bottom: 54%;
	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) {
div.movie{ width:90%;}
}
/**リンクボタン**/
/****拡大して見る****************/
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
	
	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	text-decoration: none;
	margin: auto;
	padding:6px 12px;
	color: #333;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

a.btn-radius-solid:after{
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}

/****************************/
/**************************************/



/**/
ul.dr_photo{ display:flex; list-style:none;}
ul.dr_photo p{padding:12px 0; font-size:0.9em;}
ul.dr_photo li{ width:23%; padding:0 1%; position:relative; line-height:1;}
ul.dr_photo li img{object-fit: cover; height:300px;}
ul.dr_photo li:not(:last-child) { padding-right:2%;}
ul.dr_photo li:not(:first-child)::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    box-sizing: border-box;
    width:20px;
    height:30px;
    border:30px solid transparent;
    border-left:20px solid #999999;
}

ul.dr_photo li span {
    display: block;
    width:30px;
    height:30px;
    line-height:30px;
    background:#003399;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top:15px;
    left:15px;
}

ul.dr_photo li p{margin:0; background-color:#CCCCCC; text-align:center;}

@media screen and (max-width:1060px) {
ul.dr_photo li img{object-fit:contain; height:auto;}
}


@media screen and (max-width:690px) {
ul.dr_photo{ display:flex; flex-wrap:wrap; justify-content:center;}
ul.dr_photo li{width:44%; margin-bottom:33px;}
ul.dr_photo li::before{display:none;}
}


/*選ばれる理由・人気のワケ*/
div.reason{ padding:8px 8px 0; border-radius:6px; background-color:#F9F7EE; margin:30px 0 0;}
div.reason h4{background:none; color:#333333;}
div.reason h4 span{display:block;}
div.reason p{font-family:"Hiragino Kaku Gothic ProN、ヒラギノ角ゴ ProN、Hiragino Kaku Gothic Pro、ヒラギノ角ゴ Pro"; font-size:1.2em;
 padding:0 4px 0 0; margin:0.5em 0 0 0.5em; background:none; line-height:1.3;
  position: relative; display:inline-block;
  color:#663300;
  text-shadow: 0 0 2px white; background:#FBEDC4;

  border-radius: 0 10px 10px;
}
div.reason p span{position: relative; z-index: 2;}
div.reason p:after {
  content: "";
  position: absolute;
  background-color:#EDD589;
  width:40px;
  height:40px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
z-index: 1;
}

div.reason strong{font-size:1.4em;}



/*比較表*/
.comparison{table-layout: fixed; width: 100%; text-align:center; font-size:0.85em; line-height:1.5em;}
.comparison th, .comparison td{ padding:12px 0; border:1px solid #CCCCCC; vertical-align:top;}

.comparison tr th:nth-of-type(1){ background-color:#D1D5EC; }
.comparison tr th:nth-of-type(2){ background-color:#B3B4D4;}
.comparison tr th:nth-of-type(3){ background-color:#817EB5; color:#FFFFFF;}
.comparison tr th:nth-of-type(4){ background-color:#4A4697; color:#FFFFFF;}
.comparison tr th:nth-of-type(5){ background-color:#2C2B78; color:#FFFFFF;}

.comparison td span{display:block;}


/*ヒアルロン酸注入を安全に治療するために*/
.needleF:after{content:""; clear:both; display:block;}
.needleL{float:left; width:75%;}
.needleR{float:right; width:25%;}
ol.countermeasure{list-style: none; counter-reset: sample; margin-left:12px;}
ol.countermeasure li{margin-bottom:6px;}
ol.countermeasure li::before{counter-increment: sample; content: counter(sample); display: inline-flex;
  justify-content: center;
  align-items: center;
  
  width: 1.8em;
  height: 1.8em;
  background-color:#996600;
  color: white;
  border-radius: 100%;
  margin-right: 3px;
}


/************/
/***症例*/
div.detail{margin:12px 0 60px; border:1px solid #CCCCCC;}
div.detail h4{text-align:center;}
div.detail p{ margin-bottom:0;}
div.detail p.notes{font-size:0.9em; padding:0 0 0 8px; margin:0;}
div.detail img{ object-fit:cover; object-position:top; height:auto; max-width:100%; max-height: 400px;}
.pagenation { display: flex; justify-content:center;}
.pagenation div h5{font-size:1.2em; text-align:center; margin:0; padding:4px; background-color:#CCCCCC;}
.pagenation div:not(:last-child) {}
.pagenation div{ display: block; padding:8px; line-height:1; background-color: #fff;}
@media screen and (max-width:560px) {
.pagenation {flex-wrap: wrap;}
.pagenation div{width:45%;}
.somes div{width:93%; text-align:center;}
.somes div img{height:auto; max-height:auto; width:100%;}
}
/************************/
/******************/


/***注入方法によって、ボリューム補充や小顔改善にも*/
p.subttl{ color:#990033; padding:2px 4px; margin:0; font-weight:bold; font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;}
/*フィラーリフト、Vリフト*/
#fillerlift h4, #vlift h4{ margin-top:0; font-size:1.2em; padding-left:2px; border-left:none;}
.fillerlift:after{content:""; clear:both; display:block;}
.fillerlift div{display:inline-block; vertical-align:middle;}
.fillerliftL{padding-right:26px;}
.fillerliftR p{color:#FF9999; font-weight:bold;}
.fillerliftR .mainus{ margin-left:-8px;}

.fillerliftR ul li{ list-style:none;
    position: relative;
    padding-left: 25px;
  }
 
.fillerliftR ul  li:before {
    content: "";
    position: absolute;
    top: .35em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid #FF9999;
    border-bottom: 2px solid #FF9999;
  }
 
.fillerliftR ul  li:after {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #FF9999;
    border-radius: 2px;
  }

/*MDコードとは*/
div.md_code{ border:1px solid #CC9900; padding:12px; margin-top:40px;}
div.md_code h4{font-size:1.8em; padding:0; border:none; color:#663333;}
div.md_code h4 span.sub{font-size:0.9em; display:block; padding:2px; background-color:#A28C75; color:#FFFFFF;}


/*【特徴】理想のラインを形成し*/
.vol_line{clear:both; position:relative; background:url(../img/agingcare_5/vol_line02.jpg) no-repeat; height:320px; width:100%;}
.vol_line:after{clear:both; content:""; display:block;}
.vol_lineTxt{position: absolute; top: 50%; left: 42%; transform: translate(0, -50%);}
.vol_lineTxt p{margin:12px 0;}
.vol_line_box{position:relative; background:#6F6053; padding:6px; color:#FFFFFF;}
.vol_line_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(186, 133, 52, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:38px;
    border-right-width:38px;
    margin-top: -10px;
    border-right-color:#6F6053;
    right:100%;
    top:50%;
}
.vol_lineimage{ display:none;}

/*注入しやすい適度な柔かさでスムーズに注射器から押し出すことができ、微量の注入が可能！*/
div.vol_box{border:2px solid #CC0033; padding:12px; clear:both; margin-top:20px;}
div.vol_box h4{border:none; color:#CC0033; background:none; font-size:1.2em; margin-top:12px; padding:0;}
div.vol_box h4 span{ display:table-cell; padding:0 2px;}
div.vol_box h4 span.sb{background-color:#CC0033; color:#FFFFFF; font-weight:normal; width:160px; vertical-align:middle; text-align:center;}
div.vol_box hr{margin:30px 0; border-top:1px dashed #6F6053;}

ul.soft{display:table; clear:both; margin:20px auto 0 auto; padding:0; text-align:center; border-collapse: separate; border-spacing:20px 0;}
ul.soft li{display:table-cell;}


/*費用について*/
table.price{ border-bottom:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; width:100%;}
table.price th, table.price td{padding:8px;}
table.price th{vertical-align:top; text-align:left;}
table.price td{border-bottom:1px dashed #CCCCCC; white-space:nowrap;}
table.price td.yen{text-align:right;}
table.price thead{visibility: collapse;}

.price_note{ font-size:0.9em; margin-bottom:12px;}
ul.prcn{margin-left:24px;}


@media screen and (max-width:1218px) {
h1{width:100%;}
}

@media screen and (max-width:790px) {
.comparison{font-size:0.8em;}

.fillerliftL{width:30%;}
div.filler_list dl{font-size:90%;}
.vol_line{margin-top:40px; background-position:top left; background-size:50%;}
.vol_line_box:after{display:none;}

}

@media screen and (max-width:710px) {
div.detail .photo{ display:inline; flex-wrap: wrap; padding:0; gap:0; width:auto;}
div.detail .photo{display:block;}
div.detail .photo div{width:auto; display:block;}

.fillerlift{text-align:center;}
.fillerliftL{width:auto; padding-right:0;}
.fillerliftR{text-align:left;}
.fillerliftR p{margin-top:30px;}

div.vol_sustainL{width:41%;}

.vol_line{height:auto; position:static;}
.vol_lineTxt{
  position:static; margin-left:42%;
  top:0;
  left:0;
  transform: translate(0,0);
}

div.vol_box h4 span{ display:block; padding:0;}
div.vol_box h4 span.sb{width:auto; display:inline-block; vertical-align:middle; text-align:center; padding:0 4px;}

table.price th span{display:block;}
}


@media screen and (max-width:660px) {
h3{font-size:1.2em;}
h3 span{display:block;}
.img_r{float:none; display:block; margin:0 auto; padding-left:0; padding-bottom:12px;}
.needleL{float:none; width:auto;}
.needleR{float:none; width:auto; text-align:center;}
}

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

div.vol_sustainL{width:auto; float:none;}
div.vol_sustainR{width:auto; float:none; text-align:center; margin-top:12px;}

.vol_lineTxt{margin-left:37%;}

div.filler_list dl{width:96%;}
div.filler_list dl:nth-child(3){width:96%;}

table.price thead{box-sizing:border-box; visibility:visible;}
table.price thead th{border-bottom:1px solid #CCCCCC; background-color:#EEEEEE; border-top:none;}
table.price tbody th{display:none;}
}

@media screen and (max-width:580px) {
.vol_box img.right{float:right; display:inline;}

.vol_line{background:none;}
.vol_lineTxt{margin:0;}
p.vol_lineimage{display:block; text-align:center;}

.fillerliftR .mainus{margin:0; text-indent:-8px;}

ul.soft{display:inherit; border-collapse:inherit; border-spacing:0;}
ul.soft li{display:block;}
ul.soft li img{width:auto;}
}


@media screen and (max-width:560px) {
.comparison_scrol{width:98%;	margin: 0 auto;	overflow-x:scroll;}
.comparison{width:100%; min-width:780px; -webkit-overflow-scrolling: touch;}


div#OperationR div.movie{width:90%;}
div#OperationR div.detail .left div.movie{width:90%; display:block; margin:20px 0;}


div.priceW{font-size:1em;}
}

@media screen and (max-width:480px) {
.reads .txt strong{font-size:1.2em;}
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;}

div.vol_sustainL{ padding:3px;}

div.filler_list dl dd strong{display:block;}

}