@font-face {
  font-family: "checkpoint";
  src: url("../fonts/CP\ Font.otf") format("opentype");
}

body {
  margin: 0px;
  background-color: #77C5FF;
}

.top {
  height: auto;
  width: 100%;
  background-color: black;
}

.top_s {
  font-family: "checkpoint";
  font-size: 2vw;
  color: black;
  -webkit-text-stroke: 1.5px white;
  padding: 1vh;
  display: block;
  text-align: center;
}

.logo {
  width: 100%;
  height: auto;
}

.logo_img {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.date {
  width: 100%;
  height: auto;
}

.date_s {
  font-family: "checkpoint";
  font-size: 5vw;
  color: black;
  -webkit-text-stroke: 3px white;
  display: block;
  text-align: center;
}

.chara {
  width: 100%;
  height: auto;
}

.chara_s {
  font-family: "checkpoint";
  font-size: 4vw;
  color: black;
  -webkit-text-stroke: 2px white;
  display: block;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 3vh;
}

.carousel {
  width: 100vw;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.carousel-item {
  scroll-snap-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  scroll-snap-stop: always;
}

.carousel_img {
  height: 80vh;
  margin: 0 0.5vw;
  scroll-snap-align: center;
}

.detail {
  width: 100%;
  height: auto;
  margin: 5vh 0;
}

.detail_m {
  font-family: "checkpoint";
  font-size: 4vw;
  display: block;
  text-align: center;
}

.detail_url{
  display: block;
  text-align: center;
  font-family: "Kiwi Maru";
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

footer {
  text-align: center;
  font-family: "checkpoint";
  margin: 1vh 0;
}