@charset "UTF-8";
.top__logo {
  max-width: 40rem;
}
@media (max-width: 768px) {
  .top__logo {
    max-width: 60%;
  }
}
.top__logo img {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4)) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
  width: 95%;
  height: auto;
  margin: 0 auto;
}

/*-----会場MAP（クリッカブルマップ）-----*/
.mapArea {
  position: relative;
  aspect-ratio: var(--map-w)/var(--map-h);
}
.mapArea__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mapArea__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mapArea__item {
  position: absolute;
  top: calc(var(--top) / var(--map-h) * 100%);
  left: calc(var(--left) / var(--map-w) * 100%);
  width: calc(var(--w) / var(--map-w) * 100%);
  height: calc(var(--h) / var(--map-h) * 100%);
}
.mapArea__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  transition: background-color 0.2s;
}
@media (hover: hover) {
  .mapArea__link:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.mapArea__link:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.mapArea__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.popup__shop {
  background-color: #0057aa;
  color: #fff;
  border-radius: 100vh;
  padding: 0.3em 1em;
  margin-top: 1em;
}
.popup__shop--gourmet {
  background-color: #f7ad00;
}
.popup__shop--goods {
  background-color: #ee84b2;
}
.popup__text {
  margin-bottom: 2em;
}/*# sourceMappingURL=map.css.map */