@charset "UTF-8";
/* CSS Document */
#areamap {
  padding: 0;
  width: 690px;
  height: 720px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.btn-wrap {
  width: 960px;
  position: relative;
}
.areamap-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.areamap-btn a {
  background: #333;
  color: #fff;
  font-size: 12px;
  border-radius: 99px;
  padding: 6px 14px;
  font-weight: 600;
  text-decoration: auto;
}
div#mttomamu {
  top: 24%;
  left: 9%;
}
div#minamina {
  top: 46%;
  left: 9.8%;
}
div#resortcenter {
  left: 28%;
  top: 35%;
}
div#unkai {
  left: 21.5%;
  top: 9.5%;
}
div#hotalustreet {
  left: 67.2%;
  top: 45%;
}
div#foresta {
  left: 68%;
  top: 65%;
}
div#tower {
  left: 49%;
  top: 42%;
}
div#villagealpha {
  left: 82%;
  top: 51%;
}
div#resonare {
  left: 75%;
  top: 10%;
}
div#farm {
  left: 51%;
  top: 87%;
}
div#kirin {
  left: 6%;
  top: 59%;
}
div#hal {
  left: 29%;
  top: 59%;
}
div#farmdesigns {
  left: 32%;
  top: 73%;
}
div#nininupuri {
  left: 80%;
  top: 33.5%;
}
div#wedding {
  left: 33%;
  top: 42%;
}
.link {
  margin-top: 15px;
}
link a:before {
  content: "\e906";
  font-family: "icomoon", sans-serif;
  color: #333;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 14px;
  display: block;
  float: left;
}
@media screen and (max-width:1000px) {
  .areamap-btn a {
    font-size: 10px;
    padding: 4px 8px;
  }
}
@media screen and (max-width: 768px) {
  #areamapWrap {
    width: 100%;
    margin-bottom: 20px;
  }
  #areamap {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    height: auto;
  }
  .btn-wrap {
    width: inherit;
  }
  #areamap > * {
    -webkit-transform: translateZ(0px);
  }
  #areamapWrap::-webkit-scrollbar {
    display: none;
    height: 0 !important;
  }
  #areamap img {
    width: 100%;
  }
  .areamap-btn a {
    font-size: 9px;
    padding: 3px 7px;
  }
  div#mttomamu {
    top: 21%;
    left: 8;
  }
  div#minamina {
    top: 41%;
    left: 2%
  }
  div#resortcenter {
    left: 28%;
    top: 35%;
  }
  div#unkai {
    left: 20%;
    top: 4%;
  }
  div#hotalustreet {
    left: 50%;
    top: 42%;
  }
  div#foresta {
    left: 65%;
    top: 69%;
  }
  div#tower {
    top: 56%;
  }
  div#villagealpha {
    left: 63%;
    top: 50%;
  }
  div#resonare {
    left: 71%;
    top: 25%;
  }
  div#farm {
    left: 47%;
    top: 81%;
  }
  div#kirin {
    top: 54%;
  }
  div#hal {
    left: 13%;
    top: 61%;
  }
  div#farmdesigns {
    left: 4%;
    top: 72%;
  }
  div#nininupuri {
    left: 59%;
    top: 35%;
  }
  div#wedding {
    left: 25%;
    top: 49%;
  }
}