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

#goldplan {
  background-color: #eee;
  overflow: hidden;
  font-size: 16px;
}
#goldplan p:last-of-type {
  margin-bottom: 0;
}
.breadcrumb-wrap {
  margin-bottom: 0;
}
.main-bg-color {
  background-color: #eee;
}
.main-wrap {
  background-image: url(/images/goldplan/main_pc.jpg?4);
  background-repeat: repeat-x;
  background-position: center 0%;
  background-size: contain;
  display: flex;
  justify-content: center;
}
.main {
  margin: 0 -200px;
  max-width: 1800px;
}
.main-font-color {
  color: #ff6450;
}
.sub-bg-color {
  background-color: #fef9e9;
}
.sub-font-color {
  color: #fc0;
}
.bg-color-white {
  background-color: #fff;
}
.bg-color-info {
  background-color: #ffc;
}
.max-w {
  max-width: 920px;
  margin: 0 auto;
}
/**/
.new-salon-info {
  background-color: #fff;
  border: dashed thin #e67b3a;
}
.new-salon-info dd, .space-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.4em;
  display: block;
}
.gp-salon {
  border: solid thin #ddd;
  background-color: #fff;
}
.gp-salon:not(:first-child) {
  border-top: none;
}
.gp-salon-img {
  width: 32%;
}
.gp-salon-info {
  width: 68%;
  padding-left: .5em;
}
.gp-salon-name, .gp-salon-hours {
  color: #777;
}
.gp-salon-hours {
  font-size: 90%;
}
.gp-salon a {
  color: #444;
  cursor: pointer;
}
.gp-salon-review {
  padding: .2em;
  margin: .6em 0 0 0;
  font-size: 14px;
  background-color: #fef4e5;
}
.gp-salon-review dd i, .font-color-star {
  color: #e67b3a;
}
.gp-salon-review dd {
  padding: .2em;
}
.gp-salon-access {
  background-color: #f1f1f1;
  border-radius: 2em;
  padding: .3em 1em;
  margin-bottom: .6em;
  line-height: 1;
  font-weight: bold;
}
.pagination {
  font-size: 16px;
  border: 1px solid #ddd;
  margin-top: .4em;
}
#goldplan .dropdown-menu {
  left: auto;
  right: 0;
}
#city .btn-group {
  display: flex;
  flex-wrap: wrap;
}
#city .btn-default {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  border-radius: 3px;
}
/*アラート文言*/
.cam-alert {
  max-width: 600px;
  margin: 1em auto;
  background-color: #fff;
  border: medium solid #f66;
  padding: 1em;
  border-radius: .5em;
  color: #c00;
}

/*スマホのとき*/
@media (max-width: 767px) {
#goldplan {
  font-size: 14px;
}
.main {
  margin: 0;
}
#goldplan {
  font-size: 85%;
}
.gp-salon-review {
  font-size: 10px;
}
/*スマホフロート*/
.sp-float {
  padding: .5em .2em;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background-color: rgba(232,232,232,0.9);
}
.sp-float p {
  font-size: 80%;
}
}