main {
  margin: 0 auto;
}

#mapArea {
  background-color: lightgreen;
  width: 100%;
  height: 600px;
}

#map {
  height: 100%;
}
.fa-map-pin {
  color: #dc3545;
}

.footer-area {
  background-color: var(--basic-color);
  padding-top: 5px;
  padding-bottom: 5px;
  height: 50px;
}

.nav-header-left {
  width: 20%;
  margin-left: 0.1rem;
}
.nav-header-center {
  margin-top: 0.2rem;
  text-align: center;
}
.nav-header-right {
  width: 20%;
  margin-right: 0.1rem;
}

a {
  text-decoration: none;
}

/* カレンダーの予約日 */
.reserved-day {
  width: 50px;
  border-radius: 0.25rem;
  background-color: #20c997;
  text-align: center;
}

.selected-day {
  width: 50px;
  border-radius: 0.25rem;
  background-color: #5c78f1;
  text-align: center;
}

.un-reservable-day {
  width: 50px;
  border-radius: 0.25rem;
  background-color: #808080;
  text-align: center;
}

.reservable-day {
  width: 50px;
  border-radius: 0.25rem;
  background-color: #ffffff;
  text-align: center;
}