@charset "UTF-8";

.area_search_map {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.prif_list > li,
.prif_list_sp > li {
  display: inline-block;
}
.map_area {
  font-size: 15px;
}
.map_area .prif_list {
  margin: 0;
}
.map_area li {
  padding: 5px 0;
}
.japan_area_map .map_area h3 a {
  padding: 2px 6px;
  background: #ff1776;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}

.japan_area_map .map_area h3 a:hover {
  background: #fd68a5;
}

.japan_area_map .map_area a {
  padding: 2px 4px;
}

.japan_area_map .map_area a:hover {
  border-radius: 4px;
  background: #fb3a55;
  color: #fff;
  text-decoration: none;
}

.japan_area_map .map_area h3.area {
  margin-bottom: 4px;
}

.map_area h3.area {
  margin: 0;
}

.japan_area_map {
  position: relative;
}
/*北海道*/
.japan_area_map .hokkaido {
  display: inline-block;
  z-index: 3;
  position: absolute;
  top: 12%;
  right: 5%;
}
/*東北*/
.japan_area_map .tohoku {
  z-index: 3;
  position: absolute;
  top: 21%;
  left: 35%;
  width: 200px;
}
/*甲信越*/
.japan_area_map .koushinetsu {
  z-index: 3;
  position: absolute;
  top: 35%;
  left: 35%;
}
/*関東*/
.japan_area_map .kanto {
  z-index: 3;
  position: absolute;
  top: 56%;
  right: 5%;
  width: 240px;
}

/*北陸*/
.japan_area_map .hokuriku {
  z-index: 3;
  position: absolute;
  top: 43%;
  left: 30%;
}

/*東海*/
.japan_area_map .tokai {
  position: absolute;
  bottom: 23%;
  right: 10%;
}
/*関西*/
.japan_area_map .kansai {
  z-index: 3;
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 200px;
}

/*四国*/
.japan_area_map .shikoku {
  display: inline-block;
  z-index: 3;
  position: absolute;
  bottom: 16%;
  left: 21%;
}

/*中国*/
.japan_area_map .chugoku {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 20%;
  width: 200px;
}

/*九州*/
.japan_area_map .kyusyu {
  z-index: 3;
  position: absolute;
  bottom: 2%;
  left: 16%;
  width: 260px;
}

/* 850px以下 */
@media (max-width: 850px) {
  .prif_list {
    display: none;
  }
  .map_area {
    font-size: 14px;
  }
  .map_area h3.area {
    font-size: 16px;
  }
  .area_search_list .map_area h3.area {
    font-size: 14px;
  }
  .area_search_list {
    margin-top: 30px;
  }
  .area_search_list .map_area {
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
  }
  .area_search_list .map_area:first-of-type {
    border-top: 1px solid #ccc;
  }

  .prif_list_sp li {
    padding: 1px;
  }
  .map_area a {
    padding: 2px;
  }
  .prif_list_sp {
    margin: -16px 0 0 90px;
    border-left: 1px solid #ccc;
    padding-left: 0;
  }

  /*東北*/
  .japan_area_map .tohoku {
    top: 36%;
    left: 76%;
    width: inherit;
  }
  /*甲信越*/
  .japan_area_map .koushinetsu {
    top: 46%;
    left: 48%;
  }
  /*北陸*/
  .japan_area_map .hokuriku {
    top: 56%;
    left: 36%;
  }
  /*関東*/
  .japan_area_map .kanto {
    right: 24%;
    width: inherit;
  }
  /*東海*/
  .japan_area_map .tokai {
    bottom: 25%;
    right: 40%;
  }
  /*関西*/
  .japan_area_map .kansai {
    bottom: 27%;
    right: 57%;
    width: inherit;
  }
  /*中国*/
  .japan_area_map .chugoku {
    top: 63%;
    left: 17%;
    width: inherit;
  }
  /*九州*/
  .japan_area_map .kyusyu {
    bottom: 6%;
    left: 16%;
    width: inherit;
  }
}
@media (min-width: 851px) {
  .area_search_list {
    display: none;
  }
}

/* 479px以下 */
@media (max-width: 479px) {
  /*中国*/
  .japan_area_map .chugoku {
    top: 61%;
    left: 13%;
  }
}