.calendar-carousel, .toggleTarget, .toggleBtn {
  margin-left: max(-10vw, -77px);
  margin-right: max(-10vw, -77px);
  padding-left: min(10vw, 77px);
  padding-right: min(10vw, 77px);
}

.basicSection {
  padding: min(10vw, 77px);
}
.basicSection h2 {
  font-size: min(5.8vw, 36px);
  text-align: center;
}
.basicSection h3 {
  font-size: min(4.8vw, 24px);
  font-weight: normal;
}
.basicSection p {
  font-size: 15px;
}

.ff-gothic {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}

.toggleBtn {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 1em;
  padding-bottom: 1em;
  cursor: pointer;
  transition: 0.2s ease-out;
  position: relative;
}
.toggleBtn:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.toggleBtn::after {
  font-family: "tdl";
  content: "\e904";
  line-height: 1;
  font-size: 2em;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: 0.2s ease-out;
}
.toggleBtn.is-open::after {
  transform: translate(-50%, -50%) scaley(-1);
}

.toggleTarget {
  padding-top: min(10vw, 77px);
  padding-bottom: min(10vw, 77px);
}
.toggleTarget:not(:last-of-type).is-open {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#area .areaCalendar-btn {
  margin-top: 4em;
}

.areaMap h4::before, .areaCalendar-legend li::before, .areaCalendar td .area_a,
.areaCalendar td .area_b {
  width: 1.4em;
  height: 1.4em;
  margin: 0 auto !important;
  text-align: center !important;
  background: #f00;
  font-size: 1.3em;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.areaMap h4.area_a::before, .areaCalendar-legend li.area_a::before, .areaCalendar td .area_a,
.areaCalendar td .area_a.area_b {
  background: #2FB229;
}
.areaMap h4.area_b::before, .areaCalendar-legend li.area_b::before, .areaCalendar td .area_b.area_a,
.areaCalendar td .area_b {
  background: #D645A9;
}

.calendar-carousel {
  padding-left: 0;
  padding-right: 0;
}
.calendar-carousel .item {
  padding-left: min(10vw, 77px);
  padding-right: min(10vw, 77px);
}

.areaCalendar {
  width: 100%;
  table-layout: fixed;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-size: min(3vw, 16px);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.areaCalendar caption {
  font-weight: bold;
  margin-bottom: 1em;
}
.areaCalendar thead th.sat, .areaCalendar thead th.sun {
  border-radius: 5px 5px 0 0;
  padding-top: 0.2em;
  font-weight: bold;
}
.areaCalendar thead th {
  font-weight: normal;
  color: #8294AA;
}
.areaCalendar thead th.sun {
  color: #FF5F33;
  background: rgba(255, 95, 51, 0.5);
}
.areaCalendar thead th.sat {
  color: #073963;
  background: rgba(61, 170, 223, 0.5);
}
.areaCalendar tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.areaCalendar td {
  text-align: center;
  line-height: 1;
  padding-top: 0.5em;
  height: 4.4em;
}
.areaCalendar td:nth-child(1) {
  background: rgba(255, 95, 51, 0.5);
}
.areaCalendar td:nth-child(7) {
  background: rgba(61, 170, 223, 0.5);
}
.areaCalendar td.holiday {
  position: relative;
  z-index: 0;
}
.areaCalendar td.holiday::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 4%;
  left: 10%;
  width: 80%;
  height: 92%;
  background: rgba(255, 95, 51, 0.5);
  border-radius: 5px;
}
.areaCalendar td .area_a,
.areaCalendar td .area_b {
  margin-top: 0.3em !important;
}

.areaCalendar-target {
  position: relative;
  max-height: 43em;
}

.areaCalendar-nav {
  position: absolute;
  top: min(10vw, 77px);
  left: min(10vw, 77px);
  right: min(10vw, 77px);
  z-index: 100;
}
.areaCalendar-nav a {
  font-size: min(5vw, 28px);
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  width: 1em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-out;
}
.areaCalendar-nav a::before {
  font-family: "tdl";
  color: #3DAADF;
}
.areaCalendar-nav a.areaCalendar-nav_prev {
  left: 0;
}
.areaCalendar-nav a.areaCalendar-nav_prev::before {
  content: "\e905";
}
.areaCalendar-nav a.areaCalendar-nav_next {
  right: 0;
}
.areaCalendar-nav a.areaCalendar-nav_next::before {
  content: "\e906";
}
.areaCalendar-nav a.is-deactive {
  display: none;
  cursor: default;
}

.areaCalendar-legend {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-weight: normal;
  display: flex;
}
.areaCalendar-legend li {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  margin-right: 1em !important;
}
.areaCalendar-legend li::before {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 0.2em !important;
  font-size: 12px;
}
.areaCalendar-legend li.area_a::before {
  content: "A";
}
.areaCalendar-legend li.area_b::before {
  content: "B";
}

.areaMap {
  padding-top: min(7vw, 60px);
}
.areaMap h4 {
  text-align: center;
  font-size: min(3.5vw, 20px);
  font-weight: normal;
  margin-bottom: 0.5em;
}
.areaMap h4:nth-of-type(n+2) {
  margin-top: 2em;
}
.areaMap h4::before {
  display: inline-flex;
  vertical-align: 0em;
  margin-right: 0.3em !important;
  font-size: min(3vw, 18px);
}
.areaMap h4.area_a::before {
  content: "A";
}
.areaMap h4.area_b::before {
  content: "B";
}

.areaMap-legend {
  font-size: 13px;
}
.areaMap-legend li {
  display: inline-block;
  margin-top: 0 !important;
  margin-bottom: 0.3em !important;
  margin-right: 1em !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}
.areaMap-legend li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em;
  width: 3em;
  height: 1.5em;
}
.areaMap-legend li.bp::before {
  background: #F8A6D1;
}
.areaMap-legend li.dpa::before {
  background: #58A5FA;
}
.areaMap-legend li.wheelchair::before {
  background: #B87BE0;
}
.areaMap-legend li.reception::before {
  background: #22BA71;
}
.areaMap-legend li.free::before {
  background: #FEC661;
}
@media screen and (max-width: 768px) {
  .areaMap-legend span {
    padding-left: 3.5em;
  }
}/*# sourceMappingURL=area.css.map */