@charset "UTF-8";
.event-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "BIZ UDPGothic", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.event-movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0.7142857143em;
  width: 100%;
  padding: 1.1428571429em 0;
  line-height: 1;
  background-image: url("../img/event/bg-movie.png");
  background-size: cover;
}
.event-movie .movie-title {
  font-family: "Libre Baskerville", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho ProN W3", "Yu Mincho", yumincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", georgia, serif;
  font-size: 0.8571428571em;
  letter-spacing: 0.24em;
}
.event-movie .movie-video {
  width: 24.5em;
  height: auto;
  aspect-ratio: 16/9;
}
.event-movie .movie-text {
  font-size: 0.7142857143em;
  letter-spacing: 0.24em;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.7142857143em;
  width: 25.5714285714em;
  padding: 1.7142857143em 0 3.5714285714em;
  font-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "BIZ UDPGothic", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.gradation {
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: -webkit-gradient(linear, left top, right top, from(#e00000), color-stop(21.5%, #df7800), color-stop(44.5%, #cfd300), color-stop(65%, #3ea599), color-stop(82.5%, #cc57ce), to(#c90084));
  background: linear-gradient(90deg, #e00000 0%, #df7800 21.5%, #cfd300 44.5%, #3ea599 65%, #cc57ce 82.5%, #c90084 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.article01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.1428571429em;
  width: 100%;
  padding: 1.1428571429em 0;
}
.article01 header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4285714286em;
  letter-spacing: 0.08em;
}
.article01 header::before, .article01 header::after {
  display: block;
  width: 2px;
  height: 2.5em;
  content: "";
}
.article01 header::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(42.86%, #caaf6b), color-stop(52.32%, #f0e4c3), color-stop(64.73%, #896711));
  background: linear-gradient(-90deg, #caaf6b 42.86%, #f0e4c3 52.32%, #896711 64.73%);
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.article01 header::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(42.86%, #caaf6b), color-stop(52.32%, #f0e4c3), color-stop(64.73%, #896711));
  background: linear-gradient(90deg, #caaf6b 42.86%, #f0e4c3 52.32%, #896711 64.73%);
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.article01 h3 {
  display: block;
  width: 15.4em;
  font-weight: 700;
  text-align: center;
  background: linear-gradient(110deg, #caaf6b 42.86%, #f0e4c3 52.32%, #896711 64.73%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.article01 .text {
  font-size: 1.1428571429em;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.article01 .box {
  background: rgba(16, 16, 16, 0.9);
  border: max(0.1428571429em, 1px) solid;
  border-radius: 0.2142857143em;
}
.article01 .article01-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5714285714em 0;
}
.article01 .article01-container .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  row-gap: 0.75em;
  padding: 1.625em 2.125em;
  font-size: 1.1428571429em;
}
.article01 .article01-container h4 {
  position: absolute;
  top: -0.7777777778em;
  right: 0;
  left: 0;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.1111111111em;
  margin: 0 auto;
  font-size: 1.2857142857em;
  font-weight: 700;
  color: #fbfe52;
  letter-spacing: 0.08em;
  background: black;
}
.article01 .article01-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.75em;
  line-height: 1;
}
.article01 .article01-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.625em;
     -moz-column-gap: 0.625em;
          column-gap: 0.625em;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.article01 .article01-container ul li::before {
  display: block;
  width: 0.6495190528em;
  height: 0.75em;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
  background: white;
  -webkit-animation: blink 1.6s infinite;
          animation: blink 1.6s infinite;
}
.article01 .article01-container ul li:last-child::before {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.article01 .bottom {
  padding: 1.1428571429em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.6;
}

.pink {
  font-size: 1.5714285714em;
  font-weight: 700;
  color: #ff008a;
  letter-spacing: 0.08em;
}

.article-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.8571428571em;
}
.article-02 h3,
.article-02 .text {
  font-size: 1.7142857143em;
  font-weight: 700;
  line-height: 1;
  color: #ffce22;
  letter-spacing: 0.08em;
}
.article-02 h3 {
  text-align: center;
}

.play,
.play .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.7142857143em;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1428571429em;
}
.gallery .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
  font-size: 0.8571428571em;
  font-weight: 700;
}

.again {
  font-size: 1.4285714286em;
  font-weight: 700;
  letter-spacing: 0.08em;
}/*# sourceMappingURL=event-marumie.css.map */