@charset "utf-8";

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

/**/
ul.dr_photo{ display:flex;}
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;}


.contents{margin:0; display:flex;}
.contentsL{}
.contentsR{ padding-left:12px;}


/**************************************/
/*動画**/
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:94%;}
}
/**************************************/


/*比較表*/
.comparison{table-layout: fixed; width: 100%; text-align:center; font-size:0.9em;}
.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 30px; border:1px solid #CCCCCC;}
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;}



/*費用について*/
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;}


/*【特徴】理想のラインを形成し*/
.vol_line{clear:both; position:relative; background:url(../images/voluma02/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 #CC9900; padding:12px; clear:both; margin-top:20px;}
div.vol_box h4{border:none; color:#996600; 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:#CC9900; 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;}


@media screen and (max-width:800px) {
.contents{display:block;}
}

@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) {
.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;}

}