@charset "UTF-8";
body {
  margin: 0;
}

.glitch {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent no-repeat center;
  background-size: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

@-webkit-keyframes spin-right {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}

@keyframes spin-right {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}
@-webkit-keyframes spin-left {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(-360deg); /* 360度回転 */
  }
}
@keyframes spin-left {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(-360deg); /* 360度回転 */
  }
}
@-webkit-keyframes spin-right-center {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); /* 360度回転 */
  }
}
@keyframes spin-right-center {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); /* 360度回転 */
  }
}
@-webkit-keyframes arrow-fade {
  0% {
    fill: rgba(255, 255, 255, 0); /* 初期位置 */
  }
  40% {
    fill: #B100FF;
  }
  80% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@keyframes arrow-fade {
  0% {
    fill: rgba(255, 255, 255, 0); /* 初期位置 */
  }
  40% {
    fill: #B100FF;
  }
  80% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes scaleFit {
  0% {
    transform: scale(0.5); /* 初期位置 */
  }
  75% {
    transform: scale(1.03); /* 初期位置 */
  }
  100% {
    transform: scale(1); /* 初期位置 */
  }
}
@keyframes scaleFit {
  0% {
    transform: scale(0.5); /* 初期位置 */
  }
  75% {
    transform: scale(1.03); /* 初期位置 */
  }
  100% {
    transform: scale(1); /* 初期位置 */
  }
}
@-webkit-keyframes poemSlide {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes poemSlide {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes fontChange {
  0% {
    font-family: "DotGothic16", sans-serif;
  }
  80% {
    font-family: "Zen Old Mincho", serif;
    transform: skewY(5deg) scale(1.2);
  }
  100% {
    font-family: "Shippori Antique", sans-serif;
    transform: skewY(0deg);
    font-weight: normal;
  }
}
@keyframes fontChange {
  0% {
    font-family: "DotGothic16", sans-serif;
  }
  80% {
    font-family: "Zen Old Mincho", serif;
    transform: skewY(5deg) scale(1.2);
  }
  100% {
    font-family: "Shippori Antique", sans-serif;
    transform: skewY(0deg);
    font-weight: normal;
  }
}
@-webkit-keyframes albumAnime {
  0% {
    background: #fff;
  }
  20% {
    background: #8337E6;
  }
  40% {
    background: #831550;
  }
  60% {
    background: #FB33BF;
  }
  80% {
    background: #61C3BB;
  }
  100% {
    background: #fff;
  }
}
@keyframes albumAnime {
  0% {
    background: #fff;
  }
  20% {
    background: #8337E6;
  }
  40% {
    background: #831550;
  }
  60% {
    background: #FB33BF;
  }
  80% {
    background: #61C3BB;
  }
  100% {
    background: #fff;
  }
}
/*=============================================================
 tools
=============================================================*/
.page__ttlBox__title .glitch {
  background-image: url("../img/ticket/title-pc.png");
}
@media only screen and (max-width: 768px) {
  .page__ttlBox__title .glitch {
    background-image: url("../img/ticket/title-sp.png");
  }
}
.page .ticket__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.page .ticket__deco__item {
  position: absolute;
  z-index: 2;
}
.page .ticket__deco .deco1 {
  top: 204px;
  left: calc(50% - 927px);
  transform: rotate(82deg);
  width: 340px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco1 {
    width: 25.1851851852vw;
    left: calc(50% - 68.6666666667vw);
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco1 {
    top: 32.1875vw;
    width: 35.625vw;
    left: calc(50% - 56.71875vw);
  }
}
.page .ticket__deco .deco2 {
  top: 280px;
  left: calc(50% - 990px);
  transform: rotate(82deg);
  width: 456px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco2 {
    width: 33.7777777778vw;
    left: calc(50% - 73.3333333333vw);
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco2 {
    top: 40.625vw;
    width: 47.65625vw;
    left: calc(50% - 63.90625vw);
  }
}
.page .ticket__deco .deco3 {
  top: 402px;
  right: calc(50% - 1000px);
  width: 340px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco3 {
    width: 25.1851851852vw;
    right: calc(50% - 74.0740740741vw);
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco3 {
    top: 41.40625vw;
    width: 35.625vw;
    right: calc(50% - 55.46875vw);
  }
}
.page .ticket__deco .deco4 {
  bottom: 235px;
  left: calc(50% - 900px);
  transform: rotate(82deg);
  width: 340px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco4 {
    width: 25.1851851852vw;
    left: calc(50% - 66.6666666667vw);
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco4 {
    bottom: 7.8125vw;
    width: 35.625vw;
    left: -6.875vw;
  }
}
.page .ticket__deco .deco5 {
  bottom: 55px;
  left: calc(50% - 960px);
  transform: rotate(82deg);
  width: 456px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco5 {
    width: 33.7777777778vw;
    left: calc(50% - case_vw(960));
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco5 {
    bottom: -10.9375vw;
    width: 47.65625vw;
    left: -14.0625vw;
  }
}
.page .ticket__deco .deco6 {
  bottom: 100px;
  right: calc(50% - 1000px);
  width: 340px;
}
@media only screen and (max-width: 1350px) {
  .page .ticket__deco .deco6 {
    width: 25.1851851852vw;
    right: calc(50% - 74.0740740741vw);
  }
}
@media only screen and (max-width: 768px) {
  .page .ticket__deco .deco6 {
    bottom: -5vw;
    width: 35.625vw;
    right: -14.0625vw;
  }
}
.page__lineBlock {
  margin-bottom: 128px;
}
@media only screen and (max-width: 1350px) {
  .page__lineBlock {
    margin-bottom: 9.4814814815vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__lineBlock {
    z-index: 2;
    margin-bottom: 20vw;
  }
}
.page__lineBlock:nth-last-child(2) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .page__lineBlock:nth-last-child(2) {
    margin-bottom: 6.25vw;
  }
}
.page .detail__block .price__list {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .price__list {
    margin-bottom: 2.2222222222vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .price__list {
    margin-bottom: 4.6875vw;
  }
}
.page .detail__block .price__list__item {
  padding: 10px 20px 14px;
  text-align: center;
  -webkit-clip-path: polygon(15px 0px, calc(100% - 15px) 0px, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0px calc(100% - 15px), 0px 15px);
          clip-path: polygon(15px 0px, calc(100% - 15px) 0px, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0px calc(100% - 15px), 0px 15px);
  background-color: #B100FF;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .price__list__item {
    padding: 0.7407407407vw 1.4814814815vw 1.037037037vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .price__list__item {
    padding: 1.5625vw 3.125vw 2.1875vw;
    -webkit-clip-path: polygon(2.34375vw 0px, calc(100% - 2.34375vw) 0px, 100% 2.34375vw, 100% calc(100% - 2.34375vw), calc(100% - 2.34375vw) 100%, 2.34375vw 100%, 0px calc(100% - 2.34375vw), 0px 2.34375vw);
            clip-path: polygon(2.34375vw 0px, calc(100% - 2.34375vw) 0px, 100% 2.34375vw, 100% calc(100% - 2.34375vw), calc(100% - 2.34375vw) 100%, 2.34375vw 100%, 0px calc(100% - 2.34375vw), 0px 2.34375vw);
  }
}
.page .detail__block .price__list__item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .price__list__item:not(:last-child) {
    margin-bottom: 1.4814814815vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .price__list__item:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
.page .detail__block .price__list__item p {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .price__list__item p {
    font-size: 1.7777777778vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .price__list__item p {
    font-size: 4.375vw;
  }
}
.page .detail__block .price__list__item p span {
  font-size: 34px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .price__list__item p span {
    font-size: 2.5185185185vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .price__list__item p span {
    font-size: 5.9375vw;
  }
}
.page .detail__block .price__list__item p strong {
  color: #FFEB55;
}
.page .detail__block .playguide__list {
  margin: 30px 0 50px;
  border-top: 1px solid #B100FF;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list {
    margin: 2.2222222222vw 0 3.7037037037vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list {
    margin: 4.6875vw 0 7.8125vw;
  }
}
.page .detail__block .playguide__list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #B100FF;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list__item {
    padding: 1.1111111111vw 0;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list__item {
    display: block;
    padding: 1.875vw 0 4.6875vw;
  }
}
.page .detail__block .playguide__list__item p {
  display: flex;
  align-items: flex-end;
  font-size: 34px;
  color: #FFEB55;
  font-weight: bold;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list__item p {
    font-size: 2.5185185185vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list__item p {
    justify-content: center;
    font-size: 5.9375vw;
    margin-bottom: 2.34375vw;
  }
}
.page .detail__block .playguide__list__item p span {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list__item p span {
    font-size: 1.7777777778vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list__item p span {
    font-size: 4.375vw;
  }
}
.page .detail__block .playguide__list__item .btn {
  width: 370px;
  margin: 0 30px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list__item .btn {
    width: 27.4074074074vw;
    margin: 0 2.2222222222vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list__item .btn {
    width: 57.8125vw;
    margin: 0 auto;
  }
}
.page .detail__block .playguide__list__item .btn__link {
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.page .detail__block .playguide__list__item .btn__arrow {
  width: 56px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block .playguide__list__item .btn__arrow {
    width: 4.1481481481vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .playguide__list__item .btn__arrow {
    width: 8.75vw;
  }
}