html {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.en {
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.bold {
  font-weight: 600;
}

header.header {
  position: fixed;
  width: 100%;
  height: 45px;
  z-index: 100;
  max-width: 500px;
  right: 0;
  left: 0;
  margin: auto;
}
header.header h1.header__logo {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
}
header.header .header__nav {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px 20px;
}
header.header .header__nav .header__menu-button__container {
  width: 18px;
  height: 11px;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 5;
}
header.header .header__nav .header__menu-button__container .header__menu-button, header.header .header__nav .header__menu-button__container .header__menu-button:before, header.header .header__nav .header__menu-button__container .header__menu-button:after {
  width: 18px;
  height: 1px;
  display: block;
  background-color: black;
  transition: 500ms;
}
header.header .header__nav .header__menu-button__container .header__menu-button:before, header.header .header__nav .header__menu-button__container .header__menu-button:after {
  content: "";
  position: absolute;
}
header.header .header__nav .header__menu-button__container .header__menu-button:before {
  top: 0;
}
header.header .header__nav .header__menu-button__container .header__menu-button:after {
  bottom: 0;
}
header.header .header__nav ul.header__menu-list {
  max-height: 0px;
  overflow: hidden;
  position: fixed;
  z-index: 0;
  left: 0px;
  top: 0px;
  right: 0px;
  display: grid;
  grid-template-columns: repeat(4, auto);
  height: 90px;
  padding: 50px 5px 0 5px;
  background: white;
  transition: 500ms ease;
}
header.header .header__nav ul.header__menu-list li.header__menu-item a.header__menu-link {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
header.header .header__nav .header__menu-background {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 100vh;
  background: black;
  z-index: -1;
  transition: 500ms ease;
}
header.header .header__nav.opened .header__menu-button__container .header__menu-button {
  background-color: transparent;
}
header.header .header__nav.opened .header__menu-button__container .header__menu-button::before {
  transform: rotate(30deg);
  top: calc(50% - 0.5px);
}
header.header .header__nav.opened .header__menu-button__container .header__menu-button::after {
  transform: rotate(-30deg);
  bottom: calc(50% - 0.5px);
}
header.header .header__nav.opened ul.header__menu-list {
  max-height: 100px;
}
header.header .header__nav.opened .header__menu-background {
  opacity: 0.3;
  bottom: 0;
}

main.main {
  padding: 60px 20px 35px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  max-width: 500px;
  margin: auto;
}
main.main section.section {
  height: 100%;
}
main.main section.section h2.section__title {
  margin-bottom: 20px;
}
main.main section.section ul.section__list {
  height: calc(100% - 70px);
  margin-bottom: 55px;
  /* li.section__item.swiper-slide.swiper-slide-prev {
      transform: translate(70px, 25px) rotate(-4deg);
      transform-origin: center;
  }

  li.section__item.swiper-slide.swiper-slide-active {
      transform: translate(0px, 0px) rotate(0deg);
      transform-origin: center;
  }

  li.section__item.swiper-slide.swiper-slide-next {
      transform: translate(-70px, 25px) rotate(4deg);
      transform-origin: center;
  } */
}
main.main section.section ul.section__list li.section__item {
  background-color: white;
  border-radius: 15px;
  padding: 20px 20px 25px 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  transition-duration: 500ms;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  height: fit-content;
}
main.main section.section ul.section__list li.section__item img.section__image {
  border-radius: 5px;
  aspect-ratio: 3/2;
  width: 100%;
}
main.main section.section ul.section__list li.section__item .section__details {
  display: grid;
  gap: 1px;
}
main.main section.section ul.section__list li.section__item .section__details h3.section__subtitle {
  font-size: 6vw;
  margin-top: 0.3em;
  font-weight: 600;
}
main.main section.section ul.section__list li.section__item .section__details p.section__description {
  font-size: 3vw;
}
main.main section.section ul.section__list li.section__item .section__text {
  white-space: pre-wrap;
}
main.main section.section ul.section__list li.section__item .section__info {
  font-weight: 500;
  margin-top: 0.5em;
}
main.main section.section ul.section__list li.section__item .section__info p.section__location, main.main section.section ul.section__list li.section__item .section__info p.section__tags {
  font-size: 3vw;
}
main.main section.section ul.section__list li.section__item .section__actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action {
  display: flex;
  gap: 2vw;
  align-items: center;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action .section__time {
  font-weight: 500;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action .section__time .section__time-min {
  font-size: 20px;
  margin-bottom: -0.5em;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action .section__time .section__time-container {
  display: grid;
  grid-template-columns: auto 1.5em;
  align-items: end;
  gap: 0.3em;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action .section__time .section__time-container .section__time-from {
  height: 1em;
}
main.main section.section ul.section__list li.section__item .section__actions .section__action .section__time .section__time-container .section__time-transport {
  height: 1.5em;
}
main.main section.section ul.section__list li.section__item .section__actions .section__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 10vw;
  border-radius: 5vw;
  background-color: black;
}
main.main section.section ul.section__list li.section__item .section__actions .section__button img.section__button--icon {
  width: 38%;
}
main.main section.section ul.section__list li.section__item .section__actions .section__button img.section__button--icon.foot {
  width: 43%;
}
main.main section.section ul.section__list li.section__item .section__actions .section__button img.section__button--icon.kick {
  width: 55%;
}
main.main a.section__view-all {
  width: fit-content;
  padding: 10px 30px;
  background-color: black;
  color: white;
  border-radius: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
main.main .swiper-pagination {
  position: absolute;
  top: -20px;
  right: 0;
  margin-left: auto;
  height: fit-content;
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
main.main .swiper-pagination span.swiper-pagination-bullet {
  width: 100%;
  max-width: 20px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  margin: 0;
  border-radius: 0;
  transition: 300ms;
}
main.main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
}

footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 5px;
  width: fit-content;
  margin: auto;
}
footer p {
  font-size: 12px;
}/*# sourceMappingURL=style.css.map */