@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p");
main {
  padding: 80px 0 30px;
}
@media screen and (max-width: 768px) {
  main {
    padding: 60px 0;
  }
}

#KO-kv {
  width: 100%;
  height: auto;
  margin-bottom: 80px;
}

p.KO-text {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-align: center;
  margin: 80px 0;
  line-height: 1.6;
  font-size: min(4.5vw, 23px);
}

.Movie {
  max-width: 850px;
  width: 100%;
  margin: 0 auto 100px;
  text-align: center;
}
.Movie .Moviethumn {
  overflow: hidden;
}
.Movie .btn {
  max-width: 100%;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.Movie:hover .thumbnail {
  transform: scale(1.1);
}
.Movie:hover .common_button {
  color: rgb(255, 255, 255);
  background: rgb(229, 0, 74);
}
.Movie img {
  transition: 0.6s;
}

.common_button {
  display: block;
  width: 13.5416666667vw;
  height: auto;
  box-sizing: border-box;
  margin: 30px auto;
  padding: 0.625vw 0;
  font-weight: 500;
  font-size: 1.0416666667vw;
  line-height: 1.0625;
  text-align: center;
  color: rgb(229, 0, 74);
  background: rgb(255, 255, 255);
  border: solid 1px rgb(229, 0, 74);
  border-radius: 1.8229166667vw;
  transition: color 300ms, background 300ms;
}

@media (max-width: 767px) {
  .common_button {
    margin: 7.3333333333vw auto 0;
    width: 41.6666666667vw;
    height: auto;
    padding: 1.875vw 0;
    font-size: 3.4375vw;
    line-height: 1;
    border-radius: 8.3333333333vw;
    transition: none;
  }
}