@charset "UTF-8";
/* --------------------------------------------------
-------------------------------------------------- 関数 */
#information .motif {
  top: -64px;
}
@media only screen and (max-width: 1620px) {
  #information .motif {
    top: -3.950617284vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .motif {
    top: -4.375vw;
  }
}
#information h1 {
  width: 537px;
  margin-bottom: 122px;
}
@media only screen and (max-width: 1620px) {
  #information h1 {
    width: 33.1481481481vw;
    margin-bottom: 7.5308641975vw;
  }
}
@media only screen and (max-width: 768px) {
  #information h1 {
    width: 67.03125vw;
    margin-bottom: 21.875vw;
  }
}
#information h1 .jp {
  width: 297px;
  bottom: -73px;
}
@media only screen and (max-width: 1620px) {
  #information h1 .jp {
    width: 18.3333333333vw;
    bottom: -4.5061728395vw;
  }
}
@media only screen and (max-width: 768px) {
  #information h1 .jp {
    width: 38.28125vw;
    bottom: -7.1875vw;
  }
}
#information .trigger {
  top: 62px;
}
@media only screen and (max-width: 1620px) {
  #information .trigger {
    top: 3.8271604938vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .trigger {
    top: 7.5vw;
  }
}
#information h2 {
  width: 1130px;
  margin: 0 auto 66px;
}
@media only screen and (max-width: 1620px) {
  #information h2 {
    width: 69.7530864198vw;
    margin-bottom: 4.0740740741vw;
  }
}
@media only screen and (max-width: 768px) {
  #information h2 {
    width: 81.875vw;
    margin-bottom: 2.1875vw;
  }
}
#information .catch {
  width: 896px;
  margin: 0 auto 100px;
}
@media only screen and (max-width: 1620px) {
  #information .catch {
    width: 55.3086419753vw;
    margin-bottom: 6.1728395062vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .catch {
    width: 81.875vw;
    margin-bottom: 7.1875vw;
  }
}
#information .organization {
  text-align: center;
  margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
  #information .organization {
    margin-bottom: 7.8125vw;
  }
}
#information .organization p {
  font-size: 16px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #information .organization p {
    font-size: 3.125vw;
  }
}
#information .organization p:nth-child(1) {
  display: inline-block;
  padding: 5px 40px;
  margin-bottom: 15px;
  border-radius: 20px;
  background-image: linear-gradient(0deg, #0c20da, rgba(12, 32, 218, 0.84), rgba(12, 32, 218, 0.7));
}
@media only screen and (max-width: 768px) {
  #information .organization p:nth-child(1) {
    padding: 0.78125vw 4.6875vw;
    border-radius: 4.6875vw;
    margin-bottom: 1.5625vw;
  }
}
#information .detail-block {
  margin-bottom: 62px;
}
@media only screen and (max-width: 1620px) {
  #information .detail-block {
    margin-bottom: 3.8271604938vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .detail-block {
    margin-bottom: 9.375vw;
  }
}
#information .detail-block h2 {
  position: relative;
  width: 100%;
  font-size: 22px;
  color: #fff;
  line-height: 1.2;
  padding-bottom: 10px;
  padding-left: 30px;
  margin: 0 0 1.5em;
  border-bottom: 2px solid #B4A468;
  box-sizing: border-box;
}
@media only screen and (max-width: 1620px) {
  #information .detail-block h2 {
    font-size: 1.3580246914vw;
    padding-bottom: 0.6172839506vw;
    padding-left: 1.8518518519vw;
    border-bottom: 0.1234567901vw solid #B4A468;
  }
}
@media only screen and (max-width: 768px) {
  #information .detail-block h2 {
    font-size: 4.0625vw;
    padding-left: 6.5625vw;
    padding-bottom: 1.5625vw;
    border-width: 0.3125vw;
  }
}
#information .detail-block h2::before {
  content: "";
  position: absolute;
  top: 0.1em;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  background: url("../img/parts/motif_gold.svg") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1620px) {
  #information .detail-block h2::before {
    width: 1.5432098765vw;
    height: 1.5432098765vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .detail-block h2::before {
    width: 4.84375vw;
    height: 4.84375vw;
  }
}
#information .detail-block h3 {
  margin-top: 0;
}
#information .detail-block iframe {
  width: 100%;
}
#information .move-on .merch__box .frame {
  transform: scaleY(1);
}
#information .move-on .merch__box .image {
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}
#information .move-on .btn {
  opacity: 1;
}