@charset "UTF-8";

/* 共通部分 */

.-modal {}

.-modal-wrapper {
  padding: 4.144vw 0 6.613vw;
}

.-modal-ttl {
  text-align: center;
  margin-bottom: 3.086vw;
  height: 10.67vw;
}

.-modal-ttl-img {
  width: auto;
  height: 100%;
}

.-modal-contents {
  background-color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  margin: 0 auto;
  width: 86.772%;
}

@media (min-width: 769px) {}

@media screen and (max-width: 768px) {

  .-modal-wrapper {
    padding: 5.97vw 0 9.552vw;
  }

  .-modal-ttl {
    margin-bottom: 3.88vw;
    height: 20vw;
  }

  .-modal-contents {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 91.641%;
  }

}


/* present */

.modal-present {
  background-image: url(../img/home/modal/present/present_bg_pc.png);
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: repeat;
}

.present {}

.present-wrapper {}

.present-ttl {}

.present-contents {}

.present-contents-inner {
  padding: 5.467vw 0 5.643vw;
}

.present-headline {
  width: 81.91%;
  margin: 0 auto 3.527vw;
}

.present-img {
  margin: 0 auto 2.469vw;
  width: 78.556%;
}

.present-note {
  margin: 0 auto;
  width: 51.219%;
}



@media (min-width: 769px) {}

@media screen and (max-width: 768px) {

  .modal-present {
    background-image: url(../img/home/modal/present/present_bg_sp.png);
  }

  .present-contents-inner {
    padding: 5.467vw 0 5.643vw;
  }

  .present-headline {
    width: 76.872%;
    margin: 0 auto 3.283vw;
  }

  .present-img {
    margin: 0 auto 4.477vw;
    width: 90.879%;
  }

  .present-note {
    width: 90.879%;
  }
}


/* ticket */

.modal-ticket {
  background-image: url(../img/home/modal/ticket/ticket_bg_pc.png);
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: repeat;
}

.ticket {}

.ticket-wrapper {}

.ticket-ttl {}

.ticket-ttl-img {}

.ticket-contents {}

.ticket-contents-inner {
  padding: 5.114vw 0 8.641vw;
}

.ticket-contents-window {}

.ticket-contents-window-inner {
  /* padding-bottom: 6.966vw; */
}

.ticket-contents-window-headline {
  margin: 0 auto 0.881vw;
  width: 87.5%;
}

.ticket-contents-window-mvtk {
  margin: 0 auto 2.028vw;
  width: 69.105%;
}

.ticket-contents-window-card {
  margin-bottom: 2.645vw;
  width: 100%;
}

.ticket-contents-window-more {
  margin: 0 auto 7.319vw;
  width: 61.89%;
}

.ticket-contents-window-fee {
  margin: 0 auto 2.998vw;
  width: 85.975%;
}

.ticket-contents-window-btn {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: center; */
  margin: 0 auto 2.116vw;
  width: 85.975%;
}

.ticket-contents-window-btn-item {
  display: block;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  width: 48.936%;
}

.ticket-contents-window-note {
  margin: 0 auto;
  width: 50.711%;
}

/* .ticket-contents-star {
  margin: 0 auto;
  width: 84.451%;
}

.ticket-contents-online {}

.ticket-contents-online-inner {
  padding-top: 5.996vw;
}

.ticket-contents-online-headline {
  margin: 0 auto 3.174vw;
  width: 85.873%;
}

.ticket-contents-online-fee {
  margin: 0 auto 2.998vw;
  width: 85.975%;
}

.ticket-contents-online-btn {
  display: block;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  margin: 0 auto;
  width: 42.073%;
} */

@media (min-width: 769px) {

  .ticket-contents-window-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.793vw;
    justify-content: center;
  }

  .ticket-contents-window-btn-item {
    margin-bottom: 0.793vw;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }

  .ticket-contents-window-btn-item:last-child {
    margin-bottom: 0;
  }

  .ticket-contents-window-btn-item:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
  }

  /* .ticket-contents-online-btn {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }


  .ticket-contents-online-btn:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
  } */

}

@media screen and (max-width: 768px) {
  .modal-ticket {
    background-image: url(../img/home/modal/ticket/ticket_bg_sp.png);
  }

  .ticket {}

  .ticket-wrapper {}

  .ticket-ttl {}

  .ticket-ttl-img {}

  .ticket-contents {}

  .ticket-contents-inner {
    padding: 10.447vw 0 14.626vw;
  }

  .ticket-contents-window {}

  .ticket-contents-window-inner {
    /* padding-bottom: 15.223vw; */
  }

  .ticket-contents-window-headline {
    margin: 0 auto 6.567vw;
    width: 73.941%;
  }

  .ticket-contents-window-mvtk {
    margin: 0 auto 8.656vw;
    width: 100%;
  }

  .ticket-contents-window-card {
    margin-bottom: 2.645vw;
  }

  .ticket-contents-window-more {
    margin: 0 auto 14.328vw;
    width: 100%;
  }

  .ticket-contents-window-fee {
    margin: 0 auto 2.089vw;
    width: 100%;
  }

  .ticket-contents-window-btn {
    /* flex-wrap: wrap;
    flex-direction: column-reverse; */
    margin: 0 auto 5.074vw;
    width: 91.53%;
  }

  .ticket-contents-window-btn-item {
    margin-bottom: 1.492vw;
    width: 100%;
  }

  /* .ticket-contents-window-btn-item:last-child {
    margin-bottom: 0;
  } */

  .ticket-contents-window-note {
    width: 91.53%;
  }

  /* .ticket-contents-star {
    width: 92.508%;
  }

  .ticket-contents-online {}

  .ticket-contents-online-inner {
    padding-top: 12.537vw;
  }

  .ticket-contents-online-headline {
    margin: 0 auto 5.373vw;
    width: 92.182%;
  }

  .ticket-contents-online-fee {
    margin: 0 auto 2.089vw;
    width: 100%;
  }

  .ticket-contents-online-btn {
    width: 91.53%;
  } */
}


/* staff */

.staff .-mb05 {
  margin: 0 0 0.5em;
}

.staff .-mb06 {
  margin: 0 0 0.6em;
}

.staff .-mb1 {
  margin: 0 0 1em;
}

.staff .-mb2 {
  margin: 0 0 2em;
}

.staff .-mb3 {
  margin: 0 0 3em;
}

.staff .-mb4 {
  margin: 0 0 4em;
}

.staff .-mb5 {
  margin: 0 0 5em;
}

.staff .-mb6 {
  margin: 0 0 6em;
}

.staff-wrapper {
}

.staff-head {
  width: 100%;
}

.staff-box {
  background-color: #AC1C4D;
}

.staff-box-inner {
  width: 80.321%;
  margin: 0 auto;
  position: relative;
  padding: 79px 0 50px 0;
}

.staff-ttl {
  width: 24.995%;
  margin: 0 auto 84px;
}

.staff-roll {
  color: #fff;
  font-size: 1.7vw;
  line-height: 1.45;
  text-align: left;
  margin: 0 0 6em;
}

.staff-roll-ttl {
  margin: 0 0 2em;
  font-weight: bold;
}

.staff-roll dl {
  display: flex;
  width: 100%;
}

.staff-roll dt {
  font-weight: normal;
  width: 40%;
}

/* .staff-roll dd {
  width: 30%;
} */

.staff-roll .second {
  width: 32%;
}

.staff-roll .third {
  width: 28%;
}

.staff-roll-voice {
  margin: 0 0 4em;
}

.staff-roll-role {
  margin: 0 0 50px;
}

.staff-txt_center {
  text-align: center;
  margin: 0 0 2em;
}

.staff-roll-copyright {
  display: block;
  font-size: 100%;
  margin: 3em 0 0 0;
}

.staff-roll-txt {
  /* line-height: 1.45; */
}

.staff-foot {
  width: 100%;
}

@media screen and (max-width: 768px) {
  
  .staff-box-inner {
    width: 88%;
    padding: 40px 0 30px 0;
  }
  
  .staff-ttl {
    width: 60.606%;
    margin: 0 auto 67px;
  }
  
  .staff-roll {
    font-size: 3.6vw;
    line-height: 1.5;
  }
  
  .staff-roll dl {
    flex-wrap: wrap;
  }
  
  .staff-roll dt {
    width: 100%;
    margin: 0;
  }
  
  .staff-roll .second {
    width: 60%;
  }

  .staff-roll .third {
    width: 40%;
  }

  .character .first {
    width: 60%;
  }

  .character .second {
    width: 40%;
  }
  
  .staff-roll-role {
    margin: 0 0 50px;
  }
  
  .staff-txt_center {
    text-align: center;
    margin: 0 0 2em;
  }
  
  .staff-roll-copyright {
    margin: 3em 0 0 0;
  }

}