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

/******************************************************/
/** スタッフ詳細ページ
/******************************************************/
/*共通*/
#staff{padding:40px 0;}
#staff 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;}
#staff h2:after{content:''; width:100%; height:2px; background:url("../common/img/h2_title_border.png") no-repeat center; position:absolute; bottom:0; left:0;}
#staff 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;}
#staff .staff_detail{}
/*プロフ*/
#staff .staff_detail .staff_profile{display:flex; flex-wrap:wrap; justify-content:space-between;}
#staff .staff_detail .staff_profile .img{width:21.5%; height:auto;}
#staff .staff_detail .staff_profile .img img{width:100%; height:auto; display:block;}
#staff .staff_detail .staff_profile .text{width:75%; height:auto; padding-top:30px; display:flex; flex-wrap:wrap;}
#staff .staff_detail .staff_profile .text p{margin:0; font-size:15px; line-height:30px; text-align:justify;}
#staff .staff_detail .staff_profile .text p:nth-child(1){width:30%;}
#staff .staff_detail .staff_profile .text p:nth-child(2){width:70%;}
#staff .staff_detail .staff_profile .text p:nth-child(3){width:100%; margin-top:-50px;}
#staff .staff_detail .staff_profile .text p span{margin-right:6px; background:#be9f39; color:#fff; padding:8px; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:13px; letter-spacing:0.06em; position:relative; top:-3px;}
#staff .staff_detail .staff_profile .text p b{font-size:24px;}
/*アンケート*/
#staff .staff_detail .staff_interview{width:100%; height:auto; margin:30px 0; padding:20px; border:solid 3px #e6ddd0; box-sizing:border-box; border-radius:10px;}
#staff .staff_detail .staff_interview dl{}
#staff .staff_detail .staff_interview dl dt{color:#c1af95; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:20px; letter-spacing:0.06em; text-align:left; margin:5px 0 14px;}
#staff .staff_detail .staff_interview dl dd{font-size:15px; line-height:30px; text-align:justify;}
#staff .staff_detail .staff_interview dl dd a{color:#909090; display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; position:relative;}
#staff .staff_detail .staff_interview dl dd a:after{content:''; width:100%; position:absolute; bottom:1px; left:0; border-bottom:dotted 1px #616161;}
/*おすすめメニュー*/
#staff .staff_recomend{margin:50px 0;}
#staff .staff_recomend ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-around;}
#staff .staff_recomend ul li{width:30%;}
#staff .staff_recomend ul li .img{width:100%; height:224px; margin:0; display:block; border:none; overflow:hidden;}
#staff .staff_recomend ul li .img:before, #staff .staff_recomend ul li .img:after{display:none;}
#staff .staff_recomend ul li .img img{display:block; width:100%; height:auto; transition:all 0.3s ease;}
#staff .staff_recomend ul li .img:hover img{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; transform:scale(1.1); transform-origin:center;}
#staff .staff_recomend ul li .mds{width:100%; height:auto; padding:10px 0; display:block; font-size:16px; line-height:1;}
#staff .staff_recomend ul li .mds span{margin-right:5px; padding:6px 8px; display:inline-block; background:#be9f39; color:#fff; font-size:13px; position:relative; top:-1px;}
#staff .staff_recomend ul li p{margin:0; font-size:14px; line-height:25px;}
#staff .staff_recomend ul li a{width:100%; height:36px; display:block; margin-top:12px; border:solid 1px #d9c691; box-sizing:border-box; color:#c6ac63; font-size:14px; line-height:36px; letter-spacing:0; text-align:center; position:relative; z-index:1;}
#staff .staff_recomend ul li a:hover{color:#fff; letter-spacing:0.08em;}
#staff .staff_recomend ul li a, #staff .staff_recomend ul li a:hover{transition:all 0.3s ease;}
#staff .staff_recomend ul li a:before{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:0; right:40px; color:#fff;}
#staff .staff_recomend ul li a:hover:before{top:0; right:15px;}
#staff .staff_recomend ul li a:before, #staff .staff_recomend ul li a:hover:before{transition:all 0.5s ease;}
#staff .staff_recomend ul li 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;}
#staff .staff_recomend ul li a:hover:after{background:#ceb66b; -webkit-transform:scale(1); transform:scale(1);}
#staff .staff_recomend ul li a:after, #staff .staff_recomend ul li a:hover:after{transition:all 0.3s ease;}
/*在籍店舗*/
#staff .staff_shop{width:1000px; height:auto; margin:60px auto 0; padding:20px; border:solid 4px #d0ba9e; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#staff .staff_shop .img{width:45%; height:auto;}
#staff .staff_shop .img img{width:100%; height:auto; display:block;}
#staff .staff_shop .text{width:52%; height:auto;}
#staff .staff_shop .text h2{width:100%; height:40px; margin:0 0 20px; padding:0; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:18px; text-align:center; text-indent:inherit; letter-spacing:0.06em; line-height:40px; background:-moz-linear-gradient(left, rgba(203,153,58,0) 0%, rgba(203,153,58,1) 30%, rgba(203,153,58,1) 70%, rgba(203,153,58,0) 100%); background:-webkit-linear-gradient(left, rgba(203,153,58,0) 0%,rgba(203,153,58,1) 30%,rgba(203,153,58,1) 70%,rgba(203,153,58,0) 100%); background:linear-gradient(to right, rgba(203,153,58,0) 0%,rgba(203,153,58,1) 30%,rgba(203,153,58,1) 70%,rgba(203,153,58,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cb993a', endColorstr='#00cb993a',GradientType=1 ); text-shadow:none; position:relative;}
#staff .staff_shop .text h2:before, #staff .staff_shop .text h2:after{content:''; width:100%; height:3px; background:-moz-linear-gradient(left, rgba(203,153,58,0) 0%, rgba(203,153,58,1) 30%, rgba(203,153,58,1) 70%, rgba(203,153,58,0) 100%); background:-webkit-linear-gradient(left, rgba(203,153,58,0) 0%,rgba(203,153,58,1) 30%,rgba(203,153,58,1) 70%,rgba(203,153,58,0) 100%); background:linear-gradient(to right, rgba(203,153,58,0) 0%,rgba(203,153,58,1) 30%,rgba(203,153,58,1) 70%,rgba(203,153,58,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cb993a', endColorstr='#00cb993a',GradientType=1 ); position:absolute; left:0;}
#staff .staff_shop .text h2:before{top:-6px;}
#staff .staff_shop .text h2:after{bottom:-6px;}
#staff .staff_shop .text h3{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:16px; color:#c59e2e;}
#staff .staff_shop .text p{width:100%; height:auto; margin:10px 0; padding:10px; box-sizing:border-box; font-size:14px; line-height:28px; background:#FEF8F1;}
#staff .staff_shop .text p a{color:#000; text-decoration:none;}
#staff .staff_shop .text p a:before{display:none;}
#staff .staff_shop .text a{color:#be9f39; font-size:14px; text-decoration:underline; transition:all 0.3s ease;}
#staff .staff_shop .text a:before{content:'>>';}
#staff .staff_shop .text 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; letter-spacing:0.06em;}
/*初回体験はこちら*/
#staff #salon .box{margin-bottom:0;}