@charset "utf-8";
/* CSS Document */
@import url("beforeafter_pc.css");
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/beforeafter/pagetitle_bg.png"); background-position:right -50% top;}

/******************************************************/
/** ビフォーアフターTOP
/******************************************************/
/*** 共通 ***/
#beforeafter{}
#beforeafter p.befoaf_text{font-size:1.8vw; line-height:1.9;}
/* h2 */
#beforeafter .title{width:50%; height:0; margin:auto; padding-top:25%; overflow:hidden; position:relative;}
#beforeafter h2{width:100%; height:0; padding-top:100%; border-radius:100%; display:block; background:#f9f5ea; position:absolute; top:0; left:0;}
#beforeafter h2:after{display:none;}
#beforeafter h2 span{width:100%;height:auto;color:#524016;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size:3.4vw;letter-spacing:0.06em;line-height: 1.7;text-align:center;text-shadow:none;position:absolute;top:12%;left:0;}
/* h3 */
#beforeafter h3{width:95%; margin:auto; font-size:3vw;}

/*** コンテスト結果発表特集 ***/
#beforeafter .contest_text{width:90%; padding:3vw 5vw;}
#beforeafter .contest_text h3{width:100%;}
#beforeafter .contest_text p{font-size:1.8vw; line-height:1.9;}
#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:48%;}
#beforeafter .contest_banner ul.bumon li a span{font-size:2.3vw;}
#beforeafter .contest_banner ul.bumon li a span:before{font-size:1.7vw;}
#beforeafter .contest_banner ul.bumon li p{font-size:1.8vw; line-height:1.9; text-align:justify;}
/*第〇回*/
#beforeafter .contest_banner ul.times li{width:48%; padding-top:9.4%;}
#beforeafter .contest_banner ul.times li a{font-size:2.5vw;}

/*** PickUpビフォーアフター ***/
#beforeafter .pickup{width:95%;}
#beforeafter .pickup .flex{width:90%; height:auto; margin:3vw auto;}
#beforeafter .pickup .flex .text{width:57%; margin:0; padding-top:0;}
#beforeafter .pickup .flex .text .repo_gaiyou .kikan p:first-child{font-size:2vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .kikan p:last-child{font-size:3vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .genryou p:first-child{margin:0 0 2.5vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .genryou p .cate{font-size:2.8vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .genryou p .suuchi{font-size:4.8vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .genryou p .tanni{font-size:3.6vw;}
#beforeafter .pickup .flex .text .repo_gaiyou .kikan p, #beforeafter .pickup .flex .text .repo_gaiyou .genryou p{line-height:1;}
#beforeafter .pickup .flex .text .personal{font-size:1.8vw; line-height:1;}
#beforeafter .pickup .flex .text table tr th, #beforeafter .pickup .flex .text table tr td{font-size:1.8vw; padding:2vw 0;}
#beforeafter .pickup .flex .img{width:40%; padding-top:36.5%; margin:0;}
#beforeafter .pickup .comment{width:90%; padding:1.4vw;}
#beforeafter .pickup .comment p{font-size:1.8vw; line-height:1.9; text-align:justify;}
#beforeafter .pickup .cmn_btn{width:75%; max-width:inherit;}

/*** 店舗別PickUpビフォーアフター ***/
#beforeafter .ba_list ul.flex{width:93%; margin:4vw auto 0;}
#beforeafter .ba_list ul.flex li{width:31%; margin-bottom:3vw;}
#beforeafter .ba_list ul.flex li h3{font-size:2.2vw; text-align:center; position:relative; border-bottom:none; margin-bottom:5px;}
#beforeafter .ba_list ul.flex li h3:before, #beforeafter .ba_list ul.flex li h3:after{transform:scale(1, 2.8); position:absolute; top:35%;}
#beforeafter .ba_list ul.flex li h3:before{left:2%;}
#beforeafter .ba_list ul.flex li h3:after{right:2%;}
/*DATE*/
#beforeafter .ba_list ul.flex li .repo_date .repo_info{width:39%; border-color:#969696;}
#beforeafter .ba_list ul.flex li .repo_date .repo_info .name{font-size:2vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_info .name span{font-size:2.6vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_info .salon, #beforeafter .ba_list ul.flex li .repo_date .repo_info .raiten{font-size:1.8vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus{width:58%; display:inherit; flex-wrap:inherit; justify-content:inherit;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan{width:100%; height:auto; padding:0.5vw 0; border-radius:0; display:flex; flex-wrap:wrap; justify-content:center;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p{width:auto; display:block; position:inherit; left:inherit;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:first-child, #beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:last-child{top:inherit; font-size:1.8vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou{width:100%;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p:first-child{margin:0.6vw 0;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .cate{width:44%; font-size:1.7vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .suuchi{font-size:2.4vw;}
#beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .tanni{width:16%; font-size:1.8vw;}
#beforeafter .ba_list ul.flex li .repo_btn a{font-size:1.7vw; padding:0.8vw 0;}
#beforeafter .ba_list ul.flex li .repo_btn a:before{opacity:0; top:33%;}
#beforeafter .ba_list ul.flex li .repo_btn:hover a:before{opacity:1; right:2%;}

/*** ビフォーアフター一覧（beautyrepo） ***/
#beforeafter .ba_list .straight {width:93%; height:auto; margin:4vw auto 5vw; padding:3vw 3%;}
#beforeafter .ba_list .straight h3{width:100%; margin:0;}
#beforeafter .ba_list .straight ul{width:100%; height:300px;}
#beforeafter .ba_list .straight ul li{margin:2.5vw 0;}
#beforeafter .ba_list .straight ul li.mds h3{font-size:3vw; padding:1vw 0 2.5vw;}
#beforeafter .ba_list .straight ul li a{font-size:1.8vw;}
#beforeafter .ba_list .straight ul li a:before{margin-right:3px; font-size:1.8vw; top:-1px;}
#beforeafter .ba_list .straight ul li a:hover{color:#be9f39;}