@charset "utf-8";
/* CSS Document */

/********************************/
/***　サロンTOP
/********************************/
/*** 共通 ***/
#container p{color:#221815;}
/*h2*/
h2+ul{padding:0 0 0 15px; margin:0 0 13px;}
h2+ul li{float:left; padding:3px; margin:0 5px 5px 0; background-color:#c19537;	color:#fff;	font-size:9px; font-weight:bold; font-family:"Noto Sans", sans-serif; font-weight:400;}
/*サロンページ内menu*/
p.top{width:100%; height:auto; margin:0; background:#c19537; text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10px; letter-spacing:0.06em;}
p.top a{display:block; padding:8px 0 6px; color:#FFFFFF!important; text-decoration:none!important;}
p.top a:before{content:'>'; color:#FFFFFF; position:relative; left:-5px;}
p.top a.select:before{display:none;}
ul.salonmenu{width:100%; height:auto; display:inline-block; letter-spacing:0.06em; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
ul.salonmenu li{float:left; width:50%; height:auto; text-align:center; box-shadow:0px -15px 10px -10px rgba(235,235,235,0.9) inset; font-size:9px; border:solid #c1c1c1; border-width:0 0 1px; box-sizing:border-box;}
ul.salonmenu li:nth-child(odd){border-right:solid 1px #c1c1c1;}
ul.salonmenu li.select{/*box-shadow: 10px 15px 40px -9px rgba(253, 236, 211, 0.9) inset;*/ box-shadow:none; background:#fff8ea;}
ul.salonmenu li a{display:block; padding:8px 0 6px; color:#3d3729;}
ul.salonmenu li.select a{color:#976804;}
ul.salonmenu+p{width:85%; margin:20px auto; font-size:12px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
/*** サロンTOP ***/
.salonInfo dl dt{padding:13px 0 11px 15px; background:url(../common/img/btn_aco_close01.png) no-repeat 93% 10px #c9c4c0; background-size:14px auto; border-bottom:1px solid #948979; border-top:1px solid #efedec; font-size:11px; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
.salonInfo dl dt.active{background:url(../common/img/btn_aco_open01.png) no-repeat 93% 10px #ffffff; background-size:14px auto;	box-shadow:0px -20px 10px -10px #ebebeb inset;	font-family:"Zen Old Mincho", serif; font-weight: 500;
}
.salonInfo dl dd{display:none; padding:18px 22px 30px;}
.salonInfo dl dd>img{display:block;	width:100%;	margin:0 auto 17px;}
.salonInfo dl dd table{width:100%; border:1px solid #98938f; font-size:10px; font-family:"Noto Sans", sans-serif; font-weight:400;}
.salonInfo dl dd table tr{border:1px solid #98938f;}
.salonInfo dl dd table th{width:84px; background-color:#c9c4c0;	border-right:1px solid #a9a4a0;	text-align:center; vertical-align:middle;}
.salonInfo dl dd table td{padding:8px; line-height:170%;}
.salonInfo dl dd table td a.map{display:block; width:105px;	margin:5px 0 0;}
.salonInfo dl dd table td a.tel{padding:3px 0 3px 20px;	background:url(../img/salon/icon_phone01.png) no-repeat left center; background-size:auto 16px;	color:#000; font-size:10px;}
.salonInfo dl dd table td a.attention{color:#65380b; text-decoration:underline;}
.salonInfo dl dd table td span.lasttime{/*font-size:11px;*/ color:#636363}
.salonInfo p{width:85%;	margin:19px auto 13px; font-size:12px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
.salonInfo .banner{overflow:hidden;}
.salonInfo .banner li{float:left; width:48%;}
.salonInfo .banner li:first-child{margin:0 4% 0 0;}
ul.btn_saloninfo{margin:15px 0 0;}
ul.btn_saloninfo li.info{width:57%; float:left;}
ul.btn_saloninfo li.map{width:41%; float:right;}
ul.btn_saloninfo li a{width:100%; display:inline-block;	padding:15px 0 15px 18px; color:#351d10; font-family:"Zen Old Mincho", serif; font-weight: 500;
 background-color:#fff; border:1px solid #cbcbcb; box-shadow: 0px -15px 10px -10px rgba(235,235,235,0.9) inset; box-sizing:border-box; border-radius:6px; font-size:10px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 box-sizing:border-box;	text-align:center;}
ul.btn_saloninfo li.info a{background:url(../img/salon/icon_info.png) no-repeat left 10px center; background-size:auto 13px;}
ul.btn_saloninfo li.map a{background:url(../img/salon/icon_map.png) no-repeat left 10px center; background-size: auto 13px;}
@media screen and (max-width: 360px){
ul.btn_saloninfo li{width:100%!important;}
ul.btn_saloninfo li+li{margin:10px 0 0;}}
.makeRoom{margin:25px 0 25px;}
.makeRoom .flower{display:block; width:121px; margin:0 auto; padding:0 3px 0 0;}
.txt_flower span.small{font-size:15px; margin:0 0 7px;}
.txt_flower span.big{font-size:21px;}
.makeRoom .text{width:78%; margin:19px auto 24px; font-size:10px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
.makeRoom ul.img_salon_about{width:85%;	margin:0 auto; overflow:hidden;}
.makeRoom ul.img_salon_about li{float:left;}
.makeRoom ul.img_salon_about li:nth-child(1){width:25%;	margin:0 3% 0 0;}
.makeRoom ul.img_salon_about li:nth-child(2){width:43%;	margin:0 3% 0 0;}
.makeRoom ul.img_salon_about li:nth-child(3){width:24%;}
ul.btnarea_salon_about{width:78%; margin:10px auto; padding:30px 0 0; background:url(../img/salon/bg_btnarea_about.gif) no-repeat center top; background-size: auto 100%; font-size:11px; font-family:"Zen Old Mincho", serif; font-weight: 400;
}
ul.btnarea_salon_about li{padding: 0 0 25px;}
ul.btnarea_salon_about div.area{width:37%; float:left;}
ul.btnarea_salon_about div.area:before{content:'■'; color:#b71428;}
ul.btnarea_salon_about div.area a{color:#575757; text-decoration:underline;}
ul.btnarea_salon_about div.tenpo{width:63%; float:right; color:#898989;}
ul.btnarea_salon_about div.tenpo a{color:#898989; text-decoration:underline;}/*緊急案内*/
.topic{width:100%; height:auto; margin:20px auto; line-height:170%; padding:8px 0; background:#fbf0f0; border:solid thin #98938f;}
.topic p{width:90%; margin:auto;}

/********************************/
/***　エリアTOP
/********************************/
/*〇〇エリアのエステサロン紹介*/
.eria_salon_about{width:100%; height:auto; display:block; margin:auto auto 25px;}
 .eria_salon_about .box1 p{width:85%; margin:20px auto; font-size:12px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
/*エリア内MAP*/
.eria_salon_about .map{width:94%; height:0; margin:20px auto; padding-top:42.1%; display:block; overflow:hidden;}
.eria_salon_about .map ul{width:94%; height:0; position:absolute; margin-top:-42.1%;}
.eria_salon_about .map ul li{width:36%; height:0; margin:0; padding-top:14%; display:block; overflow:hidden; position:absolute;}
.eria_salon_about .map ul li a{width:41.86%; height:0; margin:-38% 0 0 0; padding:7% 0 31% 58.14%; display:block; text-align:center;}
.eria_salon_about .map ul li a strong{width:100%; margin:0; padding:0 0 1.5px; border-bottom: solid 1px #fff; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px;}
.eria_salon_about .map ul li a span{display:block; margin:0; padding:5px 3px 0; /*border-top:solid 1px #fff;*/ color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:10px; letter-spacing:-0.04em; word-break:break-all;}
/*fukuoka*/
.eria_salon_about.fukuoka .map{background:url(../../../layout/img/salon/fukuoka/map_fukuoka_bg.jpg)no-repeat; background-size:contain;}
.eria_salon_about.fukuoka .map ul li:nth-child(1){background:url( ../../../layout/img/salon/fukuoka/map_fukuoka_tenjin.png) no-repeat right bottom; background-size:contain; padding-top:38.1%; left:52.8%;}
/*hyogo*/
.eria_salon_about.hyogo .map{background:url(../../../layout/img/salon/hyogo/map_hyogo_bg.jpg) no-repeat; background-size:contain;}
.eria_salon_about.hyogo .map ul li:nth-child(1){background:url( ../../../layout/img/salon/hyogo/map_hyogo_sannomiya.png) no-repeat right bottom; background-size:contain; padding-top:27.2%; left:59.6%;}
.eria_salon_about.hyogo .map ul li:nth-child(2){background:url( ../../../layout/img/salon/hyogo/map_hyogo_himeji.png) no-repeat right bottom; background-size:contain; padding-top:19.8%; left:2.5%;}
/*kyoto*/
.eria_salon_about.kyoto .map{background:url(../../../layout/img/salon/kyoto/map_kyoto_bg.jpg) no-repeat; background-size:contain;}
.eria_salon_about.kyoto .map ul li:nth-child(1){background:url( ../../../layout/img/salon/kyoto/map_kyoto_kawaramachi.png) no-repeat right bottom; background-size:contain; padding-top:23.8%; left:59.7%;}
.eria_salon_about.kyoto .map ul li:nth-child(2){background:url( ../../../layout/img/salon/kyoto/map_kyoto_karasuma.png) no-repeat right bottom; background-size:contain; padding-top:43.2%; left:7%;}
.eria_salon_about.kyoto .map ul li:nth-child(3){background:url( ../../../layout/img/salon/kyoto/map_kyoto_saiin.png) no-repeat right bottom; background-size:contain; padding-top:16.7%; left:9.3%;}
/*nagoya*/
.eria_salon_about.nagoya .map{background:url(../../../layout/img/salon/nagoya/map_nagoya_bg.jpg) no-repeat; background-size:contain;}
.eria_salon_about.nagoya .map ul li:nth-child(1){background:url( ../../../layout/img/salon/nagoya/map_nagoya_meieki.png) no-repeat right bottom; background-size:contain; padding-top:20.3%; left:4.2%;}
.eria_salon_about.nagoya .map ul li:nth-child(2){background:url( ../../../layout/img/salon/nagoya/map_nagoya_sakae.png) no-repeat right bottom; background-size:contain; padding-top:41.3%; left:59.7%;}
/*osaka*/
.eria_salon_about.osaka .map{background:url(../../../layout/img/salon/osaka/map_osaka_bg.jpg) no-repeat; background-size:contain;}
.eria_salon_about.osaka .map ul li:nth-child(1){background:url( ../../../layout/img/salon/osaka/map_osaka_umeda.png) no-repeat right bottom; background-size:contain; padding-top:17.7%; left:10.9%;}
.eria_salon_about.osaka .map ul li:nth-child(2){background:url( ../../../layout/img/salon/osaka/map_osaka_shinsaibashi.png) no-repeat right bottom; background-size:contain; padding-top:27%; left:57.8%;}
.eria_salon_about.osaka .map ul li:nth-child(3){background:url( ../../../layout/img/salon/osaka/map_osaka_namba.png) no-repeat right bottom; background-size:contain; padding-top:42.2%; left:4.2%;}
/*tokyo*/
.eria_salon_about.tokyo .map{background:url(../../../layout/img/salon/tokyo/map_tokyo_bg.jpg) no-repeat; background-size:contain;}
.eria_salon_about.tokyo .map ul li:nth-child(1){background:url( ../../../layout/img/salon/tokyo/map_tokyo_ikebukuro.png) no-repeat right bottom; background-size:contain; padding-top:17.2%; left:7%;}
.eria_salon_about.tokyo .map ul li:nth-child(2){background:url( ../../../layout/img/salon/tokyo/map_tokyo_shibuya.png) no-repeat right bottom; background-size:contain; padding-top:25%; left:60.3%;}
.eria_salon_about.tokyo .map ul li:nth-child(3){background:url( ../../../layout/img/salon/tokyo/map_tokyo_shinjyuku.png) no-repeat right bottom; background-size:contain; padding-top:42%; left:4.2%;}

/*エリア内info*/
.eria_saloninfo{width:94%; height:auto; margin:-8px auto 30px;}
.eria_saloninfo ul{width:100%; height:auto;}
.eria_saloninfo ul li{width:100%; height:auto; margin:30px auto;}
.eria_saloninfo ul li h4{width:100%; margin:0 0 10px; padding-top:5px; color:#b28750; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:17px;}
.eria_saloninfo ul li h4:before{content:'■'; padding-right:2px;}
.eria_saloninfo ul li table{}
.eria_saloninfo ul li table tr{border-top:dotted 1px #000;}
.eria_saloninfo ul li table tr:last-child{border:dotted #000; border-width:1px 0;}
 .eria_saloninfo ul li table tr th, .eria_saloninfo ul li table tr td{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px; line-height:19px; padding:5px;}
.eria_saloninfo ul li table tr th{background:#f8f6f1; text-align:center; width:20%;}
.eria_saloninfo ul li table tr td{vertical-align:middle;}
.eria_saloninfo ul li table tr td .img{float:right; width:40%;}
.eria_saloninfo ul li .tel{width:100%; height:auto; margin:8px 0 0;}
.eria_saloninfo ul li .tel p{float:left; margin:0; padding:5px 0 0 32px; background:url(../../../layout/img/salon/eria_saloninfo_tel.jpg) no-repeat left top; color:#b28750!important; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.04em;}
.eria_saloninfo ul li .tel p>a{color:#b28750!important;}
.eria_saloninfo ul li .tel a.link{float:right; display:block; width:80px; height:23px; padding-top:10px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.1em; text-align:center; border-radius:4px; background:#b28750; background:-moz-linear-gradient(top, #b28750 0%, #b28750 50%, #9e7035 51%, #9e7035 100%); background:-webkit-linear-gradient(top, #b28750 0%,#b28750 50%,#9e7035 51%,#9e7035 100%); background:linear-gradient(to bottom, #b28750 0%,#b28750 50%,#9e7035 51%,#9e7035 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28750', endColorstr='#9e7035',GradientType=0 );}
/*おすすめ初回体験*/
.eria_syokai{margin-bottom:40px;}
.eria_syokai #slider{width:85%; height:auto; margin:25px auto;}
.eria_syokai #slider ul{width:100%; height:240px;}
.eria_syokai #slider ul li{width:100%; background:#fff;}
.eria_syokai #slider ul li a{display:block;}
.eria_syokai #slider ul li a img{width:100%; height:auto;}
.eria_syokai #slider ul li p{width:auto; display:block; color:#9d7035; font-family:"Noto Sans", sans-serif; font-weight:400;}
.eria_syokai #slider ul li p.menu_name{float:left; margin:10px 6px 3px 0; padding-top:2px; font-size:15px;}
.eria_syokai #slider ul li p.menu_name span{font-size:12px; font-family:"Noto Sans", sans-serif; font-weight:500;}
.eria_syokai #slider ul li p.menu_price{float:left; margin:10px 10px 3px 0; font-size:19px;}
.eria_syokai #slider ul li p.menu_price span{font-size:14px;}
.eria_syokai #slider ul li a.menu_link{float:right; width:auto; height:auto; margin:7px 0 0; padding:1.8% 4% 1.8%; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:13px; border-radius:5px; text-align:center; letter-spacing:0.06em; background:#b28750; background:-moz-linear-gradient(top, #b28750 0%, #b28750 50%, #9e7035 51%, #9e7035 100%); background:-webkit-linear-gradient(top, #b28750 0%,#b28750 50%,#9e7035 51%,#9e7035 100%); background:linear-gradient(to bottom, #b28750 0%,#b28750 50%,#9e7035 51%,#9e7035 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28750', endColorstr='#9e7035',GradientType=0 );}
.eria_syokai+a.reserve{display:block; width:85%; height:auto; margin:15px auto 25px;}

/*責任者message*/
.eria_message{}
.eria_message p{width:85%; margin:20px auto; font-size:12px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
.eria_message div{width:90%; height:auto; margin:auto; padding:3% 5%; background:#f8f6f1; border:solid #f8f6f1; border-width:3px 0;}
.eria_message div:nth-child(2n){background:none;}
.eria_message div h4{text-align:center; border-bottom:solid 1px #d2c9b2; margin-bottom:15px; padding:10px 0; color:#94826f; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:16px; letter-spacing:0.06em;}
.eria_message div p{width:95%;margin:15px 0 5px; font-size:10px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
.eria_message div p img{float:left; width:35%; margin: 0 10px 2px 0;}

/********************************/
/***　各サロン詳細ページ
/********************************/
/*** ①TOPページ ***/
/*******大枠******/
.salonindex{display:inline-block; padding:5px 22px 20px;}
/*******サムネイル******/
/* 選択しているものは大きく表示 */
.topinfo .img{width:78%; height:auto; margin:20px auto; float:none;}
.topinfo .img .slider{width:100%; height:auto; overflow:hidden; margin:auto;}
.topinfo .img .slider img{border:solid 1px #e7e1d9;}
/* サムネイル_小さく横に並べて表示 */
.topinfo .img ul.slider-2{margin:10px auto 20px; display:table;}
.topinfo .img ul.slider-2 li{width:65px!important; height:44px; border:solid 1px #e7e1d9; margin-right:15px;}
.topinfo .img ul.slider-2 li img{width:65px; height:44px;}
.topinfo .img ul.slider-2 li:last-child{margin-right:0;}
/* サムネイル_選択していないものは暗く表示 */
.topinfo .img ul.slider-2 li.slick-active{background:#000000; cursor:pointer;}
.topinfo .img ul.slider-2 li.slick-active img{opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6;}
/* サムネイル_選択しているものは明るく表示 */
.topinfo .img ul.slider-2 li.slick-current{background:#ffffff; cursor:default;}
.topinfo .img ul.slider-2 li.slick-current img{opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity:1.0; -moz-opacity:1.0; opacity:1.0;}
/*サムネイル表示*/
.topinfo ul.slider-2 .slick-track{width:auto!important;}
/******* ○○店とは～テキスト *******/
.topinfo .greetingtext{border:solid 1px #9d6017; box-sizing:border-box; width:87.5%; height:auto; margin:20px auto 30px; background: url(../../../layout/img/salon/greetingtext_bg01.png) no-repeat left top, url(../../../layout/img/salon/greetingtext_bg02.png) no-repeat right bottom;}
.topinfo .greetingtext p{border:solid 1px #9d6017; box-sizing:border-box; width:96%; height:auto; margin:7px auto; padding:25px 15px;}
/******* ○○店サロン情報 *******/
/*店舗情報table*/
.salonindex>img{display:block; width:80%; margin:0 auto 17px;}
.salonindex table{width:100%; border:1px solid #98938f; font-size: 11px; font-family: "Noto Sans", sans-serif; font-weight:400;}
.salonindex table tr{border:1px solid #98938f;}
.salonindex table th{width:84px; background-color:#c9c4c0; border-right:1px solid #a9a4a0; text-align:center; vertical-align:middle;}
.salonindex table td{padding:8px; line-height:170%;}
.salonindex table td a.map{display:block; width:105px; margin:5px 0 0;}
.salonindex table td a.tel{padding:0 0 0 20px; background:url(../img/salon/icon_phone01.png) no-repeat left center; background-size:16px; color:#000; font-size:16px;}
/*テキスト、バナー*/
.salonindex p{width:95%; margin:19px auto 13px; font-size:12px; line-height:170%; font-family: "Noto Sans", sans-serif; font-weight:400;}
.salonindex .banner{overflow:hidden; margin:15px 0;}
.salonindex .banner li{float:left; width:48%;}
.salonindex .banner li:first-child{margin:0 4% 0 0;}
/*BeforeAfter*/
.salonindex .reportWrap{display:block; overflow:hidden; margin:18px auto;}
.salonindex .reportWrap img{display:block; width:48%; margin-right:2%; float:left;}
.salonindex .reportWrap .textContent{display:block; width:50%; float:right;}
.salonindex .reportWrap .textContent h4{background:url(../img/ba/icon_name01.jpg) left center no-repeat; background-size:11px 11px; font-size:11px; color:#a36834; padding-left:15px; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
.salonindex .reportWrap  .textContent h4 span{font-size:9px;}
.salonindex .reportWrap .textContent p.strong{font-size:16px; color:#300511; text-align:center; margin:10px 0; font-family: "Zen Old Mincho", serif; font-weight: 500;
}
.salonindex .reportWrap .textContent dl.result{width:116px; height:22px; background:url(../img/ba/bg_result01.jpg) left center no-repeat; background-size:116px 22px; overflow:hidden; color:#a36834;	font-family: "Noto Sans", sans-serif; font-weight:400; font-size:10px; line-height:22px; margin:0 auto 7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.salonindex .reportWrap .textContent dl.result dt{width:46px; max-height:999999px; font-size:9px; padding-left:4px; clear:both; float:left;}
.salonindex .reportWrap .textContent dl.result dd{margin-left:58px; max-height:999999px;}
.salonindex .reportWrap .textContent a.detail{display:block; width:142px; height:28px; margin:10px auto 0;}
.salonindex .reportWrap .textContent a.detail img{display:block; width:100%; height:auto;}
.salonindex .date{width:30%; height:auto; margin:10px 4% 10px 0; float:left; border:solid 1px #d0d0d0; box-shadow:0px 0px 5px 0px #ded3d3; -moz-box-shadow:0px 0px 5px 0px #ded3d3; -webkit-box-shadow:0px 0px 5px 0px #ded3d3;}
.salonindex .date_mr0{margin-right:0;}/*3の倍数の.dateにだけclass追加*/
.salonindex .date p{width:100%; text-align:center; margin:0; padding:5px 0 2px;}
.salonindex .date dl.result{font-family:"Noto Sans", sans-serif; font-weight:500; line-height:150%;}
.salonindex .date dl.result dt{float:left; font-size:8px; width:43%; margin-right:3%; text-align:center;}
.salonindex .date dl.result dd{color:#cb0101; font-size:11px; text-align:right; padding-right:2%;}
.salonindex .date a.btn{display:block; width:90%; height:18px; padding-top:12px; margin:8px auto; background:#b38257; color:#FFFFFF; font-family:"Noto Sans", sans-serif; font-weight:400; text-align:center; font-size:8px;}
.salonindex:last-child{padding-bottom:0;}

.topinfo .map{margin:20px auto 30px;}
.topinfo .map table{width:86%; border:1px solid #98938f; font-size:12px; font-family:"Noto Sans", sans-serif; font-weight:400; margin:20px auto;}
.topinfo .map table tr{border:1px solid #98938f;}
.topinfo .map table th{width:84px; background-color:#c9c4c0;	border-right:1px solid #a9a4a0;	text-align:center; vertical-align:middle;}
.topinfo .map table td{padding:8px; line-height:170%;}
.topinfo .map table td a.map{display:block; width:105px;	margin:5px 0 0;}
.topinfo .map table td a.tel{padding:3px 0 3px 20px;	background:url(../img/salon/icon_phone01.png) no-repeat left center; background-size:auto 16px;	color:#000; font-size:13px;}
.topinfo .map table td a.attention{color:#65380b; text-decoration:underline;}
.topinfo .map table td span.lasttime{/*font-size:11px;*/ color:#636363}
.topinfo .map table td span.small{font-size:12px; color:#5D5955; margin-left:-1px;}
.topinfo p{width:85%; margin:19px auto 13px; font-size:12px; line-height:170%; font-family:"Noto Sans", sans-serif; font-weight:400;}
.topinfo .map #maps{width:78%; height:200px; margin:20px auto; border:solid 1px #c1c1c1; overflow:hidden;}
.topinfo .map #maps iframe{width:100%; height:100%;}
.topinfo .map ul{width:86%; height:auto; margin:20px auto;}
.topinfo .map ul li{border:solid 1px #cbcbcb; border-radius:5px; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:10.5px; text-align:center; text-indent:1.7em; background:#f7f7f7; background:-moz-linear-gradient(top, #f7f7f7 0%, #ffffff 16%, #ffffff 70%, #e4e4e4 100%); background:-webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 16%,#ffffff 70%,#e4e4e4 100%); background:linear-gradient(to bottom, #f7f7f7 0%,#ffffff 16%,#ffffff 70%,#e4e4e4 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e4e4e4',GradientType=0 );}
.topinfo .map ul li:first-child{float:left; width:59%; height:auto; }
.topinfo .map ul li:last-child{float:right; width:39%; height:auto; }
.topinfo .map ul li a{display:block; color:#221815; padding:10px 0;}
.topinfo .map ul li:first-child a{background:url(../img/salon/icon_info.png) no-repeat left 5px center; background-size:11%;}
.topinfo .map ul li:last-child a{background:url(../img/salon/icon_map.png) no-repeat left 3px top 7px; background-size:16%;}
/******* ○○店責任者コメント *******/
.topinfo .message{width:85%; margin: auto;}
.topinfo .message .img{width:32%; margin:2px 10px 0 0; float:left;
background:#6e4801;
background: linear-gradient(top, #6e4801 0%, #aa936a 70%, #fffbef 100%);
background: -webkit-linear-gradient(top, #6e4801 0%, #aa936a 70%, #fffbef 100%);
background: -moz-linear-gradient(top, #6e4801 0%, #aa936a 70%, #fffbef 100%);
background: -o-linear-gradient(top, #6e4801 0%, #aa936a 70%, #fffbef 100%);
background: -ms-linear-gradient(top, #6e4801 0%, #aa936a 70%, #fffbef 100%);}
.topinfo .message .img .syashin{width:93%; height:auto; margin:3px auto;}
.topinfo .message .img .syashin div{width:100%; margin:-9px auto 0; text-align:center;}
.topinfo .message .img .syashin div p{width:100%; margin:10px 0 0;  font-family: 黎ミン B; font-size:12px; line-height: 110%; text-align: center; letter-spacing:0.08em;} 
.topinfo .message .img .syashin div p span{width:100%; font-size:8px;}
.topinfo .message .img+p{width:100%;}
.topinfo a.reserve{width:85%; height:auto; display:block; margin:auto auto 30px;}

/******* おすすめのエステメニュー *******/
.topinfo .osusume{width:100%; height:auto;}
.topinfo .osusume ul{width:100%; height:auto;}
.topinfo .osusume ul li{width:90%; height:0; margin:15px auto; padding:44.53% 0 0; overflow:hidden; position:relative; box-shadow:2px 2px 2px #9e9e9e;}
.topinfo .osusume ul li h4{float:left; width:20%; height:0; margin:-49.5% 0 0; padding:18% 2.5% 31.6% 0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:10px; line-height:1.5; text-align:center; position:relative; z-index:1; text-shadow:0 0 5px #fff6df;}
.topinfo .osusume ul li h4 span{display:block; font-size:19px;}
.topinfo .osusume ul li .inner{float:right; width:79%; height:0; margin:-48.3% 1.2% 0; padding:47.2% 0 0 3%; background:#fff;}
.topinfo .osusume ul li .inner .mds{width:100%; height:auto; margin:-57% 0 0; padding:0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:20px; letter-spacing:0.04em; text-align:center;}
.topinfo .osusume ul li .inner .mds.mini{font-size:18px; line-height:1.9; letter-spacing:-0.02em;}
.topinfo .osusume ul li .inner b{width:100%; height:auto; margin:5px 0; padding:0; display:block; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:10.5px; letter-spacing:-0.02em; text-align:center;}
.topinfo .osusume ul li .inner b.mini{font-size:10px; letter-spacing:-0.04em;}
.topinfo .osusume ul li .inner .float{width:90%; height:auto; margin:auto; padding:0 0 0 1%;}
.topinfo .osusume ul li .inner .float p{float:left; width:58%; height:auto; margin:5px 0; padding:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:10px; line-height:1.5;}
.topinfo .osusume ul li .inner .float img{float:right; width:40%; margin:8px 0 0;}
.topinfo .osusume ul li a{width:100%; height:0; margin:0; padding:49.2% 0 0; position:absolute; top:0; left:0;}
.topinfo .osusume ul+a{width:90%; height:0; margin:20px auto 30px; padding:11% 0 0; display:block; background:#fff; border:1px solid #999999; box-shadow:0px -15px 10px -10px rgba(235,235,235,0.9) inset; box-sizing:border-box; border-radius:5px; color:#351d10; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:12px; position:relative;}
.topinfo .osusume ul+a span{display:block; width:100%; padding:4.8% 0; text-align:center; background:url(../../layout/common/img/icon_menuList01.png) no-repeat right 10px center; background-size:11px auto;  position:absolute; top:0; left:0;}
/* TOP1 */
.topinfo .osusume ul li:nth-child(1){background:#b6a170;
background: -moz-linear-gradient(bottom, #b6a170 0%, #ebddbb 50%, #e0cb9a 100%);
background: -webkit-linear-gradient(bottom, #b6a170 0%,#ebddbb 50%,#e0cb9a 100%);
background: linear-gradient(to top, #b6a170 0%,#ebddbb 50%,#e0cb9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6a170', endColorstr='#e0cb9a',GradientType=1 );}
.topinfo .osusume ul li:nth-child(1) h4{background:url(../img/salon/osusume_h4_bg1.png) no-repeat center right; background-size:cover;}
.topinfo .osusume ul li:nth-child(1) .inner b{color:#b48924;}
/* TOP2 */
.topinfo .osusume ul li:nth-child(2){background: #cccccc;
background: -moz-linear-gradient(bottom, #cccccc 0%, #f1f1f1 50%, #e4e4e4 100%);
background: -webkit-linear-gradient(bottom, #cccccc 0%,#f1f1f1 50%,#e4e4e4 100%);
background: linear-gradient(to top, #cccccc 0%,#f1f1f1 50%,#e4e4e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e4e4e4',GradientType=1 );}
.topinfo .osusume ul li:nth-child(2) h4{background:url(../img/salon/osusume_h4_bg2.png) no-repeat center right; background-size:cover;}
.topinfo .osusume ul li:nth-child(2) .inner b{color:#7d7b78}
/* TOP3 */
.topinfo .osusume ul li:nth-child(3){background: #d0a776;
background: -moz-linear-gradient(bottom, #d0a776 0%, #fde5c8 50%, #f2cea3 100%);
background: -webkit-linear-gradient(bottom, #d0a776 0%,#fde5c8 50%,#f2cea3 100%);
background: linear-gradient(to top, #d0a776 0%,#fde5c8 50%,#f2cea3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0a776', endColorstr='#f2cea3',GradientType=1 );}
.topinfo .osusume ul li:nth-child(3) h4{background:url(../img/salon/osusume_h4_bg3.png) no-repeat center right; background-size:cover;}
.topinfo .osusume ul li:nth-child(3) .inner b{color:#bf9b86;}
/* [大人気]ラベル付き */
.topinfo .osusume ul li.rabel{position:relative;}
.topinfo .osusume ul li.rabel:after{content:''; background:url(../img/salon/osusume_li_rabel.png) no-repeat; background-size:contain; width:23%; height:0; margin:0; padding:14.5% 0 0; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}

/******* ○○店の周辺情報 *******/
img.location{width:85%; margin:auto auto 20px; display:block;}

/******* 近隣のサロン *******/
.topinfo dl dd{padding:18px 22px 20px;}
.topinfo dl dd:last-child{padding-bottom:10px;}
.topinfo dl dd>img{width:90%; height:auto;}
.topinfo dl dd p{width:100%;}

/******* インドbannerポップアップ *******/
.popup dl{position:fixed; bottom:5.5%; left:2%; width:96%; z-index:20001;}
.popup dl dt{width:100%; height:32px; position:relative;}
.popup dl dt p{width:30px; height:30px; margin:0; border-radius:30px; font-size:17px; font-weight:bold; line-height:30px; text-align:center; background:#000; color:#fff!important; border:solid 2px #fff; box-shadow:0 0 5px #000; position:absolute; top:12px; right:0px;}
.popup dl dd{box-shadow: 0 0 5px #000;}
.popup dl dd a{display:block; border:solid 2px #FFF;}
.popup dl dt.active, .popup dl dd.active{display:none;}

/*** ②こだわり ***/
.salonInfo.kodawari{}
.salonInfo.kodawari img{width:73%; height:auto; margin:20px auto; display:block;}
.salonInfo.kodawari img+p{margin-bottom:25px;}

/*** ③アクセス ***/
.access_box{width:86%; height:140px; margin:20px auto 45px; padding:15px 10px; border:solid 1px #dbcebc; box-sizing:border-box; display:table;}
.access_box:after{content:url(../img/salon/arrow_bottom.png); display:flex; position:relative; top:134px; left:-15%;}
.access_box.long:after{top:132px;}
.access_box.last:after{display:none;}
.access_box.long:after{top:152px;}
.access_box .text{float:left; width:53%; height:auto; margin-right:4%;}
.access_box .text h4{color:#9d6017; font-size:13px;}
.access_box .text h4 span{ background:#9d6017; color:#FFFFFF; text-align:center; width:16px; height:12px; margin-right:5px; padding:2px 0; display:inline-block;}
.access_box .text h4 span.long{letter-spacing:-0.1em; text-indent:-0.1em;}
.access_box .text p{width:100%; margin:10px 0 0;}
.access_box img{float:right; width:43%; height:auto;}
img.major_station{width:88%; height:auto; display:block; margin:auto;}
button.station{display:block; margin:15px auto; width:86%; height:auto; border-radius:5px; background:#ffffff; border:solid 1px #555;}
button.station.last{margin-bottom:25px;}
button.station a{color:#000; display:block; width:100%; padding:5px 0;}
button.station a:before{content:'▽'; margin-right:3px;}

/*** ④スタッフ紹介 ***/
/*エリア毎の一覧*/
h2.border+.salonInfo a{color:#7c7c7c; text-decoration:underline;}
/*全店スタッフ一覧*/
ul.staff_area{width:85%; height:auto; margin:auto;}
ul.staff_area li{float:left; width:45%; height:auto; margin-bottom:15px; text-align:center; border:solid 1px #BFBFBF; box-sizing:border-box; border-radius:5px;}
ul.staff_area li:nth-child(even){float:right;}
ul.staff_area li a{display:block; font-size:12px; padding:10px 0; text-decoration:none!important; background:url(../../../layout/img/salon/staff/staff_area_arrow_sideway.png) no-repeat left 20% top 40%; background-size:18px;}
/*店舗毎の一覧*/
.staff_box{width:100%; height:auto; margin:20px auto; padding-bottom:25px; background:url(../img/salon/staff_punctuation.gif) no-repeat center bottom;}
.staff_box:last-child{ background:none; margin-bottom:-20px;}
.staff_box .text{width:60%; min-height:130px; height:auto; margin:auto; padding-top:3px; padding-left:33%; background: url(../img/salon/staff_img.gif) no-repeat left top; background-size:38%;}
.staff_box .text p.mds{font-size:18px; margin:7px 0 7px 16px;}
.staff_box .text p.mds span{width:auto; height:30px; margin-right:7px; padding:0 5px; border:solid 1px #433328; box-sizing:border-box; font-size:11px; text-align:center; display:inline-block;}
.staff_box .text p.capture{margin-top:10px;}
.staff_box .text p.capture:after{ content:'…';}
.staff_box .text a{font-size:12px; line-height:170%; margin:-10px 0 0 14px; display: block; font-family:"Noto Sans", sans-serif; font-weight:400;color:#7c7c7c; text-decoration:underline;}
.staff_box .btn{width:70%; height:auto; margin:16px auto 0; background:#9e7a52; border-radius:15px;}
.staff_box .btn a{display:block; text-align:center; color:#FFFFFF; padding:10px 0 8px; font-size:11px;}
/*全店舗エステティシャン一覧*/
.staff_box.mini{float:left; width:50%; height:auto; margin:20px auto 0; padding:0; background:none;}
.staff_box.mini:nth-child(odd){float:right;}
.staff_box.mini .text{width:100%; min-height:62px; height:auto; margin:auto; padding-top:132px; padding-left:0; background: url(../img/salon/staff_img.gif) no-repeat left top; background-size:70%; background-position:center top;}
.staff_box.mini .text p.mds{font-size:13px;}
.staff_box.mini .text p.mds span{height:24px; margin-right:5px;}
.staff_box.mini .btn{width:85%; margin:10px auto 0; background:#9e7a52; border-radius:15px;}
/*個人毎の詳細ページ*/
.staff_box .text+p.capture{margin-top:0px;}
.staff_box .comment_box{width:90%; height:auto; margin:20px auto; padding:10px 4%; border:solid 2px #e6ddd0; box-sizing:border-box; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.staff_box .comment_box h4{color:#c1af95; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:15px;	text-align:left; margin:5px 0 10px;}
.staff_box .comment_box p{width:100%; font-size:12px; line-height:170%; margin:0;}
.staff_box .comment_box p a{color:#896731; text-decoration:underline; font-family:"Noto Sans", sans-serif; font-weight:400;}
.staff_box ul.imgList{margin:20px auto; padding: 0px 20px;}
.staff_box ul.imgList li{float:left; width:47%; line-height:140%;}
.staff_box ul.imgList li:nth-child(even){float:right;}
.staff_box ul.imgList a{background: url('../../layout/img/menu-category/course/free/bg_arrow.png') no-repeat left top 3px; margin-top:5px; display:block; font-size:12px; padding-left:17px; text-decoration:underline; color:#65380b; font-family:"Noto Sans", sans-serif; font-weight:400;}
.staff_box ul.imgList a+p{width:100%; font-size:10px; font-family:"Noto Sans", sans-serif; font-weight:400; line-height:140%; margin:5px 0 0;}

/*** ⑤ビフォーアフター ***/
#beforeafter{}
/*h3*/
#beforeafter h3 span{display:inline-block; background:#fff; color:#433329; padding:3px 7px; margin-right:7px; border-radius:10px; position:relative; top:-2px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:11px; letter-spacing:0.06em;}
#beforeafter h3 span.pickup{background:#c19537; color:#fff; margin-right:4px;}
/*ピックアップBeforeAfter*/
#beforeafter .pickup_ba{}
#beforeafter .pickup_ba ul{width:90%; height:auto; margin:15px auto; display:flex; flex-wrap:wrap; justify-content:space-around;}
#beforeafter .pickup_ba ul li:first-child{width:20vw; height:20vw; box-sizing:border-box; padding-top:3.5vw; border-radius:2.5vw; display:block; background:#b11124; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:6vw; text-align:center;}
#beforeafter .pickup_ba ul li:first-child span{display:block; margin-bottom:8px; font-size:4vw; letter-spacing:0.5em; text-indent:0.5em;}
#beforeafter .pickup_ba ul li:first-child span.mini{margin:0 0 0 -12.5%; font-size:6vw; letter-spacing:-0.04em; text-indent:0; transform:scale( 0.8 , 1 ); width:125%;}
#beforeafter .pickup_ba ul li:last-child{min-width:62vw; width:auto; height:auto; padding-top:1%;}
#beforeafter .pickup_ba ul li:last-child p{width:100%; height:auto; margin:0; color:#b11124; font-family:"Noto Sans", sans-serif; font-weight:500;}
#beforeafter .pickup_ba ul li:last-child p:last-child{margin-top:8%;}
#beforeafter .pickup_ba ul li:last-child p span{display:inline-block; position:relative;}
#beforeafter .pickup_ba ul li:last-child p .cate{font-size:5vw; width:22vw; text-align:center;}
#beforeafter .pickup_ba ul li:last-child p .suuchi{font-size:10vw; top:1vw; width:auto; padding:0 0.5vw; text-align:center;}
#beforeafter .pickup_ba ul li:last-child p .tanni{font-size:7vw; top:1vw; text-indent:0.15em;}
#beforeafter .pickup_ba ul+img{width:80%; height:auto; margin:15px auto; display:block;}
#beforeafter .pickup_ba ul+img+.change{width:80%; font-size:3vw;}
#beforeafter .pickup_ba a.btn{display:block; width:80%; height:auto; margin:20px auto; padding:12px 0; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f8 60%, #ededed 90%, #dadada 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#ededed 90%,#dadada 100%); background:linear-gradient(to bottom, #ffffff 0%,#f8f8f8 60%,#ededed 90%,#dadada 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); border:solid 1px #dddddd; border-radius:5px; color:#211612; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3vw; line-height:1.7; text-align:center; position:relative;}
#beforeafter .pickup_ba a.btn:after {content:'>'; display:block; position:absolute; font-size:4vw; top:30%; right:4%;}
/*注意事項*/
#beforeafter .attention{width:90%; height:auto; padding:10px auto; margin:auto auto 30px; background:#f3f3f3;}
#beforeafter .attention p{width:90%; height:auto; padding:0 0 10px; font-size:11px; line-height:160%; display:block;}
#beforeafter .attention p b{font-family: 黎ミン B; font-size:13px; display:block; padding:10px 0 7px; text-indent: -0.7em;}
#beforeafter .attention p b:before{content:'【'; margin-left:2px;}
#beforeafter .attention p b:after{content:'】'; margin-right:2px;}
/*一覧サムネイル*/
#beforeafter ul.reportList li div.textContent p.strong{width:100%; line-height:100%;}
#beforeafter ul.reportList li div.textContent dl.result dt{padding:0 0 0 4px; background:none; border:none; font-family:"Noto Sans", sans-serif; font-weight:400; }
#beforeafter ul.reportList li div.textContent dl.result dd{display:inherit; padding:0;}
/*通われているサロン*/
.salonInfo .reposalon{width:90%; height:auto; margin:auto; padding:10px 10px 20px; border:solid 4px #d0ba9e; box-sizing:border-box;}
.salonInfo .reposalon h3{width:auto; height:44px; padding-top:15px!important; background:url(../../../layout/img/beautyrepo/salon_titlebg.jpg) no-repeat center #fff!important; font-family:"Noto Sans", sans-serif; font-weight:400;!important; font-size:17px!important; text-align:center; letter-spacing:0.06em; box-sizing: border-box;}  
.salonInfo .reposalon h4{width:auto; height:auto; margin:10px auto; color:#bd8c2e; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:15px; text-align:center;}
.salonInfo .reposalon p{width:100%; height:auto; margin:10px auto; padding:12px 12px 12px 20px; box-sizing:border-box; background:#fef8f1; font-size:12px; line-height:170%;}
.salonInfo .reposalon p b{margin-left:-8px;}
.salonInfo .reposalon p a.tel{margin-left:0; color:#000; text-indent:1em; display:block;}
.salonInfo .reposalon p a.tel:before{content:'☎ ';}
.salonInfo .reposalon a{width:auto; height:auto; margin-left:20px; color:#545352; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px; text-decoration:underline;}
.salonInfo .reposalon a:before{content:'>>'; margin-left:-10px;}

/********************************/
/***　その他、期間限定掲載
/********************************/
/*** 烏丸店、名駅店、栄店営業時間変更 ***/
.holiday{width:100%; height:auto; display:table; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11.3px; line-height:1.7; margin:20px auto; padding:1.4% 2% 1.8%; background:#fff3f1;}
div.holiday b {color:#c51534; display:block; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:15px; text-align:center; margin-bottom:0;}
div.holiday b::before{content:"●"; padding-right:2px;}
div.holiday b::after{content:"●"; padding-left:2px;}
div.holiday p{width:95%; text-align:left!important; margin:0 auto!important;}
div.holiday span.huto{font-family:"Noto Sans", sans-serif; font-weight:500;}
div.holiday span.kasen{text-decoration:underline;}
div.holiday span.center{display:block; text-align:center;}
div.holiday td{line-height:2;}


/*** 梅田店の予約状況banner ***/
/*.salonInfo .umeda_yoyaku{width:100%; height:auto; background:url(../img/salon/osaka/umeda/banner_maninorei_umeda201806.jpg) center; background-size:cover;}*/
.salonInfo .umeda_yoyaku h4{padding:24px 0 15px; color:#2878da; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:15px; text-align:center;}
.salonInfo .umeda_yoyaku p{width:90%; margin:0 auto; color:#373737; font-family:"Noto Sans", sans-serif; font-weight:300; font-size:12px; line-height:20px;}
.salonInfo .umeda_yoyaku p a{color:#3d7adf; font-family:"Noto Sans", sans-serif; font-weight:400; text-decoration:underline;}
/*難波店へ*/
.salonInfo .umeda_yoyaku{width:90%; height:auto; margin:0 auto; padding:0 5% 25px; background:#f0f8ff; }
.salonInfo .umeda_yoyaku h4:before{content:'＼attention／'; display:block; font-size:10px; margin-bottom:10px; letter-spacing:0.08em;}
.salonInfo .umeda_yoyaku p+a{width:80%; height:40px; margin:20px auto; display:block; background:#6a98d4; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:13px; line-height:40px; text-align:center; letter-spacing:0.06em; border-radius:5px; border:solid 1px #6a98d4; box-sizing:border-box; box-shadow:0 0 8px #61656d;}
/*心斎橋店または難波店へ*/
.salonInfo .umeda_yoyaku ul{display:table; width:auto; height:auto; margin:0 auto;}
.salonInfo .umeda_yoyaku ul li{width:94%; height:auto; margin:20px auto; background:#fff; box-shadow:0 0 8px #8caeec; box-sizing:border-box;}
.salonInfo .umeda_yoyaku ul li a {display:block;}
.salonInfo .umeda_yoyaku ul li a img{width:100%; margin:0;}