@charset "UTF-8";
/*----------------------------

マップ

----------------------------*/
.mapbox {
  background-color: #66BED0;
  text-align: center;
  overflow: hidden; }
  .mapbox .wrapper {
    position: relative;
    padding-left: 0;
    padding-right: 0; }

.uiset {
  position: absolute;
  right: 16px;
  bottom: 0;
  z-index: 5; }
  .uiset .map_cirbtn, .uiset .map_btmbtn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .uiset .map_cirbtn:hover, .uiset .map_btmbtn:hover {
      opacity: 0.8; }
  .uiset .map_cirbtn {
    width: 45px;
    height: 45px;
    border-radius: 50vw;
    background: #fff;
    filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.4));
    margin-bottom: 8px; }
  .uiset .map_btmbtn {
    width: 45px;
    height: 35px;
    background: #001c4e;
    filter: drop-shadow(0px -1px 5px rgba(0, 0, 0, 0.16));
    border-radius: 10px 10px 0 0; }
  .uiset #map_layer img {
    width: 22px; }
  .uiset #map_point img {
    width: 28px; }
  .uiset #map_float img {
    width: 16px; }

@media screen and (max-width: 768px) {
  .mapbox {
    background-color: #72D4E8;
    height: 580px; }
    .mapbox .wrapper {
      height: 580px;
      position: relative;
      padding: 0; }
      .mapbox .wrapper img {
        object-fit: cover; } }