@charset "utf-8";
/* CSS Document */
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/beforeafter/pagetitle_bg.png");}

/******************************************************/
/** ビフォーアフターTOP
/******************************************************/
/*** 共通 ***/
#beforeafter{margin-top:40px;}
#beforeafter .title h2{width:100%; margin:0 0 30px; padding-bottom:15px; font-family:"Zen Old Mincho", serif; font-weight: 500; font-size:26px; letter-spacing:0.06em; text-align:center; text-shadow:0 0 5px #fff; position:relative;}
#beforeafter .title h2:after{content:''; width:100%; height:2px; background:url("../common/img/h2_title_border.png") no-repeat center; position:absolute; bottom:0; left:0;}
#beforeafter .title h2 span{display:block; margin-top:15px; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500; font-size:10px; letter-spacing:0.15em;}
#beforeafter p.befoaf_text{width:90%; margin:20px auto; font-size:3.4vw; line-height:1.9; text-align:justify;}
#beforeafter .ba_top{width:100%; margin-bottom:6vw;}
#beforeafter .ba_top img{width:100%; height:auto; display:block; background:#999; min-height:120px;}
#beforeafter .ba_top img.pc{display:none;}
#beforeafter .ba_top .cp_box *, #beforeafter .ba_top .cp_box *:before, #beforeafter .ba_top .cp_box *:after{-webkit-box-sizing:border-box; box-sizing:border-box;}
#beforeafter .ba_top .cp_box{position:relative; z-index:0; margin-top:-15px;}
#beforeafter .ba_top .cp_box label{position:absolute; z-index:1; bottom:0; width:100%; height:140px; cursor:pointer; text-align:center; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);}
#beforeafter .ba_top .cp_box input:checked + label{background:inherit;}
#beforeafter .ba_top .cp_box label:after{line-height:2.5rem; position:absolute; z-index:2; bottom:20px; left:50%; width:16rem; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:3.5vw; content:'\f13a'' 続きをよむ'; transform:translate(-50%, 0); letter-spacing:0.05em; color:#ffffff; border-radius:20px; background-color:rgba(183, 156, 81, 0.9);}
#beforeafter .ba_top .cp_box input{display:none;}
#beforeafter .ba_top .cp_box .cp_container{overflow:hidden; height:auto; transition:all 0.5s;margin-bottom: 2.5rem;}
#beforeafter .ba_top .cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
#beforeafter .ba_top .cp_box input:checked + label:after{font-family:"Font Awesome 5 Free"; font-weight:900; content:'\f139'' 閉じる';}
#beforeafter .ba_top .cp_box input:checked ~ .cp_container{height:auto; padding-bottom:80px; transition:all 0.5s;}
#beforeafter .ba_top p{width:90%; height:auto; margin:20px auto 0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.7; text-align:justify;}
#beforeafter .ba_top p b{display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:4.2vw; letter-spacing:0.08em; line-height:1.6; margin-bottom:10px;}
#beforeafter .ba_top p a{color:#909090; display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; position:relative;}
#beforeafter .ba_top p a:after{content:''; width:100%; position:absolute; bottom:1px; left:0; border-bottom:dotted 1px #616161;}
/* h2 */
#beforeafter .title{    width: 80%;
    height: 0;
    margin:7vw auto auto;
    padding-top: 40%;
    overflow: hidden;
    position: relative;}
#beforeafter .title .brh2{
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 100%;
    display: block;
    background: #f9f5ea;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Zen Old Mincho", serif; font-weight: 500;
}
#beforeafter .title .brh2:after {
  display: none;
}
#beforeafter .title .brh2 span {
    width: 100%;
    height: auto;
    color: #524016;
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    font-size: 5.5vw;
    letter-spacing: 0.06em;
    line-height: 1.6;
    text-align: center;
    text-shadow: none;
    position: absolute;
    top: 7%;
    left: 0;
}
#beforeafter .title .contest_h2 span{
	 position: absolute;
    top:15%;
    padding-top: 10px;
}
/* h3_list */
#main_contents .cmn.h3_list{    font-family: "Zen Old Mincho", serif; font-weight: 500;
    font-size: 4.2vw;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;}

#main_contents .cmn.h3_list:after {
    content: '';
    width: 100%;
    height: 2px;
    background: url("../common/img/h2_title_border.png") no-repeat center;
     position: absolute;
    bottom: 0;
    left: 0;
}
#main_contents .cmn.h3_list span{    display: block;
    margin-top: 10px;
    color: #be9f39;
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    font-size: 2vw;
    letter-spacing: 0.15em;}
/* h3 */
#beforeafter h3{width:90%; margin:0 auto 25px;  font-family: "Zen Old Mincho", serif; font-weight: 500; font-size:5vw; line-height:1.5; padding:20px 0; color:#988b84; text-align:center; text-shadow:none; border-bottom:dotted 1px #988b84;}
#beforeafter h3:after{display:none;}
#beforeafter h3 span{display:table; width:auto; height:auto; margin:0 auto 1vw; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-family: "Zen Old Mincho", serif; font-weight: 500; font-size:3vw; line-height:1; letter-spacing:0.04em; position:relative; top:-5px;}

/*** コンテスト結果発表特集 ***/
#beforeafter .contest_text{width:90%; height:auto; margin:8vw auto;}
#beforeafter .contest_text h3{width:100%; font-size:4vw; margin-bottom:15px; padding:0 0 3vw;}
#beforeafter .contest_text p{width:100%; margin:0 auto; font-size:3.4vw; line-height:1.9; text-align:justify;}
#beforeafter .contest_banner{margin:30px auto;}
#beforeafter .contest_banner ul.flex{width:90%; height:auto; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
/*トータル・美脚部門*/
#beforeafter .contest_banner ul.bumon{margin-bottom:15px;}
#beforeafter .contest_banner ul.bumon li{width:100%;}
#beforeafter .contest_banner ul.bumon li a{width:100%; height:auto; display:block;}
#beforeafter .contest_banner ul.bumon li a img{width:100%; height:auto; display:block;}
#beforeafter .contest_banner ul.bumon li a span{width:auto; display:table; margin-top:10px; padding-bottom:2px; color:#000; font-size:3.8vw; letter-spacing:0.06em; border-bottom:solid 1px;}
#beforeafter .contest_banner ul.bumon li a span:before{content:'▼'; transform:rotate(-90deg); display:inline-block; font-size:2.8vw; position:relative; top:-3px;}
#beforeafter .contest_banner ul.bumon li:first-child a span:before{color:#BB8928;}
#beforeafter .contest_banner ul.bumon li:last-child a span:before{color:#BC285A;}
#beforeafter .contest_banner ul.bumon li a:hover{opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#beforeafter .contest_banner ul.bumon li a:hover img{box-shadow:0px 0px 6px 0px #d8d8d8; -moz-box-shadow:0px 0px 6px 0px #d8d8d8; -webkit-box-shadow:0px 0px 6px 0px #d8d8d8;}
#beforeafter .contest_banner ul.bumon li a, #beforeafter .contest_banner ul.bumon li a:hover, #beforeafter .contest_banner ul.bumon li a img, #beforeafter .contest_banner ul.bumon li a:hover img{transition:all 0.3s ease;}
#beforeafter .contest_banner ul.bumon li p{margin:2vw 0; font-size:3.2vw; line-height:1.9; text-align:justify;}
/*第〇回*/
#beforeafter .contest_banner ul.times li{width:100%; height:0; margin-bottom:20px; padding-top:19.4%; background:url("../img/beforeafter/banner_times.jpg") no-repeat; background-size:contain; position:relative;}
#beforeafter .contest_banner ul.times li:last-child{margin-bottom:0;}
#beforeafter .contest_banner ul.times li:hover{box-shadow:0px 0px 6px 0px #d8d8d8; -moz-box-shadow:0px 0px 6px 0px #d8d8d8; -webkit-box-shadow:0px 0px 6px 0px #d8d8d8;}
#beforeafter .contest_banner ul.times li a{width:100%; height:100%; display:block; color:#5b4d13; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:4.3vw; letter-spacing:0.04em; line-height:4; text-align:center; position:absolute; top:0; left:0;}
#beforeafter .contest_banner ul.times li a:after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; opacity:0;}
#beforeafter .contest_banner ul.times li:hover a:after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; opacity:0.3;}
#beforeafter .contest_banner ul.times li, #beforeafter .contest_banner ul.times li:hover, #beforeafter .contest_banner ul.times li a:after, #beforeafter .contest_banner ul.times li:hover a:after{transition:all 0.3s ease;}

/*** PickUpビフォーアフター ***/


/*ボタン*/
#beforeafter .pickup .cmn_btn{font-size:4vw;}
#beforeafter .pickup .cmn_btn:after{display:none;}
/*** 受賞者詳細ページ***/
/*痩身期間・結果*/
#beforeafter .total_list_RESULT{
	background: #F9F5EA;
	padding:2em 0;
	text-align: center;
	overflow: hidden;
}
 .inner_h2 h2.cmn{
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    font-size: 4.2vw;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#beforeafter .inner_h2 h2.cmn span{
    display: block;
    margin-top: 10px;
    color: #be9f39;
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    font-size: 2vw;
    letter-spacing: 0.15em;
}
#beforeafter .inner_h2 h2.cmn:after {
	content: '';
    width: 100%;
    height: 2px;
    background: url("../common/img/h2_title_border.png") no-repeat center;
    position: absolute;
    bottom: 0;
    left: 0;
}
/******************************************************/
/** ビューティーレポート一覧ページ
/******************************************************/
#main_contents .navi {
    width: 100%;
    height: auto;
    margin: -10px 0 20px;
}
#main_contents .navi ul {
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #b7b7b7;}
#beforeafter .navi ul li {
    width: 50%;
    height: auto;
    box-sizing: border-box;
    border-top: solid 3px #d9c68f;
    position: relative;
}
#beforeafter .navi ul li:first-child{    border-right: solid 1px #b7b7b7;}
#beforeafter .navi ul li:before{content:''; width:100%; height:2px; background:#d9c690; position:absolute; top:0; left:0; opacity:0;}
#beforeafter .navi ul li:hover:before{opacity:1;}
#beforeafter .navi ul li a{width:100%; height:45px; padding-bottom:20px; color:#c6ac63; display:block; font-size:15px; line-height:42px; text-align:center; position:relative; top:0;}
#beforeafter .navi ul li a:after{content:''; width:10px; height:10px; box-sizing:border-box; border:solid #d9c690; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; bottom:14px; left:49%;}
#beforeafter .navi ul li a:hover{opacity:0.7; top:3px;}
#beforeafter .navi ul li, #beforeafter .navi ul li:hover, #beforeafter .navi ul li a, #beforeafter .navi ul li a:hover{transition:all 0.3s ease;}
#main_contents .navi ul li a {
    width: 100%;
    height: 45px;
    padding-bottom: 20px;
    color: #c6ac63;
    display: block;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    position: relative;
    top: 0;
}
#main_contents #beforeafter .navi ul li a:after {
    content: '';
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: solid #d9c690;
    border-width: 0 2px 2px 0;
    transform: rotate(
45deg
);
    position: absolute;
    bottom: 14px;
    left: 49%;
}
#beforeafter .breport p a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#beforeafter .breport p a:hover:after {
  border-bottom: dashed 2px #616161;
}
#beforeafter .breport p a, #beforeafter .breport p a:hover, #beforeafter .breport p a:after, #beforeafter .breport p a:hover:after {
  transition: all 0.3s ease;
}
#beforeafter .aco-page{
	text-align: center;
	   font-size: 3.4vw;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;
	color: #d0b770;
	    margin: 0 auto 1vw;
}
#beforeafter .aco-page span{
    text-align: center;
    font-size: 2vw;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;
    color: #d0b770;
    position: relative;
    bottom: 0.05rem;
    margin: 0 1vw;
}
#beforeafter .ba_list ul.flex{width: 90%;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
#beforeafter .breport ul.flex li{    width: 48%;
    margin-bottom:-7vh;}
#beforeafter .breport ul.flex li h3{     font-size: 3.2vw;
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 5px;
    padding: 1vw;}
#beforeafter .breport ul.flex li h3 .new-repo{    background: #d0b770;
    display: inline-block;
    margin: 0 2vw 0 0;
    padding: 5px 10px;
    top: -2px;}
#beforeafter .breport ul.flex li .repo_img{    width: 100%;
    height: auto;position: relative;}
#beforeafter .breport ul.flex li .repo_img img{  
	width: 100%;
    height: auto;
    display: block;
}
#beforeafter .breport ul.flex li .repo_date{width: 100%;
    margin-top: 10px;
    position: relative;
    top: -15%;
    background: #fff;
    padding: 0.5rem 0;
}
#beforeafter .breport ul.flex li .repo_date .repo_info{   
	width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding: 0.5vw 0;
    position: relative;
}
#beforeafter .breport ul.flex li .repo_date .repo_info .name{width: auto;
    height: auto;
    font-size: 4.2vw;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;    text-align: left;}
#beforeafter .breport ul.flex li .repo_date .repo_info p{    margin: 0;
    line-height: 1;}
#beforeafter .breport ul.flex li .repo_date .repo_info .name span{font-size: 5.3vw;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;}
#beforeafter .breport ul.flex li .repo_date .repo_info .salon, #beforeafter .breport ul.flex li .repo_date .repo_info .raiten{    position: absolute;
    right: 0;
    font-size: 2.8vw;}
#beforeafter .breport ul.flex li .repo_date .repo_info .salon{top: 0;}
#beforeafter .breport ul.flex li .repo_date .repo_info .raiten{    bottom: 0;}

#beforeafter .breport ul.flex li .repo_date .repo_minus{width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .kikan{
	width: 30%;
    height: 0;
    padding-top: 30%;
    background: #d0b770;
    border-radius: 6px;
    color: #fff;
    position: relative;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .kikan p{width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    position: absolute;
    left: 0;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .kikan p:first-child{
    top: 20%;
    font-size: 2.6vw;
    letter-spacing: 0.3em;
    text-indent: 0.15em;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .kikan p:last-child{
    top: 55%;
    font-size: 3.2vw;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou{ width: 68%;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p{margin:0;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p:first-child{margin: 1.2vw 0;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p .cate{    width: 40%;
    text-align: center;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:700;
    font-size: 2.5vw;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p .suuchi{    width: 40%;
    text-align: center;
    font-size: 4vw;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p span{    display: inline-block;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;}
#beforeafter .breport ul.flex li .repo_date .repo_minus .genryou p .tanni{width: 20%;
    text-align: left;
    font-size: 3vw;}
#beforeafter .breport ul.flex li .repo_btn {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    box-sizing: border-box;
    border: solid 1px #d9c691;
    background: #fff;
	    position: relative;
    top: -17%;
}
#beforeafter .breport ul.flex li .repo_btn:hover {
  border: solid 1px #ceb66b;
}
#beforeafter .breport ul.flex li .repo_btn a {
    display: block;
    width: 100%;
    height: auto;
    color: #c6ac63;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;
    font-size: 3vw;
    line-height: 1.4;
    padding: 8px 5px 8px 0;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
}
#beforeafter .breport ul.flex li .repo_btn:hover a {
  color: #fff;
  letter-spacing: 0.08em;
}
#beforeafter .breport ul.flex li .repo_btn a:before {
    content: '\f101';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 18px;
    right: 2%;
}
#beforeafter .breport ul.flex li .repo_btn:hover a:before {
 font-size: 3vw;
}
#beforeafter .breport ul.flex li .repo_btn a:before, #beforeafter .breport ul.flex li .repo_btn a:before {
  transition: all 0.5s ease;
}
#beforeafter .breport ul.flex li .repo_btn a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}
#beforeafter .breport ul.flex li .repo_btn:hover a:after {
  background: #ceb66b;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#beforeafter .breport ul.flex li .repo_btn a, #beforeafter .breport ul.flex li .repo_btn:hover a, #beforeafter .breport ul.flex li .repo_btn a:after, #beforeafter .breport ul.flex li .repo_btn:hover a:after {
  transition: all 0.3s ease;
}
#beforeafter .pickup {
	margin-bottom: 40px;
}

#beforeafter .pickup ul.flex{width: 90%;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
/*アコーディオン*/
.cmn_btn:after {
    content: '>';
    transform: scale( 0.6 , 1 );
    position: absolute;
    top: 0;
    right: 2%;
    transform: rotate(
90deg
	);}
#beforeafter .accordion {
width: 100%;
}

#beforeafter .menu {
    width: 90%;
    height: 3em;
    margin: 0 auto;
    display: block;
    color: #fff;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;
    font-size: 4vw;
    letter-spacing: 0.08em;
    line-height: 3em;
    text-align: center;
    position: relative;
    background: #cdb566;
    background: -moz-linear-gradient(top, #cdb566 0%, #cfb771 50%, #c4a95f 51%, #c4a95f 51%, #cfb771 100%);
    background: -webkit-linear-gradient(top, #cdb566 0%,#cfb771 50%,#c4a95f 51%,#c4a95f 51%,#cfb771 100%);
    background: linear-gradient(to bottom, #cdb566 0%,#cfb771 50%,#c4a95f 51%,#c4a95f 51%,#cfb771 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdb566', endColorstr='#cfb771',GradientType=0 );
}
#beforeafter .menu:hover,
#beforeafter .menu:active,
#beforeafter .menu.is-active {
  background-color: black;
}
/* .contents {
  display: none;
  border: 1px solid black;
  padding: 10px;
  line-height: normal;
  height: auto;
  opacity: 1;
  text-align: center;
} */

#beforeafter .contents {
  text-align: center;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
}

#beforeafter .contents.is-open {
  line-height: normal;
  height: auto;
  opacity: 1;
}
#beforeafter .contents.is-open ul.flex li .repo_date .repo_minus .kikan p:first-child{
	top: 15%;
    font-size: 2.6vw;
    letter-spacing: 0.3em;
    text-indent: 0.15em;
}
#beforeafter .contents.is-open ul.flex li .repo_date .repo_minus .genryou p{
	    margin: 0;
}
#beforeafter .contents .cmn_btn {
/* margin-bottom: 7vw;*/
}

/******************************************************/
/*** 受賞者詳細ページ***/
/******************************************************/
#beforeafter .recommend_trial{margin:2.5em auto;
	box-sizing:border-box;
	padding: 2em 0;       
	border-top: 2px dotted;
    outline: 0.5em solid #cfb96e;
    outline-offset: 5px;
    border-bottom:2px dotted;
}
#beforeafter .recommend_trial ul{width:80%; margin:0 auto 0.5em; height: auto;padding: 0 3%;}
#beforeafter .recommend_trial ul li{
/*	height:20rem;  */
/*	display:flex; */
	flex-wrap:wrap; justify-content:space-between; position:relative;margin: 0;}
#beforeafter .recommend_trial ul li .img{height: 7rem;}
#beforeafter .recommend_trial ul li .img img{  display: block;
  width: 100%;
  height: 100%;
	object-fit: cover;}
#beforeafter .recommend_trial ul li .iceimg img{     display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% 75%;}
#beforeafter .recommend_trial ul li .text{width:100%; padding:2vw 2vw 4vw 2vw; box-sizing:border-box; position:relative;}
#beforeafter .recommend_trial ul li .text .h3_cab{
    transform: scale(0.8, 1);
    transform-origin: top left;
    width: 130%;
}
#beforeafter .recommend_trial ul li .text h3{width:100%; font-size:4vw; margin-bottom:0.5em; padding:0.5em 0; color:#660C18; border-color:#6d5d60;}
#beforeafter .recommend_trial ul li .text p{font-size:3.2vw; line-height:1.6;}
#beforeafter .recommend_trial ul li .text .price{width:90%; text-align:right; position:absolute; bottom:0.1em;}
#beforeafter .recommend_trial ul li .text .price span{display:inline-block;}
#beforeafter .recommend_trial ul li .text .price span.mds{font-size:3vw; background:#660C18; color:#fff; padding:1vw 1vw 1vw 1.5vw; position:relative; bottom:0.5vh; left:-1vw;}
#beforeafter .recommend_trial ul li .text .price span.mds:after{content: ''; width:0; height:0; border-style:solid; border-width:2.4vw 0 2.4vw 1.5vw; border-color:transparent transparent transparent #660C18; position:absolute; top:0; right:-1.5vw;}
#beforeafter .recommend_trial ul li .text .price span.value{font-size:5.2vw;}
#beforeafter .recommend_trial ul li .text .price span.en{font-size:3vw;}
#beforeafter .recommend_trial ul li a{width:100%; height:100%; position:absolute; top:0; left:0;}
#beforeafter .recommend_trial ul li a:hover{background:rgba(255, 255, 255, 0.2); box-shadow:0 0 5px #6f6f6f;}
#beforeafter .recommend_trial ul li a, #beforeafter .recommend_trial ul li a:hover{transition:all 0.3s ease;}
/*店舗情報*/
#beforeafter .salon_desc{
    padding: 1.5em 4%;
    margin: 0 auto;
}
#beforeafter .salon_desc .inner1100 .period{
    border-left: 6px #cfb96e double;
    border-right:6px #cfb96e double;
    margin: 0 auto;
	    background: #f5f5f5;
	    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:400;
    font-size: 4vw;
    line-height:2;
    text-align: center;
		    border-bottom: none;
    padding: 0;
}
#beforeafter .salon_desc .salon_map{
	height:auto; 
	margin:1.5em auto 0;
	justify-content: center;
}
#beforeafter .salon_desc .salon_map .map{
	width:100%;
}
#beforeafter .salon_desc .salon_map .map iframe{
	width:100%;
	height: 70vw;
    box-sizing: border-box;
}
#beforeafter .salon_desc .salon_map .map p {
        margin: 0.3em 0 0.8em;
    text-align: right;
}
#beforeafter .salon_desc .salon_map .map p a:before {
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#beforeafter .salon_desc .salon_map .map p a {
    border-bottom: solid 1px;
	color: #be9f39;
    transition: all 0.3s ease;
	font-size:3.5vw;
}
#beforeafter .salon_desc .salon_map a{color:#be9f39; transition:all 0.3s ease;}
#beforeafter .salon_desc .salon_map a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#beforeafter .salon_desc .salon_map .map_desc{width:100%;height:auto;}
#beforeafter .salon_desc .salon_map .map_desc table {
    width: 100%;
}
#beforeafter .salon_desc .salon_map .map_desc tr{border:dotted #b1ab99; border-width:1px 0;}
#beforeafter .salon_desc .salon_map .map_desc tr th, #beforeafter .salon_desc .salon_map .map_desc tr td{padding:1.5vw 0; vertical-align:middle;font-size: 3.5vw;}
#beforeafter .salon_desc .salon_map .map_desc tr td{    width: 80%;
    padding-left: 3%;
    box-sizing: border-box;}
#beforeafter .salon_desc .salon_map .map_desc table tr th{width:20%; text-align:center; border-right:dotted 1px #b1ab99;}
#beforeafter .salon_desc .salon_map .map_desc td{width:70%; box-sizing:border-box;text-align:left;line-height: 1.5;}
#beforeafter .salon_desc .salon_map .map_desc tr td .holiday{display:block; color:#f53e53;}
#beforeafter .salon_desc .salon_map .map_desc tr a{color: #be9f39;
    text-decoration: underline;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link{   
	margin-top: 1em;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: solid 1px #d9c691;
    background: #fff;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a{
    display: block;
    width: 100%;
    height: auto;
    color: #c6ac63;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:400;
    font-size: 3.5vw;
    line-height: 3;
    text-align: center;
    position: relative;
    z-index: 1;
}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a:after {
    content: '>';
    position: absolute;
    line-height: 1;
    top: 25%;
    right: 5%;
    font-size: 15px;
}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a i{
display: none;
}
#beforeafter .salon_desc .salon_map .map_desc .salon_link:hover{border:solid 1px #ceb66b;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a{color:#fff; letter-spacing:0.08em;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a:before{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:0; right:40px; color:#fff;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a:before{top:0; right:15px;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a:before, #beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a:before{transition:all 0.5s ease;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:scale(.5); transform:scale(.5); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:-1;}
#beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a:after{background:#ceb66b; -webkit-transform:scale(1); transform:scale(1);}
#beforeafter .salon_desc .salon_map .map_desc .salon_link a, #beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a, #beforeafter .salon_desc .salon_map .map_desc .salon_link a:after, #beforeafter .salon_desc .salon_map .map_desc .salon_link:hover a:after{transition:all 0.1s ease;}


/*アコーディオンjs*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.sp_text {
  height: 150px;
  overflow: hidden;
  position: relative;
  margin: 0;
	background: #fff;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 1em 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 150px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #b79646;
  padding:0 1.5em;
  border-radius:1.5em;
	font-size: 5vw;
	text-align: center;
}
.close-btn {
  padding:0 0 1em 0;
}
.close-btn p {
  background: #aaa;
}


/*** 共通 ***/
/*部門説明*/
#beforeafter .bc_top .h2{
    text-align: center;
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:400;
    font-size: 3.5vw;
    line-height: 1.7;}
#beforeafter .guideline{margin:0 auto; padding:5%; box-sizing:border-box; position:relative; z-index:0;width:90%;text-align: center;}
#beforeafter .guideline:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:double 4px #bbb0aa; box-sizing:border-box; z-index:-2;}
#beforeafter .guideline:after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url("../img/beforeafter/22nd/deco_lefttop.gif") no-repeat left top, url("../img/beforeafter/22nd/deco_righttop.gif") no-repeat right top, url("../img/beforeafter/22nd/deco_leftbottom.gif") no-repeat left bottom, url("../img/beforeafter/22nd/deco_rightbottom.gif") no-repeat right bottom;background-size:32px 32px; z-index:-1;}
#beforeafter .guideline .h3 {
  letter-spacing: 0.25em;
	font-family: "Zen Old Mincho", serif; font-weight: 900;
	font-size:4vw;
	color: #BE9F39;
	text-align: center;
	padding-bottom:0.5em;
	border-bottom: 1px dotted #BEB29A;
	
}
#beforeafter .guideline .bc_about_lead li{margin-top:0.8em;font-size:3.5vw;font-family: "M PLUS Rounded 1c", sans-serif; font-weight:500;text-align: left;line-height: 1.5;}
#beforeafter .guideline .bc_about_lead li span{color: #BEB29A;}
/*個人詳細ページtop説明*/
#beforeafter .bc_top .bc_top_h2{
    font-size: 3.5vw;
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    text-align: left;
    line-height: 1.7;
    color: #000;
    padding: 0 5%;
	margin-bottom: 20px;
}
#beforeafter .bc_top {  
	width: 85%;
    margin: auto;
    display: flex;
       flex-wrap: wrap;}
#beforeafter .bc_top .beautyresult{
    width: 100%;
	    margin-top: 1em;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou p{
    margin: 0;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .kikan{
    width: 24%;
    height: 0;
    padding-top: 24%;
    background: #d0b771;
    border-radius: 100%;
    position: relative;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .kikan p:first-child{
    top: 20%;
    font-size: 3vw;
    letter-spacing: 0.5em;
    text-indent: 0.25em;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .kikan p{
width: 100%;
    height: 100%;
    color: #fff;
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0;
    font-family: "Zen Old Mincho", serif; font-weight: 900;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .kikan p:last-child{
top: 50%;
    font-size: 5vw;
    letter-spacing: 0.04em;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou{
    width: 73%;
    font-family: "Zen Old Mincho", serif; font-weight: 900;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p{
	    color: #be9f39;
    line-height: 1;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p span{
    display: inline-block;
    font-family: "Zen Old Mincho", serif; font-weight: 900;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p:first-child{
	    margin: 0 0 2vw;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p .cate{
    width: 35%;
    text-align: center;
    font-family: "黎ミン H";
    font-size: 4vw;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p .suuchi{
    width: 40%;
    text-align: center;
    font-size: 7.5vw;
}
#beforeafter .bc_top .beautyresult .repo_gaiyou .genryou p .tanni {
    width: 25%;
    text-align: left;
    font-size: 5vw;
}
#beforeafter .bc_top .beautyresult .personal{
    font-size: 3.4vw;
    text-align: center;
}
#beforeafter .bc_top .beautyresult table{
	width: 100%;
    height: auto;
	font-family: "M PLUS Rounded 1c", sans-serif; font-weight:400;
}
#beforeafter .bc_top .beautyresult table tr {
      background: #F9F5EA;
}
#beforeafter .bc_top .beautyresult table tr td.category{
	    border-right: double #30210e;
}
#beforeafter .bc_top .beautyresult table tr td{
    padding: 2.5vw 0;
    font-size: 3.2vw;
    line-height: 1;
    text-align: center;
}
#beforeafter .bc_top .beautyresult table tr td.suuchi{
	    border-right: solid 1px #b5afa8;
}
#beforeafter .bc_top .beautyresult table tr:nth-child(even){
	background: #eae2c9;
}
#beforeafter .bc_top .beautyimg{
    width: 80%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 50% 0;
}
#beforeafter .bc_top .beautyimg img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#beforeafter .bc_top .beautycomment{
height: auto;
        margin:1em auto 0;
	box-sizing: border-box;
}
#beforeafter .bc_top .beautycomment .comment{
	border: double 4px #CFB96E;
	padding:2vw;
	margin-bottom:1em;
}
#beforeafter .bc_top .beautycomment .comment p{
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight:400;
    font-size: 3.4vw;
    line-height: 1.9;
    text-align: justify;
}
#beforeafter .bc_top .beautycomment .comment .ribbon{
    padding: 0 0 0 2em;
        margin: 0 0 0 -1.9em;
    width: calc(70% + 20px);
    color: white;
    background: #B11124;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
#beforeafter .bc_top .beautycomment .comment .ribbon .midashi{
    font-size: 4.2vw;
    letter-spacing: 0.06em;
    line-height:2em;
		  margin: 0;
  padding: 0 30px 0 15px;
     font-family: "Zen Old Mincho", serif; font-weight: 500;
}
#beforeafter .bc_top .beautycomment .comment .ribbon .midashi:after {
  border-width: 1em 1em 1em 0px;
	right: -1px;
	  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  width: 0px;
  height: 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
#beforeafter .bc_top .beautycomment .comment .ribbon .midashi:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #660C18;
}
#beforeafter .bc_top .beautycomment .comment .smidashi{
    font-family: "Zen Old Mincho", serif; font-weight: 500;
    color: #CFB96E;
    margin: 0;
    border-bottom: 1px solid #CFB96E;
    display: inline;
	    font-size: 4.2vw;
    letter-spacing: 0.06em;
    line-height: 1.3;
}