/* 元のcssのNG点修正 */
.head_tel {
  margin: 10px 22px 0 0;
}

/* #gmenu {
  padding-top: 15px;
} */

@media screen and (max-width: 767px) {
  .head_tel {
    margin: 0;
  }

  #search_combo_box {
    padding-top: 80px !important;
  }

  #map_intro_header {
    margin-top: 0 !important;
  }

  #map_intro_header {
    height: auto;
    padding: 6px 0 !important;
  }
}

#description {
  text-align: left;
}

#map_intro_header {
  margin-bottom: 0 !important;
}

#buttonWrap {
  padding-top: 12px !important;
}

#map_intro_header_txt {
  line-height: 1.5;
}

#area_list > h2 {
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
}

.areaListFitNavi {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 5px !important;
}

.areaListFitNavi .areaPageLink {
  width: 13%;
  font-size: 16px;
  line-height: 2.2em;
  margin: 0 1.5% 18px 0;
  padding: 0;
  border: 1px #cdcdcd solid;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0px 3px 0px 0px #cdcdcd;
}

.areaListFitNavi .areaPageLink a {
  display: block;
  padding: 7px 5px 5px;
  color: #112f6b;
  font-weight: bold;
}

.newButton.is-orange {
  background-color: #f6d3bc;
  color: #ee7323;
}

#areaImg {
  color: #ee7323;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

#areaImg::before {
  content: '';
  display: block;
  width: 39px;
  height: 39px;
  background-image: url(../img/icon_kanagawa.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 0.2em;
}

.newButtonOn.is-orange {
  background-color: #ee7323;
}

.newButtonOn.is-orange #areaImg {
  color: #fff;
}

.newButtonOn #areaImg::before {
  filter: brightness(211%) contrast(87%) hue-rotate(310deg) saturate(95%);
}

#searchImg {
  color: #0c5ea7;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newButtonOn #searchImg {
  color: #fff;
}

#searchImg::before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(../img/icon_pin.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 0.2em;
}

.recommend_area {
  padding: 0 0 15px;
  color: #fff;
  font-size: 16px;
}

.recommend_area a {
  display: inline-block;
  margin-right: 0.5em;
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .areaListFitNavi .areaPageLink:nth-child(7n) {
    margin-right: 0;
  }

  .recommend_area a:hover {
    text-decoration: none;
  }

  #areaImg,
  #searchImg {
    font-size: 26px;
  }

  #areaImg::before {
    width: 54px;
    height: 54px;
  }

  #searchImg::before {
    width: 36px;
    height: 36px;
  }
}

@media screen and (max-width: 767px) {
  #area_list > h2 {
    margin-bottom: 8px;
    padding: 0 3.2%;
  }

  .areaListFitNavi {
    padding: 0 3.2%;
  }

  .areaListFitNavi .areaPageLink {
    width: 22.75%;
    margin: 0 3% 13px 0;
    font-size: 15px;
  }

  .areaListFitNavi .areaPageLink a {
    padding: 4px 0px 3px;
  }

  .areaListFitNavi .areaPageLink:nth-child(4n) {
    margin-right: 0;
  }

  .recommend_area {
    font-size: 14px;
  }

  .recommend_area a {
    font-size: 14px;
  }
}