.pg_main {
  background: url(../material/main.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  margin-bottom: 100px;
  margin-left: 350px;
}
.pg_sub-header {
  background: url(../material/main.jpg);
  border-bottom: solid 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right 0 bottom 40%;
}
@media (max-width: 959px) {
  .pg_main {
    margin-left: 30px;
    background-position: top center;
    margin-bottom: 200px;
  }
}
@media (max-width: 959px) {
  .pg_main {
    min-height: 390px;
    padding-bottom: 0px;
  }
}

.pg_search__map--figure {
  height: auto;
}

.pg_search__map--figure-list {
  width: 100%;
  height: 100%;
  margin-left: 55px;
  background: none;
}
@media (max-width: 959px) {
  .pg_search__map--figure {
    height: 340px;
  }
  .pg_search__map--figure-list {
    margin-left: 0px;
  }
}
/* 地図・キーワード検索の画像全体の設定 */
.pg_svg_areaMap {
  width: 85%;
}
@media (max-width: 959px) {
  .pg_svg_areaMap {
    width: 100%;
  }
}
/* 地図・キーワード検索の各地区毎の色の設定 */
.cls-1 {
  fill: #662d91;
}

.cls-2 {
  fill: #2e3192;
}

.cls-3 {
  fill: #d4145a;
}

.cls-4 {
  fill: #ff7bac;
}

.cls-5 {
  fill: #a59130;
}

.cls-6 {
  fill: #8c6239;
}

.cls-7 {
  fill: #048914;
}

.cls-8 {
  fill: #006837;
}

.cls-9 {
  fill: #4aba55;
}

.cls-10 {
  fill: #f7931e;
}

.cls-11 {
  fill: #29abe2;
}

.cls-12 {
  fill: #00a99d;
}

.cls-13 {
  fill: #0071bc;
}

.cls-14 {
  fill: #f15a24;
}

/* TOPページおすすめMAP文字(rank,pin) */
.pg_recomendMapExpl {
  margin-top:10px;
  font-weight:bold;
}
/* TOPページおすすめMAP文字(一覧) */
.pg_recomendMapAllThemeExpl {
  margin-top:20px;
  padding-top:95px;
  font-weight:bold;
  border-top:1px solid black;
}