:root {
  --bulma-body-color: #fff;
  --bulma-background: #fff;
  --bulma-body-background-color: #fff;
}

.title {
  background-color: #1583C9;
  background-image: url(../images/2025/header.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1400px;
  min-height: 550px;
}

.mini-info {
  text-align: center;
  padding: .3em 0 2em;
  max-width: 680px;
  margin: 0 auto;
}

.free {
  padding-bottom: 2em;
  width: 50%;
}

.sns {
  text-align: center;
  font-size: 2.5em;

}

.sns a {
  color: #72796D;
}

.main {
  background-color: #EEEEEF;
  /* background-image: url(../images/2021/bg.jpg); */
  background-position: center 200px;
  background-repeat: no-repeat;
  background-size: 200vw;
  min-height: 2000px;
}

.youtube {
	width: 90%;
  max-width: 680px;
	padding: 0;
	box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.youtube__inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	/* overflow: hidden; */
  /* margin-top: -20px; */
}

.youtube__inner iframe {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 100%;
}

.lineup {
  background-image: url(../images/2025/kaijo.jpg), linear-gradient(0deg, rgba(132, 132, 132, 1) 0%, rgba(132,132,132,1) 20%, rgba(238,238,239,1) 20%, rgba(238,238,239,1) 100%);
  background-position: center 100%;
  background-repeat: no-repeat;
  background-size: 3000px;
}

.lineup_title {
  width: 80%;
  max-width: 480px;
}

.guest_title {
  width: 80%;
  max-width: 310px;
}


.artists {
  margin-right: auto;
  margin-left: auto;
}

.artist {
  max-width: 100%;
  width: 49%;
}

.anthem img {
  vertical-align: bottom;
}

.anthem-info {
  background-color: #fff;
}

.info {
  position: relative;
  z-index: 10;
}
.info__inner {
  
  max-width: 90%;
}
.info::after{
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 50px;
  background-color: #dcdcdc;
  z-index: -2;
}

.information {
  width: 43%;
}

.ticket {
  width: 80%;
  max-width: 417px;
}

.ticket_button {
  /* width: 90%; */
}

.datetime {
  /* width: 90%; */
}

.map {
  /* width: 90%; */
}

.map img {
  vertical-align: bottom;
}

.venue {
  width: 100%;
}
.map_button {
  width: 33%;
  position: absolute;
  top: 10%;
  right: 0;
}

.goto {
  width: 33%;
}

footer {
  background-color: #dcdcdc;
  margin-top: -1px;
  
}

.ravetaisen {
  width: 300px;
  max-width: 90%;
}

@media screen and (min-width: 1024px) {
  .title {
    background-size: 1800px;
    min-height: 700px;
  }
  .title__sns {
    padding-top: 550px;
    text-align: center;
  }
  .covid-19 {
    width: 360px;
    margin-top: -80px;
  }
  .message {
    width: 180px;
  }
  .main {
    background-size: 1800px;
  }
  .artist {
    width: 320px;
  }
  .lineup, .notice {
    background-size: 2180px;
  }
}

.contact {
  color: #fff;
  font-size: 1.2rem;
}

.contact a {
  color: #fff;
}

/* notice */
.notice {
  background-color: #dcdcdc;
  position: relative;
  z-index: 10;
}

.notice_title {
  margin-top: -80px;
}

.covid-outer {
  padding-bottom: 1rem;
}


/* util */
.center {
  text-align: center;
}

.mw {
  max-width: 650px;
}



.va-b {
  vertical-align: bottom;
}