@charset "UTF-8";

/* base-style */
.l-parkmap {
  position: relative;
  max-width: 1150px;
  margin: 0 auto;
}

.p-parkmap {
  position: relative;
    margin-top: 0;
}

.p-parkmap-inner {
  position: relative;
}

.zoomicon {
  display: none;
}

.l-parkmap img {
  width: 100%;
  height: auto;
}

.p-icon__list {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  line-height: 18px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  z-index: 10;
    cursor: pointer;
}

.p-icon__list:not([href]),
.p-icon__list:not([href]):not([tabindex]){
    color: #fff;
}


.p-icon__list:hover,
.p-icon__list:not([href]):hover,
.p-icon__list:not([href]):not([tabindex]):hover{
    color: #fff;
    opacity: 0.8;
}

.p-icon__list.-open {
  background-color: deeppink;
}

.p-icon__list.-close {
  background-color: gray;
}

@media (max-width:900px) {
  .p-icon__list {
    width: 17px;
    line-height: 17px;
    font-size: 10px;
  }
}

@media (max-width:768px) {
  .l-parkmap {
    position: relative;
    border: 1px solid #989898;
  }

  .p-parkmap {
    position: relative;
    overflow: auto;
    height: 500px;
      margin-top: 0;
  }

  .p-parkmap-inner {
    position: relative;
    width: 1000px;
  }

  .p-icon__list {
    width: 16px;
    line-height: 16px;
    font-size: 10px;
  }

  .zoomicon {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 11;
    background: #1D315A;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 45px;
      height: 45px;
    text-align: center;
    padding: 15px 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0;
    text-indent: -99999px;
  }

    .plus:before {
        content: '';
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 40%;
        height: 1px;
        background: #fff;
    }

    .plus:after {
        content: '';
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 1px;
        height: 40%;
        background: #fff;
    }

  .minus {
    left: 55px;
  }

    .minus:before {
        content: '';
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 40%;
        height: 1px;
        background: #fff;
    }
}

/* link-list */
.map1 {
  top: 59.3%;
  left: 49.1%;
}

.map2 {
  top: 35%;
  left: 28.6%;
}

.map3 {
  top: 48.5%;
  left: 28.7%;
}

.map4 {
  top: 62.2%;
  left: 20.85%;
}

.map5 {
  top: 49%;
  left: 50.85%;
}

.map6 {
  top: 70%;
  left: 52.1%;
}

.map7 {
  top: 61.2%;
  left: 28.6%;
}

.map8 {
  top: 48.1%;
  left: 40.1%;
}

.map9 {
  top: 59.59%;
  left: 43.05%;
}

.map10 {
  top: 73%;
  left: 43.49%;
}

.map11 {
  top: 38%;
  left: 48.74%;
}

.map12 {
  top: 41.75%;
  left: 46.75%;
}

.map13 {
  top: 41.75%;
  left: 40.8%;
}

.map14 {
  top: 45.75%;
  left: 25.5%;
}

.map15 {
  top: 65.8%;
  left: 28.89%;
}

.map16 {
  top: 57%;
  left: 23.78%;
}

.map17 {
  top: 57.5%;
  left: 37.04%;
}

.map18 {
  top: 56.8%;
  left: 40.6%;
}

.map19 {
  top: 49.3%;
  left: 45.7%;
}

.map20 {
  top: 44.4%;
  left: 27.84%;
}

.map21 {
  top: 45.9%;
  left: 22.6%;
}

.map22 {
  top: 72.7%;
  left: 46.6%;
}

.map23 {
  display: none;
  top: 52.2%;
  left: 67.35%;
}

.map24 {
  top: 31%;
  left: 74.3%;
}

.map24-2 {
  top: 28.5%;
  left: 46.4%;
}

.map25 {
  top: 71.57%;
  left: 40.04%;
}

.map26 {
  top: 58.33%;
  left: 74.53%;
}

.map27 {
  top: 52.48%;
  left: 30.6%;
}

.map28 {
  top: 52.744%;
  left: 29.23%;
}

.map29 {
  top: 65.85%;
  left: 32.12%;
}

.map30 {
  top: 69.85%;
  left: 31.13%;
}

.map31 {
  top: 69.3%;
  left: 36.63%;
}

.map32 {
  top: 58.9%;
  left: 34.6%;
}

.map33 {
  top: 66.65%;
  left: 36.95%;
}

.map34 {
  top: 65.8%;
  left: 38.3%;
}

.map35 {
  top: 68.75%;
  left: 38.1%;
}

.map36 {
  top: 44.6%;
  left: 34.1%;
}

.map37 {
  display: none;
  top: 63.6%;
  left: 33.35%;
}

.map38 {
  top: 38.67%;
  left: 43.24%;
}

.map39 {
  top: 45.8%;
  left: 44.2%;
}

.map40 {
  top: 50.86%;
  left: 33.95%;
}

.map41 {
  top: 57.86%;
  left: 32.67%;
}

.map42 {
  top: 71.5%;
  left: 34.26%;
}

.map43 {
  top: 48.5%;
  left: 42.8%;
}

.map44 {
  top: 63.35%;
  left: 43.64%;
}

.map45 {
  top: 65.7%;
  left: 41.8%;
}

.map46 {
  top: 37%;
  left: 44.3%;
}

.map47 {
  top: 57.55%;
  left: 45.58%;
}

.map48 {
/*  display: none;
  top: 65.76%;
  left: 35.35%;  */
  top: 68.5%;
  left: 48.6%;
}

.map49 {
  top: 33.2%;
  left: 44.85%;
}

.map50 {
  top: 54.78%;
  left: 57.05%;
}

.map51 {
  top: 8.9%;
  left: 44.45%;
}

.map52 {
  top: 61.88%;
  left: 58.89%;
}

.map53 {
  top: 64.98%;
  left: 60.76%;
}

.map54 {
  top: 64.2%;
  left: 63.53%;
}

.map55 {
  top: 64.25%;
  left: 65.55%;
}

.map56 {
  top: 69.5%;
  left: 66.55%;
}

.map57 {
  top: 62%;
  left: 66.92%;
}

.map58 {
  top: 51.85%;
  left: 81.35%;
}

.map59 {
  top: 49.85%;
  left: 82%;
}

.map60 {
/*  display: none;
  top: 49.85%;
  left: 80.5%;*/
  top: 60.34%;
  left: 72.15%;
}

.map61 {
  top: 54.33%;
  left: 31.4%;
}

.map62 {
  top: 34.5%;
  left: 41.1%;
}

.map63 {
  top: 63.1%;
  left: 41.6%;
}

.map64 {
  top: 40%;
  left: 42.05%;
}

.map65 {
  top: 47.66%;
  left: 31.95%;
}

.map66 {
  top: 61.7%;
  left: 46.34%;
}

.map67 {
  top: 10.6%;
  left: 45.34%;
}