@charset "utf-8";
.panel { word-wrap: break-word; word-break: break-all; }
.list-none {list-style: none;padding-left: 0;}
#salon_photo .swiper-container ul .ttl { font-size: 1.2em;font-weight: bold;margin-bottom: .5em;margin-top: .5em; color: #eb8257;}
#salon_photo .salon-images h4, #salon_commitment .salon-images h4 {font-size: 16px; color: #EB8257;}
#review .admin-comment-main {margin-bottom: 1em;}
#review .admin-comment-main .date::before {content: "投稿日："}
#review .usericon + div {width: 100%;}
#review .usericon .p-icon--large { top: 0.1em; width: calc(3.2em + 0px) !important; height: calc(3.2em + -10px) !important; margin-right: 0!important; }
#review .usericon .p-icon--large.p-icon { position: relative; display: inline-block; width: 1em; height: 1em; font-size: 1.3em; }
#review .usericon .p-salon-review-user__icon--human { color: #a4996d; fill: #a4996d; }
#review h4.review_ttl {font-size: 1.6rem;border-bottom: dashed 1px #ddd;}
#recom-menu h4 {border-bottom: solid 3px #e5dcca;padding-bottom: .2em;}
#recom-menu .panel-list {border-top: #d6d2ca 1px solid;}
#recom-menu .result-panel-ranking .salon-menu-title { padding-left: 10px; }
#recom-menu .result-panel-ranking .badge.ranking { left: 0; }
.p-button-coupon-detail,
.p-button-coupon-detail:hover,
.p-button-coupon-detail:active,
.p-button-coupon-detail:focus {
  color: #6b9cd6;
}
#voice .ttl {margin: 1em 0;}
#voice .intro ul li.step_wrap {background: #fbf9f0;margin: .3em 0;}
#voice .intro ul li.step_wrap ul {display: flex;justify-content: space-between;}
#voice .intro ul li.step_wrap a {display: block;padding-top: .5em;padding-bottom: .5em;border-radius: 5px;}
#voice .intro ul li.step_wrap ul li img {margin-bottom: 0;}
#voice .intro ul li.step_wrap ul li:first-of-type {width: 18%;text-align: center;align-self: center;font-weight: bold;}
#voice .intro ul li.step_wrap ul li:nth-of-type(2) {width: 30%;}
#voice .intro ul li.step_wrap ul li:last-of-type {width: 50%;padding-left: .5em;align-self: center;}
#staff ul li .staff_name span.kana {font-size: 1.2rem;}
#staff .staff ul li {padding: .5em 0;}
#staff .staff > div {overflow: hidden;}
#staff .staff .skill::before {font-family: 'FontAwesome';content: "\f004";margin-right: .3em;}
#staff .staff .staff_blog::before {font-family: 'FontAwesome';content: "\f0f6";margin-right: .3em;}
#staff .staff li.position > span, .staff .position > span  {background: #ac9285;color: #fff;padding: .2em 1em;border-radius: 20px;display: block;font-size: 85%;float: left;}
#staff .staff .staff_name, #staff .staff .skill, #staff .staff .staff_blog {clear: both;}
#staff .staff .staff_comment, #staff .staff .skill, #staff .staff .staff_blog {border-top: solid 1px #ddd;}
#staff .staff .skill, #staff .staff .staff_blog, .nowrap-box {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#access ul.panel-list {border: 0;padding: 0;}
#access ul.panel-list li {margin-bottom: 1em;display: flex;}
#access .salon_access ul li:first-of-type {align-items: center;}
#access .salon_access ul li::before {margin-right: .5em;}
#access .salon_access ul li:first-of-type::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cg%3E%3Cpath%20class%3D%27st0%27%20d%3D%27M147.238%2C207.793c21.254%2C0%2C38.489-17.227%2C38.489-38.481l14.054-147.238h-61.579l-29.444%2C147.238C108.758%2C190.566%2C125.984%2C207.793%2C147.238%2C207.793z%27%20style%3D%27fill%3A%20rgb%28235%2C%20147%2C%2085%29%3B%27%3E%3C/path%3E%3Cpath%20class%3D%27st0%27%20d%3D%27M256.005%2C207.793c21.245%2C0%2C38.48-17.227%2C38.48-38.481l-7.7-147.238h-61.571l-7.699%2C147.238C217.516%2C190.566%2C234.75%2C207.793%2C256.005%2C207.793z%27%20style%3D%27fill%3A%20rgb%28235%2C%20147%2C%2085%29%3B%27%3E%3C/path%3E%3Cpath%20class%3D%27st0%27%20d%3D%27M364.762%2C207.793c21.245%2C0%2C38.48-17.227%2C38.48-38.481L373.79%2C22.075h-61.571l14.054%2C147.238C326.273%2C190.566%2C343.5%2C207.793%2C364.762%2C207.793z%27%20style%3D%27fill%3A%20rgb%28235%2C%20147%2C%2085%29%3B%27%3E%3C/path%3E%3Cpath%20class%3D%27st0%27%20d%3D%27M460.794%2C22.075h-61.571l35.807%2C147.238c0%2C18.005%2C12.38%2C33.074%2C29.072%2C37.28v251.139h-57.991V311.838H276.564v145.893H47.898V206.592c16.694-4.205%2C29.064-19.282%2C29.064-37.28l35.815-147.238H51.198L0%2C169.312c0%2C12.717%2C6.194%2C23.954%2C15.695%2C30.959v289.654h480.61V200.272C505.807%2C193.266%2C512%2C182.03%2C512%2C169.312L460.794%2C22.075z%27%20style%3D%27fill%3A%20rgb%28235%2C%20147%2C%2085%29%3B%27%3E%3C/path%3E%3Crect%20x%3D%2799.552%27%20y%3D%27271.378%27%20class%3D%27st0%27%20width%3D%27100.39%27%20height%3D%27100.381%27%20style%3D%27fill%3A%20rgb%28235%2C%20147%2C%2085%29%3B%27%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#access .salon_access ul li span {flex: 2;}

@media (max-width:991px) {
  #salon_point ul li:not(:first-of-type) {
    width: 32%;
  }
  .point_ttl {padding-bottom: 5px;}
}

@media (max-width:767px) {
  #review .review-number.text-center{font-size: 16px; padding-bottom: 10px;}
  #review .admin-comment-main:not(:last-of-type) {border-bottom: solid 3px #eee;}
  #review .admin-comment-main .comment_wrap {display: flex;flex-direction:column-reverse;}
  #review .post_user {display: flex;align-items: center;margin-bottom: .5em;padding-bottom: .2em;}
  #review .usericon {padding-right: .5em;}
  #review .post_user .review-menu, #review .post_user ul.list-inline {font-size: 1.2rem;}
  #recom-menu .result-panel-ranking .salon-menu-title {padding: 5px 15px;margin-bottom: .5em;}
  #recom-menu .salon-images {margin-bottom: .5em;}
  #recom-menu .badge.ranking {margin-right: .5em;}
  #recom-menu .salon-btn-wrap {display: flex;justify-content: space-between;}
  #recom-menu .salon-btn-wrap div {width: 49%;}
  #recom-menu .salon-btn-wrap div a {padding: 1em 5px;font-size: 1.4rem;}
  #recom-menu .btn_area {margin-top: 1em; float: right;}
  #recom-menu .about_menu {display: flex;flex-direction: column-reverse;}
  .p-recom-menu-catch {
    display: flex;
    padding: 0;
    list-style: none;
  }
  .p-recom-menu-catch__item {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .p-recom-menu-catch__item:not(:last-of-type) {
    margin-right: 10px;
  }
  .p-recom-menu-catch__thumbnail {
    object-fit: cover;
    border-radius: 5px;
  }
  .p-recom-menu-action {
    display: flex;
    padding: 0;
    margin-right: -10px;
    margin-bottom: 0;
    list-style: none;
  }
  .p-recom-menu-action__item {
    flex: 1 1 auto;
    margin-right: 10px;
  }
  #voice .ttl  img {width: 70%;}
  #staff ul li.staff .panel-list {border: 0;}
  #staff .slideshow-container {margin-top: 2em;}
  #staff .slideshow-container .mySlides ul {display: flex;justify-content: space-around;}
  #staff .slideshow-container .mySlides ul li {width: 47%;}
  #staff .pickup_staff .staff {border: solid 3px #ddd;border-radius: 5px;padding-top: 10px;}
  #salon_point .point_ttl img {width: 220px;}
  #salon_point .hidden_box, #salon_photo .hidden_box {display: none;padding: .5em 5px 0 5px;font-size: 1.2rem;}
  #salon_point .sp_acodion {border: 1px solid #ffac5e;margin-left: 0;}
  #salon_point .sp_acodion li {width: 100% !important;border-bottom: solid 1px #ffac5e;padding-left: 0;padding-right: 0;}
  #salon_point .sp_acodion li:last-of-type {border-bottom: 0;}
  #salon_point .sp_acodion h4 {display: flex;align-items: center;margin-bottom: 0 !important;color: #ff7800;min-height: 46px;padding: 0 5px;}
  #salon_point .sp_acodion li:nth-of-type(2) h4 {border-radius: 10px 10px 0 0;}
  #salon_point .sp_acodion li:last-of-type h4:not(.active) {border-radius: 0 0 10px 10px;}
  #salon_point .sp_acodion h4.active {background: #f9f4e2;}
  #salon_point .sp_acodion li:nth-of-type(2) h4.active {border-radius: 10px 10px 0 0;}
  #color-type_a #salon_point .salon-title.panel > .panel-heading,#salon_point .sp_acodion h4.active,#salon_point .sp_acodion li:nth-of-type(2) h4.active {background-color: #ffdcbb; color:#666;border-radius:0;}
  #salon_photo .swiper-container ul {position: relative;}
  #salon_photo .swiper-container ul .ttl {font-size: 1.2rem;font-weight: bold;}
  #salon_photo .swiper-container ul li:first-of-type, #salon_photo .swiper-container ul li:nth-of-type(2) {display: inline-block;vertical-align: middle;}
  #salon_photo .swiper-container ul li:first-of-type {width: 33%;}
  #salon_photo .swiper-container ul li:nth-of-type(2) {width: 60%;padding-left: .5em;}
  #salon_photo .swiper-container ul .ttl::after {font-family: 'FontAwesome';content: "\f078";color: #EB8257;margin-left: .2em;margin-left: auto;position: absolute;right: 0;top: 42%;}
  #salon_photo .swiper-container ul .ttl.active::after {content: "\f077";color: #a7a7a7;top: 20%;}
  #salon_photo .swiper-container ul img {width: 100%;}
  #side_nav {display: none;}
  .btn-map .emoticons{
    fill: #eb8257;
  }
  .slideshow-container {
    width: 100%;
    position: relative;
    margin: auto;
  }
  .slideshow-container .mySlides, .slideshow-container .mySlides1 {display: none;}
  /* Next & previous buttons */
  .slideshow-container .prev, .slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    background-color: rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
  }
  .slideshow-container .prev {
    left: 0;
  }
  .slideshow-container .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  /* On hover, add a black background color with a little bit see-through */
  .slideshow-container .prev:hover, .slideshow-container .next:hover {
    background-color: rgba(0,0,0,0.5);
    text-decoration: none;
  }
  .slideshow-container .prev:focus, .slideshow-container .prev:hover {text-decoration: none;}
  /* Fading animation */
  .slideshow-container .fadeout {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  .salon-panel-wrap .visible-xs{
    font-size:16px;
    font-weight:bold;
  }
  .salon-panel-wrap .visible-xs address{
    font-weight:normal;
  }
  .salon-images h4{font-size:1.2rem !important;}
  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
  .fixed .sp-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    margin-top: 0 !important;
  }
  .salon-panel-wrap .sp-fixed {
    margin-top: -8px;
  }
  .fixed {
    padding-top: 42px;
  }
  .modal-open .modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
  }
  #sp-nav {
    position: relative;
    background: #c3c1bb;
    display: flex;
  }
  #sp-nav .ttl_salon + h2, #sp-nav .ttl_salon + h1 {
    display: table-cell;
    vertical-align: middle;
		width: 100%;
    font-size: 16px;
    font-weight: bold;
    white-space: initial;
  }
  #sp-nav h2,  #sp-nav h1 {
    padding: 0 15px 5px;
    margin: 0;
  }
  #sp-nav h2 small, #sp-nav h1 small{
    display: block;
    margin: 0;
    margin-top: 5px;
  }
  #sp-nav .col-xs-12{
    background: #fff;
    padding: 0;
  }
  #sp-nav address {font-size: 12px; margin: 0 0.3em;}
  #sp-nav .drawer-hamburger-richplan {
    position: relative;
    top: 0;
    color: #332824;
    background: url(/images/salon/richPlan/icon_menu.png) center center no-repeat;
    background-size: 22px 20px;
    display: block;
    font-size: 10px;
    z-index: 4;
    box-sizing: content-box;
    width: 5rem;
    padding: 30px .75rem 5px;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    border-right: solid .5px #b6a394;
    outline: 0;
    right: 0;
  }
  #sp-nav .ttl_salon {background: #fff; display: table-cell; vertical-align: middle;}
  #sp-nav .ttl_salon .salon-logo-box.company-icon {
    height: 3em;
    width: auto;
    margin: 0 0 0 15px;
    float: left;
}
  .salon-header-info {font-size: 12px;}
  .salon-header-info .info-average-cost {margin-bottom: 5px;}
  .salon-header-info .info-business-hours {float: left; margin-bottom: 5px;}
  .salon-header-info .info-access {clear: both;}
  .salon-header-info .evaluate_wrap {float: left; margin-left: 10px; margin-bottom: 5px;}
  .salon-header-info .evaluate_wrap a{text-decoration: underline; font-weight: bold;}
  .sp-salon-modal img {width: 30%;}
  .sp-salon-modal {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 10px;
    margin-top: 33px;
  }
  .sp-salon-modal .close {position: absolute;right: 10px;top: 10px;font-size: 28px;}
  .sp-salon-modal li {font-size: 16px;padding: .5em .5em;}
  .sp-salon-modal li a {display:block;}
  .sp-footer-nav {position: fixed;bottom: 0;left: 0;z-index: 1000;width: 100%;}
  #footer_nav {display: flex;margin-bottom: 0;box-shadow: 0px 0 6px rgba(85, 85, 85, 0.66);}
  #footer_nav li {flex: 1;text-align: center;}
  #footer_nav li.net {background: #947a68;}
  #footer_nav li.tell {background: #e69a65;}
  #footer_nav li a {padding: 1em .5em;display: flex;align-items: center;justify-content: center;color: #fff;}
  #footer_nav li.net a::before {
    content: "";
    background: url(/images/salon/richPlan/net_icon.svg) no-repeat;
    display: inline-block;
    width: 22px;height: 22px;
    background-size: contain;
    margin-right: .5em;
  }
  #footer_nav li.tell a::before {
    content: "";
    background: url(/images/salon/richPlan/tell_icon.svg) no-repeat;
    display: inline-block;
    width: 22px;height: 22px;
    background-size: contain;
    margin-right: .5em;
  }
  .header-wrap {margin-bottom: 0 !important;}
  #color-type_a .salon-panel-wrap {margin-bottom: 0;}
}
@media (min-width:768px) {
  #review .admin-comment-main {display: flex;}
  #review .admin-comment-main .comment_wrap {
    position: relative;
    background: #fff7dc;
    min-height: 60px;
    width: 90%;
    border-radius: 5px;
    padding: 1em;
    box-shadow: 0 2px 2px #ccc;
    margin-left: 1.5em;
  }
  #review .admin-comment-main .comment_wrap:after {
    right: 100%;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(224, 187, 38, 0);
    border-right-color: #fff7dc;
    border-width: 12px;
  }
  #review .post_user .review-menu, #review .post_user ul.list-inline {text-align: right;}
  #review .post_user ul.list-inline li:not(:last-of-type) {font-weight: bold;}
  .menulink a {font-size: 18px;}
  .slideshow-container > div {display: flex;justify-content: center;}
  .slideshow-container .mySlides, .slideshow-container .mySlides1 {padding: 1em .5em 1em .5em;border: solid 1px #dddddd;border-radius: 5px;margin: 0 .5em 1em .5em;}
  #voice .intro > ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
  #voice .intro ul li.step_wrap {width: 49%;}
  #staff ul li.staff {display: flex;}
  #staff .pickup_staff li.staff, #staff .staff_list_wrap li.staff {border: #ddd 5px solid;border-radius: 5px;padding: .5em;}
  #staff .staff .pickup_staff {align-self: center;}
  #staff .staff .salon-staff-panel {width: 30%;align-self: center;}
  #staff .staff_list_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
  #staff .staff_list_wrap li.staff {width: 49%;margin-top: .5em;}
  #staff .staff_list_wrap li img, #staff .pickup_staff li img {margin-bottom: 0;}
  #staff .staff_list_wrap li.staff ul {margin-left: 1em;}
  #access .salon_access {display: flex;}
  #access .salon_access ul {flex: 2;}
  #access .salon_access .salon_photo {width: 32%;padding-left: 1em;}
  #salon_point ul {display: flex;justify-content: space-between;margin-left: 0;}
  #salon_point ul li:not(:first-of-type) {
    border: solid 1px #eb8257;
    border-radius: 10px;
    background: #fffdec;
    padding: 1em;
    width: 26%;
  }
  #salon_point ul li h4 {font-size: 1.8rem;color: #eb8257;border-bottom: dashed thin #fbb;padding-bottom: 5px;}
  #salon_point ul li.point_ttl{ background: #eb8257;width: 170px;border-radius: 10px;padding: 0;display: flex;align-items: center;justify-content: center; }
  #side_nav {position: fixed;right: 0;background: #fff;border: solid #896e64;border-width: 3px 0 3px 3px;border-radius: 10px 0 0 10px;padding: 1em;}
  #side_nav.move{right : -100%;}
  #side_nav.move.active{right : 0px;bottom: 100px;transition: all 1600ms 0s ease;}
  #side_nav .salon_logo img {width: 100px;}
  #side_nav ul {list-style: none;padding-left: 0;margin: .5em 0 0 0;}
  #side_nav ul li a {padding: .3em 0;display: block;}
  #side_nav ul li a::before {font-family: 'FontAwesome';content: "\f0da";margin-right: .5em;display: inline-block;}
  .position{min-height: 2em;}
}

#color-type_a {
  background-color: #f5f2e9;
}
@media (max-width :767px) {
  #color-type_a {
    background-color: #fff;
  }
}
#color-type_a .nav-tabs li.active a, #color-type_a .nav-tabs li.active a:hover, #color-type_a .nav-tabs li.active a:active {
  color: #fff!important;
  background: #ac9285;
  border: 1px solid #ac9285;
}
#color-type_a .nav-tabs {
  border-bottom: 5px solid #ac9285;
  display: flex;
}
#color-type_a .nav-pills > li > a, #color-type_a .nav-tabs > li > a {
  color: #645e58;
  padding: 10px 5px;
}
#color-type_a .nav-pills > li > a, #color-type_a .nav-tabs > li:not(.disabled) > a:hover {
  background: #ac9285;
  border: 1px solid #ac9285;
  color: #fff;
}
#color-type_a .nav-tabs li.active {
  background-color: #ac9285 !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#color-type_a .nav-tabs > li:not(.disabled) > a:hover,
#color-type_a .nav-tabs > li:not(.disabled) > a:focus,
#color-type_a .nav-tabs > li:not(.disabled) > a:active,
#color-type_a .nav-tabs li.active a:active {
  background-color: #ac9285;
  border-color: #ac9285;
  color: #fff!important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#color-type_a .dropdown-menu li a {
  color: #eb5f55;
}
#color-type_a .salon-panel-wrap {
  box-shadow: none;
}
#color-type_a .salon-title.panel > .panel-heading {
  background-color: #e5dcca;
  color: #3e2723;
}
#color-type_a #salon_main p.pl10.hidden-xs {
  color: #eb8257; font-weight: bold; margin-top: 0 !important; font-size: 22px; margin-bottom:10px;
}
#color-type_a #pin-gmap, #color-type_a #panoramas-gmap{
  width: 100%;
  height: 450px;
}
#color-type_a #panoramas-gmap div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#color-type_a #pin-gmap .gm-style-mtc label {
  margin-bottom: 0;
}
#color-type_a .clear {clear: both;}
@media (max-width: 767px){
  #color-type_a .salon_nav {
      border-bottom: solid 2px #eb5f55;
  }
  #color-type_a .salon_nav li.active {
    border: solid #eb5f55;
    border-width: 2px 2px 0 2px;
    margin-bottom: -2px;
  }
  #color-type_a .salon_nav li.active a {color: #eb5f55;}
  #color-type_a #sp-nav {
    position: relative;
    display: flex;
  }
  #color-type_a .inner_menu li.active {border-bottom: solid 3px #eb5f55;}
  #color-type_a .panel {
    box-shadow: none;
    border-radius: 0;
  }
  #color-type_a .result-panel-ranking .btn_area>span:nth-of-type(2), .pickup-menu-panel .btn_area>span:nth-of-type(2) {
    top: -6px;
    right: 2px;
  }
  #color-type_a .salon-panel.panel{
    box-shadow: none;
  }
}
@media (min-width: 768px){
  #color-type_a #side_nav {
      position: fixed;
      right: 0;
      background: #fff;
      border: solid #eb5f55;
      border-width: 3px 0 3px 3px;
      border-radius: 10px 0 0 10px;
      padding: 1em;
      z-index: 2;
  }
}
@media (min-width:992px) {
.slideshow-container .mySlides img {max-width:420px;}
}
/*メニューモーダル*/
#areaModal .modal-dialog {
  margin: 10px 20% 10px 0;
}
#areaModal.modal.fade .modal-dialog {
  -webkit-transform: translate(-25%, 0);
  -ms-transform: translate(-25%, 0);
  -o-transform: translate(-25%, 0);
  transform: translate(-25%, 0);
}
#areaModal.modal.in .modal-dialog {
  -webkit-transform: translate(-2%, 0);
  -ms-transform: translate(-2%, 0);
  -o-transform: translate(-2%, 0);
  transform: translate(-2%, 0);
}
.salon-data > * {
  display: inline-block;
}
.salon-data dt {
  width:24%;
  min-width:4em;
}
.salon-data dd {
  width:74%;
}
.evaluate_wrap div.js-favorite-btn a svg {
  width: 4em;
}
.text-picup{
  color: #3c7fc2;
}
/*条件付きメニュー リッチプラン用ハック*/
.conditions-menu {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}
@media(max-width:767px) {
  .recommended-menu__section {
    margin-top: 15px;
  }
}
@media(min-width:768px) {
  .recommended-menu__section {
    margin-top: 5px;
  }
}
#recom-menu .recommended-menu__heading > h4 {
  padding-bottom: 0;
  border-bottom: none;
  font-size: 16px;
  color: #eb8257;
}
.recommended-menu__section > .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
@media(max-width:767px) {
  .recommended-menu__item {
    padding-top: 10px;
    border-top: 1px solid #ddd;
  }
  .recommended-menu__item:first-child {
    padding-top:0;
    border-top: none;
  }
}
@media(max-width:767px) {
  .recommended-menu__item:not(:last-of-type) {
    margin-bottom: 16px;
  }
}
@media(min-width:768px) {
  .recommended-menu__item > .panel-list > .conditions-menu {
    padding-bottom: 0;
  }
}
@media(max-width:767px) {
  .recommended-menu__item > .conditions-menu > .conditions-menu__inner {
    margin-bottom: 0;
  }
}
@media(max-width:767px) {
  .recommended-menu-labels__outer {
    margin-bottom: 10px;
  }
}
.recommended-menu-labels {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
}
/*空満情報スタイル追加*/
div#salon_vacancy {
  margin-top: 10px;
}
/*すごとくメニュー*/
#color-type_a #sgtk-menu .salon-title.panel > .panel-heading{
  background: #ffe7dd;
  color: #dc5519;
  margin-top: 0 !important;
}
#color-type_a #sgtk-menu .salon-title.panel{
  border-top:1px solid #dc5519;
  border-bottom:1px solid #dc5519;
  border-radius: 0;
}
#color-type_a #sgtk-menu .sgtk-menu-detail{
  font-size: 85%;
}
/*マップ*/
#color-type_a .p-salon-access-map {
  position: relative;
  width: 100%;
  height: 64vh !important;
}
.p-salon-access-map__content {
  width: 100%;
  height: 100%;
}
.p-salon-access-map__map-appli {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.p-button--outlined-secondary {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  color: #424242
}
.p-button--outlined-secondary.is-disabled, .p-button--outlined-secondary:disabled {
  color: #bdbdbd;
  background-color: #eee;
  border-color: #bdbdbd
}
.p-button--outlined-secondary:active, .p-button--outlined-secondary:focus, .p-button--outlined-secondary:hover {
  color: #424242;
  background-color: rgba(189, 189, 189, .2)
}
.p-button--outlined-secondary__icon {
  color: #bdbdbd
}
.p-button--small {
  height: 32px;
  font-size: 11px
}
.p-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 8px;
  padding-left: 8px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px
