/*========================================
AREA
=======================================*/
#areaHead h1 {font-size: 16px;padding:1%;margin-bottom: 12px;color: #fff;background: -webkit-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -moz-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -webkit-linear-gradient(135deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(135deg, #57cfb0, #2ab5d3); background: linear-gradient(-45deg, #57cfb0, #2ab5d3);}
#areaHead h1.areaAbout {font-size: 20px;}
#areaHead h2,
#areaListPage h1
{font-size: 24px;padding:2%;color: #fff;background: -webkit-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -moz-linear-gradient(-45deg, #57cfb0, #2ab5d3); background: -webkit-linear-gradient(135deg, #57cfb0, #2ab5d3); background: -o-linear-gradient(135deg, #57cfb0, #2ab5d3); background: linear-gradient(-45deg, #57cfb0, #2ab5d3); margin-bottom: 15px;border-radius: 4px;}
#areaHead h2.areaPickUp {color: #fff; background:#FF888A url("../img/icon-areaRec.png");background-repeat: no-repeat, no-repeat; background-size: 22px auto; background-position: 8px 7px; padding: 6px 10px 5px 33px; border-radius: 4px; font-size: 16px;margin: 0 0 2%}
#areaHead .Cnt,
#areaListPage .Cnt{padding:4% 2%; font-size: 14px;}
#areaHead .areaTxt {border-radius: 4px; background:#f7f7f7; padding:2% 2%;margin-bottom: 20px;} 
.loading {width: 270px; margin: 20px auto; text-align: center;}
.loading img {width: 100%;}

/* reaListPage */
#areaListPage .Cnt .Block {box-sizing: border-box;border: 2px solid #E7E7E7;border-radius: 6px;padding: 2%;margin-bottom: 4%;}
#areaListPage .Cnt .Block h2 {}
#areaListPage .Cnt .Block h3 { background: #00B9B9 url("../img/icon-areaWhite.png") no-repeat; background-size: 20px auto; background-position: 5px 50%; padding: 4px 10px 5px 29px; border-radius: 4px; font-size: 18px;border: none;color: #fff;}
#areaListPage .Cnt .Block ul {overflow: hidden;display: flex;justify-content:flex-start;flex-wrap: wrap;margin-bottom: 2%;}
#areaListPage .Cnt .Block ul a {width: 48%;margin: 0 1% 1%; text-align: center;border: #eee solid 1px;border-radius: 6px;box-sizing: border-box;padding: 10px 5px;font-size: 14px;height: 40px;font-weight: bold;color: #fff; background: #63cde2; background: -moz-linear-gradient(top, #63cde2 50%, #5ab7ce 50%, #63cde2 100%); background: -webkit-linear-gradient(top, #63cde2 50%,#5ab7ce 50%,#63cde2 100%); background: linear-gradient(to bottom, #63cde2 50%,#5ab7ce 50%,#63cde2 100%); transition: .4s;}
#areaListPage .Cnt .Block ul a:hover {opacity: 0.8;transition: .4s;}
@media screen and (max-width: 800px) {
#areaListPage .Cnt .Block ul a {font-size: 11px;}
}

/* linkSalon */
.linkSalons {}
.linkSalons .salonInfo{margin:0 auto 30px; width: 100%;box-sizing: border-box; padding: 2%;border-radius: 4px; color: #666;position: relative;overflow: hidden;background: #f7f7f7;}
.linkSalons .salonInfo a {color:#292929;}
.linkSalons .salonInfo h3 {font-size: 18px;line-height: 1.4; border: none; padding:0;margin-bottom: 5px;background: #0cb2ba;}
.linkSalons .salonInfo h3:before,
.linkSalons .salonInfo h3:after {content:"";display:block;height:3px;width:100%;background:-webkit-gradient(linear, left top, right bottom, from(#57cfb0), to(#2ab5d3));background:-moz-linear-gradient(left, #57cfb0, #2ab5d3);background:linear-gradient(left, #57cfb0, #2ab5d3);}
.linkSalons .salonInfo h3 a {color:#57cfb0;}
.linkSalons .salonInfo h3 a:hover {text-decoration: underline;}
.linkSalons .salonInfo h3 .name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    
.linkSalons .heading {position: relative;overflow: hidden; margin-bottom: 10px;}
.linkSalons .heading .salonPhoto {float: left; width: 25%; overflow: hidden;line-height: 0; position: relative;}
.linkSalons .heading .salonPhoto img {width: 100%; height: auto;display: inline-block; line-height: 0;border-radius: 4px;box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);border: 3px solid #0cb2ba;box-sizing: border-box;}
.linkSalons .heading .salonPhoto .closeIcon {position: absolute; max-width: 150px; max-height: 76px; margin: auto auto; top:0; bottom:0;left: 0; right: 0;}
.linkSalons .heading .salonPhoto .closeIcon img {width: 100%; height: auto;border: none;}
.linkSalons .heading .salonPhoto .totalNum {box-sizing: border-box; padding: 2%; background: #0cb2ba; color: #fff; text-align: center; line-height: 1.4; border-radius: 4px; margin-top: 2%; font-weight: bold;}
.linkSalons .heading .salonPhoto .totalNum span {font-size: 140%;color:rgba(255,249,121,1.00); animation: flash 2s linear infinite;}
@keyframes flash {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}

.linkSalons .heading .salonName { float: right; width: 73%;overflow: hidden}
.linkSalons .salonInfo .salonFlag {overflow: hidden; font-weight: bold;}
.linkSalons .salonInfo .type { float: left; text-align: center;font-size: 10px; background: #C8C8C8; color:#2B2B2B; padding: 1px 2px; border-radius: 2px; margin: 0 4px 4px 0;border: 1px solid #CCCCCC;}
.linkSalons .jenre-1, .linkSalons .jenre-2, .linkSalons .jenre-3, .linkSalons .jenre-4, .linkSalons .jenre-5, .linkSalons .jenre-6, .linkSalons .jenre-7, .linkSalons .jenre-8, .linkSalons .jenre-9, .linkSalons .jenre-10, .linkSalons .jenre-01, .linkSalons .jenre-02, .linkSalons .jenre-03, .linkSalons .jenre-04, .linkSalons .jenre-05, .linkSalons .jenre-06, .linkSalons .jenre-07, .linkSalons .jenre-08, .linkSalons .jenre-09, .linkSalons .jenre-010 { float: left; text-align: center;font-size: 10px; padding: 1px 2px; border-radius: 2px; border: 1px solid #CCCCCC; margin: 0 4px 4px 0;}
.linkSalons .jenre-1, .linkSalons .jenre-01,
.linkSalons .jenre-2, .linkSalons .jenre-02,
.linkSalons .jenre-3, .linkSalons .jenre-03,
.linkSalons .jenre-4, .linkSalons .jenre-04,
.linkSalons .jenre-5, .linkSalons .jenre-05,
.linkSalons .jenre-6, .linkSalons .jenre-06,
.linkSalons .jenre-7, .linkSalons .jenre-07,
.linkSalons .jenre-8, .linkSalons .jenre-08,
.linkSalons .jenre-9, .linkSalons .jenre-09,
.linkSalons .jenre-10, .linkSalons .jenre-010 {background: #FFE668;color: #000; border: 1px solid #FFC600}
.linkSalons .heading .salonName .name {display: block;padding: 5px 5px;box-sizing: border-box;color: #fff;}
.linkSalons .heading .salonName dl{display: table; overflow: hidden;position: relative;margin-bottom: 2px; font-size: 12px; height: 18px;width: 100%; padding:5px 0 5px 0;}
.linkSalons .heading .salonName dl dt{display: table-cell;width: 25%;vertical-align: top;}
.linkSalons .heading .salonName dl dt img{width: 20px;position: absolute;top: calc(50% - 11px);}
.linkSalons .heading .salonName dl dt span {padding-left: 25px;}
.linkSalons .heading .salonName dl dd{display: table-cell;width: 75%;vertical-align: top;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.linkSalons .heading .salonName dl dd span, .imp {font-size: 140%; font-weight: bold; color:#D91417;line-height: 1;letter-spacing: 1px;}
.linkSalons .heading .callBtn {position: absolute; width: 70px; height: 70px; bottom: 0; right: 0;}
.linkSalons .heading .callBtn img {width: 100%; height: auto;}
.linkSalons .salonPhoto .jenre {font-size: 12px; text-align: center; font-weight: bold;width: 40px; height: 20px;color: #fff; padding: 15px 5px;position: absolute; top: -18px;right: -25px; border-radius: 50%;box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);background: -moz-radial-gradient(center, ellipse cover, #53b9ac 0%, #4caa99 100%);background: -webkit-radial-gradient(center, ellipse cover, #53b9ac 0%,#4caa99 100%);background: radial-gradient(ellipse at center, #53b9ac 0%,#4caa99 100%);}
.linkSalons .serviceInfo {overflow: hidden;}
.linkSalons .serviceInfo{overflow: hidden;position: relative;display: table;margin-bottom: 5px; font-size: 12px; width: 100%; border-bottom: 1px solid #C3C3C3; padding: 5px 0;}
.linkSalons .serviceInfo dt{display: table-cell;width: 20%;vertical-align: middle;}
.linkSalons .serviceInfo dt img{width: 20px;position: absolute;top: 3px;}
.linkSalons .serviceInfo dt span {padding-left: 25px;line-height: 2}
.linkSalons .serviceInfo dd{display: table-cell;width: 80%;vertical-align: middle;}
.linkSalons .serviceInfo .tag{padding: 0 5px 0 20px;box-sizing: border-box; font-size: 10px; font-weight: bold; height: 25px; line-height: 25px; background: #E8E8E8 url(../img/icon-ok.png) no-repeat; background-size: 15px; background-position: 2px 45%; border: #eee solid 1px; color: #666; border-radius: 3px;float: left; width: auto; margin:-4px 5px 8px 0;}
.linkSalon li .Photo {width: 100%;}
.salonBtns {overflow: hidden;}
.discountBtn {width: 98%;overflow: hidden;background: #e4bb53;background: -moz-linear-gradient(top, #e4bb53 0%, #fccd4d 50%, #9c6a33 51%, #e4bb53 100%); background: -webkit-linear-gradient(top, #e4bb53 0%,#fccd4d 50%,#9c6a33 51%,#e4bb53 100%);background: linear-gradient(to bottom, #e4bb53 0%,#fccd4d 50%,#9c6a33 51%,#e4bb53 100%); display: block;padding: 1%; margin-top: 15px;}
.discountBtn.Hv:hover {opacity: 0.8;}
.discountBtn .block {background:url(../img/bg-coupon.jpg); margin:0; width: 100%; padding: 0; overflow: hidden;height: 60px;}
.discountBtn .photo {float: left; width: 22%; overflow: hidden;}
.discountBtn .photo img {width: 100%;}
.discountBtn .details {width: 70%; float: left;}
.discountBtn .arrow{ width: 8%; float: right; background-size: 23px 43px; background: url(../img/arrow-white.png) #D54143 no-repeat; background-position: 50% 50%;height: 60px;padding:0;}
.discountBtn .block .headTxt{ background:#E8E8E8;font-size: 12px; padding: 5px 5px 3px; font-weight: bold;}
.discountBtn .leftTxt {float: left; width:48%;font-weight: bold; padding:8px 0 0 2%;font-size: 17px;}
.discountBtn .rightTxt {float: right;width:48%;font-weight: bold;padding: 18px 2% 0% 0; line-height: 0; text-align: right;font-size: 17px;}
.discountBtn .rightTxt span{color:#D54143;font-size: 26px;}
.linkSalons .adminComment {padding:5px; margin-bottom: 10px; font-size: 14px; background:#F5EDED;}
.linkSalons .adminComment h4 {background:url(../img/icon-adminComment.png) #fff no-repeat; background-size: 16px auto; background-position: 5px 49%; padding:6px 5px 5px 25px; width: 90px;line-height: 1;margin-bottom: 5px;}
.linkSalons .adminComment .txt {}
.linkSalons .adminComment .txt p{margin-bottom: 0;font-size: 12px;}

@media screen and (max-width: 800px) {
.areaHead {width: 99%;}
#areaHead h1 {font-size: 14px;margin-bottom: 8px;}
#areaHead h2 {font-size: 18px;margin-bottom: 0;border-radius: 0;}
#areaHead .Cnt {padding: 4% 4% 2%;}
#areaHead .Cnt {padding: 0; border-radius: 0;}
#areaHead .areaTxt {padding: 2% 1%;border-radius: 0;width:100%;margin:0 auto 10px;box-sizing: border-box;}
#areaHead .areaTxt .setTxt {width:100%;font-size: 12px;}
#areaHead .areaTxt .setTxt p {margin-bottom: 8px;}
#areaHead .areaTxt .setTxt p:last-child {margin-bottom: 0;}
.loading {width: 100%; margin: 20px auto; text-align: center;}
.loading img {width: 100%;}
.linkSalons {min-height: 10px;}
.linkSalons .salonInfo{margin:0 auto 10px;border-bottom: 5px solid #fff; width: 100%; padding: 4%;border-radius: 0; color: #666;position: relative;overflow: hidden;}
.linkSalons .salonInfo a {color:#292929;}
.linkSalons .salonInfo h3 {font-size: 16px;line-height: 23px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.linkSalons .heading {margin-bottom: 5px;}
.linkSalons .heading .salonName .name {padding: 1px 5px;}
.linkSalons .heading .salonPhoto {float: left; width: 24%;}
.linkSalons .heading .salonPhoto .closeIcon {position: absolute; width: 90%; max-height: 76px; margin: auto auto; top: 28%; bottom:0;left: 0; right: 0;}
.linkSalons .heading .salonPhoto .totalNum {font-size: 8px;padding: 2% 2px;margin-top: 5%}
.linkSalons .heading .salonName { float: right; width: 74%;}
.linkSalons .heading .salonName dl{margin-bottom: 2px; font-size: 10px; height: 10px;width: 100%; padding:5px 0 5px 0;}
.linkSalons .heading .salonName dl.salonAreas{height: auto;width: 80%; padding:5px 0 5px 0;}
.linkSalons .heading .salonName dl dt{ width: 22px;}
.linkSalons .heading .salonName dl dt img{width: 16px;}
.linkSalons .heading .salonName dl dt span {padding-left: 18px;}
.linkSalons .heading .salonName dl dd{width: calc(100% - 22px);line-height: 1.2;}
.linkSalons .heading .callBtn {width: 40px; height: 40px; top: 45px; right: 0; z-index: 1;}
.linkSalons .heading .callBtn img{width: 40px;height: auto;float: right;line-height: 1;}
.linkSalons .salonInfo .salonFlag {width: 80%}
.linkSalons .serviceInfo {overflow: hidden;}
.linkSalons .serviceInfo dl{height: auto;font-size: 10px;width: 100%; border-bottom:none; margin-bottom: 0; padding: 5px 0 0;}
.linkSalons .serviceInfo dl dt{ display: none;}
.linkSalons .serviceInfo dl dt img{width: 20px;position: absolute;top: 3px;}
.linkSalons .serviceInfo dl dt span {padding-left: 25px;}
.linkSalons .serviceInfo dl dd{ float:none; width: 100%;}
.linkSalons .serviceInfo .tag{padding: 0 5px 0 20px; font-size: 9px; font-weight: bold; height: 20px; line-height: 20px; background: #E8E8E8 url(../img/icon-ok.png) no-repeat; background-size: 15px; background-position: 2px 45%; margin: 0px 5px 5px 0;}
.linkSalon li .Photo {width: 100%;}
.salonBtns {overflow: hidden;}
.discountBtn {width: 100%; float: none;}
.discountBtn .block { margin: 0; width: 98%; padding: 0;}
.discountBtn .details {width: 94%;}
.discountBtn .arrow{background-size: 11.5px 21.5px;width: 6%;padding: 5px 0 0;}
.discountBtn .photo {display: none;}
.discountBtn .headTxt{font-size: 10px; padding: 3px 5px 2px;}
.discountBtn .leftTxt {width:52%;padding:11px 0 0 2%; font-size: 12px}
.discountBtn .rightTxt {width:42%;padding: 18px 2% 0% 2%; line-height: 0;}
.discountBtn .rightTxt span{color:#D54143;font-size: 20px;}
}
@media screen and (max-width: 360px) {
.discountBtn .leftTxt {width:52%;padding:13px 0 0 2%; font-size: 10px}
.discountBtn .rightTxt {width:42%;padding: 18px 2% 0% 2%; font-size: 10px;}
.discountBtn .rightTxt span {color: #D54143;font-size: 18px;}
}


.linkSalons .adminComment {padding:2%; margin-bottom: 10px; font-size: 12px;}
.linkSalons .adminComment .upper {overflow: hidden;margin-bottom: 2px;}
.linkSalons .adminComment h4 {width: 90px;font-size: 12px; float: left;}
.linkSalons .adminComment .eval {overflow: hidden; float: right; padding:0;font-size: 12px;min-width: 160px;margin-top: 4px;}
.linkSalons .adminComment .eval dl {width: 100%; /*overflow: hidden;*/}
.linkSalons .adminComment .eval dl dt {float: left; width: 40%;font-weight: bold;}
.linkSalons .adminComment .eval dl dd {float: right; width: 60%;font-weight: bold;}
.linkSalons .adminComment .eval dl dd span {color: #EC3B3E; font-size: 18px; padding-right: 5px;line-height: 0;}
.linkSalons .adminComment .eval dl dd img {width: 15px; height: auto; margin-right: 1px; line-height: 1;}

/* linkArea */
.linkArea {overflow: hidden;}
.linkArea a {float: left; width: 44%; text-align: left; margin:0 0 10px; overflow: hidden; padding:10px 2%;}
.linkArea a:nth-child(2n) { float:right;}
.linkArea a li {padding: 0 0 0 30px; color: #fff; font-size: 14px; font-weight: 700;}
@media screen and (max-width: 800px) {
.linkSalons .adminComment {font-size: 10px;}
.linkSalons .adminComment h4 {width: 74px;font-size: 10px;margin-top: 1px;}
.linkSalons .adminComment .eval {margin-top: 2px;}
.linkSalons .adminComment .eval dl dt {line-height: 1.8}
.linkArea a {float: left; width: 100%;box-sizing: border-box; text-align: left; margin:0 0 10px; overflow: hidden; padding:10px 2%;}
.linkArea a:nth-child(2n) { float:left;}
}


/*========================================
areaKuchikomi
=======================================*/
.areaKuchikomi {overflow: hidden; margin: 10px 0;position: relative; padding:10px 2%;background: #fff; border: #eee solid 2px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #666;border-radius: 4px;}
.areaKuchikomi .block {overflow: hidden;}
.areaKuchikomi .photo {float: left;width: 100px;height: 100px;border-radius: 50%;line-height: 1;overflow: hidden;border: 2px solid #95D9D0;position: relative;}
.areaKuchikomi img {width: 100%; height: auto;display: inline-block;line-height: 0;}
.areaKuchikomi .icon {position: absolute;width: 120px;line-height: 1;z-index: 1;top: 50px;left: 0%;}
.areaKuchikomi .txt { float: right; width: 82%;font-size: 12px;}
.areaKuchikomi a {color:#292929;}
.areaKuchikomi .latestTitle {border-left: none;color:#0cb2ba;font-size: 17px; line-height: 1.2; margin-bottom: 10px;padding: 0;font-weight: bold;letter-spacing: 0.5px;}
.areaKuchikomi .date {float: left;margin-right: 10px;}
.areaKuchikomi .date span{float: left; background:#00A49D url(../img/icon-vote.png); background-position: 5px 50%; background-repeat: no-repeat; background-size: 16px auto; color: #fff; text-align: left; padding: 3px 5px 2px 25px; border-radius: 6px; margin-bottom: 5px; font-weight: bold;font-size: 12px;}
.areaKuchikomi .comment {font-size: 14px;overflow: hidden; position: relative;margin: 0; border: 0; padding: 0; width: 100%;}
.areaKuchikomi .eval {overflow: hidden; width: 100%; margin: 0 auto 2px; padding:0;font-size: 13px;}
.areaKuchikomi .eval dl {width: 100%; /*overflow: hidden;*/}
.areaKuchikomi .eval dl dt {float: left; width: 18%;font-weight: bold;}
.areaKuchikomi .eval dl dd {float: left; width: 32%;font-weight: bold;}
.areaKuchikomi .eval dl dd span {color: #EC3B3E; font-size: 18px; padding-right: 5px;line-height: 0;}
.areaKuchikomi .eval dl dd img {width: 15px; height: auto; margin-right: 1px; line-height: 1;}
.areaKuchikomi .shortComment {font-size: 12px;}
.areaKuchikomi .read { background:rgba(255,140,142,.80);position: absolute; width: 150px; height: 20px; text-align: center; padding: 5px; border-radius: 6px; color: #fff;top: 20%;left: 0;right: 0;bottom: 0;margin:auto; letter-spacing: 0.1px; font-weight: bold; font-size: 14px;box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255,255,255,0.8) ;}
.areaKuchikomi .viewMoreBtn {border-radius: 4px;margin:  8px auto;box-sizing: border-box;}
@media only screen and (min-width:801px) and (max-width:989px) {
.areaKuchikomi .photo {float: left;width: 86px;height: 86px;}
.areaKuchikomi .txt { float: right; width: 78%;font-size: 12px;}
.salonLinkBtn{width: 96%; text-align: center; margin:10px 2% 20px;}
}
@media screen and (max-width: 800px) {
.areaKuchikomi {margin:0 auto 0; width: 100%;}
.areaKuchikomi .latestTitle {font-size: 14px;margin-bottom: 3px; line-height: 1.4;}
.areaKuchikomi .photo {float: left;width: 60px;height: 60px;border-radius: 50%;line-height: 0;}
.areaKuchikomi .photo img {line-height: 0;}
.areaKuchikomi .txt { float: right; width: 78%;font-size: 12px;}
.areaKuchikomi .icon {position: absolute;width: 80px;line-height: 1;z-index: 1;top: 55px;left: 0%;}
.areaKuchikomi .eval {padding: 4px 0 0 0;font-size: 13px;}
.areaKuchikomi .eval dl dt {font-size: 10px;width: 24%;}
.areaKuchikomi .eval dl dd {width: 26%; line-height: 1;}
.areaKuchikomi .eval dl dd img {width: 9px; margin-right: 0;}
}

.therapistListTable {display:table; width:100%; margin:0 0 20px; padding:0;background:#fff;}
.therapistListTable li {display:table-cell; width:25%; position: relative; border:3px solid #fff; list-style:none;box-sizing:border-box;vertical-align: middle;}
.therapistListTable li a {display: grid;}
.therapistListTable li .photo {border: 3px solid #fff; position: relative; min-height: 200px;}
.therapistListTable li .photo.last {position: relative; min-height: 200px;background: url(../img/bg-linkTxt.jpg) repeat;border:none;}
.therapistListTable li .photo.last img {opacity: 0;}
.therapistListTable li .photo.Hv:hover {opacity: 0.7;}
.therapistListTable li .name {position: absolute;width: 100%;text-align: center; color: #fff; background: url(../img/grad-01.png); bottom: 0; padding: 30px 0 10px;font-weight: bold;}
.therapistListTable li .name .fs-90 {font-weight: normal;font-size: 80%}
.therapistListTable li .linkTxt {position: absolute;top:0;bottom:0; left:0;right:0;width: 100%; height: 100%; text-align: center; background:#fff;}
.therapistListTable li .linkTxt a {font-weight: bold; position: relative; top:37%; text-decoration: underline; color: #FC5267}
.therapistListTable li img {width: 100%;height: auto;}

.grad-btn { background:rgba(12,178,186,.90);position: absolute; width: 150px; height: 20px; text-align: center; padding: 5px; border-radius: 6px; color: #fff;left: 0;right: 0;bottom: 10%;margin:auto; letter-spacing: 0.1px; font-weight: bold; font-size: 14px;z-index: 1;cursor: pointer; box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255,255,255,0.8);}
.grad-item { position: relative; overflow: hidden; height: 100px;}
.grad-item::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); content: "";}
.grad-trigger { display: none;}
.grad-trigger:checked + .grad-btn { display: none;}
.grad-trigger:checked ~ .grad-item { height: auto;}
.grad-trigger:checked ~ .grad-item::before { display: none;}
.noteBtn{color: #EE3135; text-align: center; margin: 0 auto;width: 80%}
.noteBtn a {color:#0095D0; text-decoration: underline}
.adsFixedFooter {display: none;}

.switchSalonType {width: 100%;margin: 0 auto 3%;overflow: hidden;}
.switchSalonType .swBtn {box-sizing: border-box;width: 60%; padding: 8px 10px;text-align: center;font-weight: bold;color: #fff;background:#E9999A url("../img/arrow-white.png") 96% 50% no-repeat;background-size:14px auto;margin: 0 auto;border-radius: 4px;}
@media screen and (max-width: 800px) {
.switchSalonType .swBtn{width: 68%; margin: 2% auto;font-size: 12px;background-size: 8px; line-height: 1.2;}
}

.bnrExp {margin: 0 auto 2%;max-width: 600px;width: 60%;}
.bnrExp img {width: 100%;height: auto; line-height: 1;}
@media screen and (max-width: 800px) {
.bnrExp {margin: 0 auto 2%;width: 90%;}
}