@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

.event-body {/* デフォルトのbody設定より優先させたい設定 */
  width: 100%;
  margin:0 auto;
  background-color: #957407;
  background-image: repeating-linear-gradient(-45deg, #3e0b68, #3e0b68 23px, transparent 0, transparent 25px);
}

main {
  height: auto;
  margin: 45px auto 0;
  position: relative;
}

.inner {
  width: 80%;
  height: auto;
  position: absolute;
  top: 270px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.inner p {
  padding-bottom: 35px;
  overflow: hidden;
}

.inner p:hover {
  transform: scale(1.05);
  transition: 0.3s;
}

.anime-top-btn {
  width: 200px;
  height: auto;
  margin: 0 auto;
}

@media screen and (min-width: 500px) {
  main {
    width: 500px;
  }
}

@media screen and (max-width: 450px) {
  .inner {
    top: 230px;
  }
}

@media screen and (max-width: 400px) {
  .inner {
    top: 210px;
  }
}

@media screen and (max-width: 375px) {
  .inner {
    top: 200px;
  }
}