@charset "UTF-8";
[data-page=ticket] #glbnav {
  height: 100%;
}

section#s-price {
  margin-bottom: 25.64vw;
  padding-bottom: 0px;
}
section#s-price .titles {
  width: 100%;
  background: #000;
  display: flex;
}
section#s-price .titles p {
  width: 30.85%;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 12.82vw;
  font-size: var(--fs-18-35);
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
}
section#s-price .titles p:nth-of-type(1) {
  padding-left: 3.08vw;
  margin-right: 3.6%;
}
section#s-price .titles p:nth-of-type(2) {
  margin-right: 3.6%;
}
section#s-price .titles p:nth-last-of-type(1) {
  margin-right: 0px;
}
section#s-price .table dl {
  display: flex;
  border-bottom: 1px solid #000;
}
section#s-price .table dl dt, section#s-price .table dl dd {
  width: 31.06%;
  margin-right: 0%;
  box-sizing: border-box;
  height: 18.97vw;
  display: flex;
  align-items: center;
  font-size: var(--fs-18-35);
}
section#s-price .table dl dt {
  border-right: 1px solid #000;
  padding-left: 3.08vw;
  margin-right: 3.6%;
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
}
section#s-price .table dl dt p {
  line-height: 1.2;
}
section#s-price .table dl dt span {
  display: block;
  font-size: var(--fs-12-20);
}
section#s-price .table dl dd {
  border-right: 1px solid #000;
}
section#s-price .table dl dd:nth-of-type(1) {
  margin-right: 3.4%;
}
section#s-price .table dl dd:nth-last-of-type(1) {
  border: none;
}
section#s-price .table dl.table_limited {
  background: #fff;
}
section#s-price .table dl.table_limited dt, section#s-price .table dl.table_limited dd {
  height: 31.79vw;
}
section#s-price .table dl.table_limited dt {
  letter-spacing: -0.1em;
  box-sizing: border-box;
  margin-right: 0px;
}
section#s-price .table dl.table_limited dd {
  width: 68.94%;
  text-align: center;
  margin-right: 0px;
  justify-content: center;
}
section#s-price .note_table {
  margin-top: 1em;
}
section#s-price .note_table ul li {
  font-size: var(--fs-12-20);
  line-height: 1.6;
}
section#s-price .note_table ul li.bg_black {
  background: #000;
  color: #fff;
  display: inline-block;
}

section#s-limited {
  margin-bottom: 25.64vw;
}
section#s-limited .item figure {
  margin-bottom: 7.69vw;
  position: relative;
}
section#s-limited .item figure img {
  width: 100%;
}
section#s-limited .item figure .soldout {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section#s-limited .item figure .soldout p {
  font-size: var(--fs-50-100);
  color: var(--color-key);
  font-family: NHaasGroteskTXPro-65Md;
}
section#s-limited .item .item_info h3 {
  font-size: var(--fs-25-50);
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
  line-height: 1.4;
  margin-bottom: 0.3em;
}
section#s-limited .item .item_info h4 {
  font-size: var(--fs-18-35);
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
  line-height: 1.4;
}
section#s-limited .item .item_info ul {
  margin-top: 0.5em;
}
section#s-limited .item .item_info ul li {
  font-size: var(--fs-12-20);
  line-height: 1.6;
}
section#s-limited .item .item_info br.pc {
  display: none;
}

section#s-information .section_inner {
  padding: 0 0 12.82vw 0;
  width: 100%;
}
section#s-information .b-timetable {
  width: var(--innerW);
  margin: auto;
  margin-bottom: 25.64vw;
}
section#s-information .b-timetable .ttl_timetable {
  margin-bottom: 12.82vw;
}
section#s-information .b-timetable h3 {
  font-size: var(--fs-40-70);
  margin-bottom: 5.13vw;
  font-family: NHaasGroteskTXPro-65Md;
}
section#s-information .b-timetable p {
  font-size: var(--fs-18-35);
  line-height: 1.4;
}
section#s-information .b-timetable .notes {
  margin-top: 4.1vw;
}
section#s-information .b-timetable .notes ul li {
  font-size: var(--fs-12-20);
  line-height: 1.6;
}
section#s-information .c-timetable {
  width: 100%;
}
section#s-information .c-timetable tr:nth-child(1) {
  position: sticky;
  top: 0px;
}
section#s-information .c-timetable tr th, section#s-information .c-timetable tr td {
  box-sizing: border-box;
  padding-left: 3.08vw;
}
section#s-information .c-timetable tr th {
  background: #000;
  width: 50%;
  color: #fff;
  font-size: var(--fs-18-35);
  height: 12.82vw;
  line-height: 12.82vw;
  text-align: left;
}
section#s-information .c-timetable tr td {
  width: 50%;
  height: 10.26vw;
  line-height: 10.26vw;
  font-size: var(--fs-18-35);
  background: #fff;
}
section#s-information .c-timetable tr:nth-child(2n+1) td {
  background: #ADADAD;
}
section#s-information .b-timetable {
  margin-top: 25.64vw;
}
section#s-information .b-timetable .ttl_timetable,
section#s-information .b-timetable table,
section#s-information .b-timetable .notes {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
section#s-information .b-timetable.animate .ttl_timetable,
section#s-information .b-timetable.animate table,
section#s-information .b-timetable.animate .notes {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
section#s-information .b-timetable.animate table {
  transition-delay: 0.1s;
}
section#s-information .b-timetable.animate .notes {
  transition-delay: 0.2s;
}
section#s-information span.color_pink {
  color: var(--color-pink);
}

#s-price .titles,
#s-price dl,
#s-price .note_table {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#s-price .animate .titles,
#s-price .animate dl,
#s-price .animate .note_table {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#s-price .animate dl:nth-of-type(1) {
  transition-delay: 0.1s;
}
#s-price .animate dl:nth-of-type(2) {
  transition-delay: 0.2s;
}
#s-price .animate dl:nth-of-type(3) {
  transition-delay: 0.3s;
}
#s-price .animate dl:nth-of-type(4) {
  transition-delay: 0.4s;
}
#s-price .animate .note_table {
  transition-delay: 0.5s;
}

#s-limited .item,
#s-limited .item_size {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
#s-limited .animate .item,
#s-limited .animate .item_size {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#s-limited .animate .item_size {
  transition-delay: 0.1s;
}

.b-place {
  margin-bottom: 19.23vw;
}
.b-place ul li {
  font-size: var(--fs-18-35);
  line-height: 1.4;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
.b-place.animate ul li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.b-place.animate ul li:nth-of-type(1) {
  transition-delay: 0.1s;
}
.b-place.animate ul li:nth-of-type(2) {
  transition-delay: 0.2s;
}
.b-place.animate ul li:nth-of-type(3) {
  transition-delay: 0.3s;
}
.b-place.animate ul li:nth-of-type(4) {
  transition-delay: 0.4s;
}
.b-place.animate ul li:nth-of-type(5) {
  transition-delay: 0.5s;
}
.b-place.animate ul li:nth-of-type(6) {
  transition-delay: 0.6s;
}
.b-place.animate ul li:nth-of-type(7) {
  transition-delay: 0.7s;
}
.b-place.animate ul li:nth-of-type(8) {
  transition-delay: 0.8s;
}
.b-place.animate ul li:nth-of-type(9) {
  transition-delay: 0.9s;
}
.b-place.animate ul li:nth-of-type(10) {
  transition-delay: 1s;
}

.b-notes {
  background: #fff;
  width: var(--innerW);
  margin: auto;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
.b-notes.black {
  background: #000;
}
.b-notes.black h2, .b-notes.black h3, .b-notes.black li {
  color: #fff;
}
.b-notes h2 {
  font-size: var(--fs-18-35);
  line-height: 1.4;
  margin-bottom: 5.13vw;
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
}
.b-notes ul li {
  font-size: var(--fs-12-20);
  line-height: 1.6;
  position: relative;
  padding-left: 1.2em;
}
.b-notes ul li.mt {
  margin-top: 2em;
}
.b-notes ul li:before {
  content: "・";
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: var(--fs-12-20);
}
.b-notes ul li.nodot {
  padding-left: 0px;
  margin-top: 1.5em;
}
.b-notes ul li.nodot:before {
  display: none;
}
.b-notes ul li.list_title {
  margin-top: 1.5em;
  padding-left: 0px;
}
.b-notes ul li.list_title:before {
  display: none;
}
.b-notes ul h3 {
  font-size: var(--fs-12-20);
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
  margin-bottom: 0.5em;
}
.b-notes ul h3 br.pc {
  display: none;
}
.b-notes ul.num {
  padding-left: 1.5em;
}
.b-notes ul.num li {
  list-style-type: decimal;
  padding-left: 0px;
}
.b-notes ul.num li:before {
  display: none;
}
.b-notes.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.link_buy_tickets {
  width: var(--innerW);
  margin: 25.64vw auto;
  border: 1px solid var(--color-black);
  border-radius: 12.82vw;
  overflow: hidden;
  box-sizing: border-box;
}
.link_buy_tickets a {
  background: var(--color-key);
  display: flex;
  align-items: center;
  width: 100%;
  height: 25.64vw;
}
.link_buy_tickets a span {
  display: block;
  width: 100%;
  height: 8.97vw;
  background-image: url(../images/tickets/txt_ticket.svg);
  background-repeat: repeat-x;
}

.item_size {
  border-top: 1px solid var(--color-black);
  margin-top: 5.13vw;
}
.item_size dl {
  display: flex;
  align-items: center;
}
.item_size dl dt, .item_size dl dd {
  width: 33.3333333333%;
  font-size: var(--fs-18-35);
  border-bottom: 1px solid var(--color-black);
  box-sizing: border-box;
  line-height: 1.2;
  padding-left: 0.5em;
  display: flex;
  align-items: center;
  height: 18.97vw;
}
.item_size dl dt {
  background: var(--color-black);
  color: #fff;
  font-size: var(--fs-18-35);
  border-bottom: 1px solid #fff;
  font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
}
.item_size dl dd {
  border-left: 1px solid var(--color-black);
}
.item_size dl:nth-last-of-type(1) dt {
  border-bottom: 1px solid var(--color-black);
}
.item_size p.note {
  margin-top: 1em;
  font-size: var(--fs-12-20);
  line-height: 1.6;
}

/* PC */
@media all and (min-width: 864px) {
  [data-page=ticket] #s-page_kv h1 {
    top: 5vw;
  }
  [data-page=ticket] #s-page_kv p.ja {
    bottom: 10.83vw;
  }
  section#s-price {
    margin-bottom: 10.42vw;
    padding-bottom: 0px;
  }
  section#s-price .titles p {
    height: 5.83vw;
  }
  section#s-price .titles p:nth-of-type(1) {
    padding-left: 3.06vw;
    margin-right: 3.6%;
  }
  section#s-price .titles p:nth-of-type(2) {
    margin-right: 3.6%;
  }
  section#s-price .titles p:nth-last-of-type(1) {
    margin-right: 0px;
  }
  section#s-price .table dl dt, section#s-price .table dl dd {
    height: 8.61vw;
  }
  section#s-price .table dl br.sp {
    display: none;
  }
  section#s-price .table dl dt {
    padding-left: 3.06vw;
  }
  section#s-price .table dl dt p {
    line-height: 1.6;
  }
  section#s-price .table dl.table_limited dt, section#s-price .table dl.table_limited dd {
    height: 11.53vw;
  }
  section#s-price .table dl.table_limited dt {
    letter-spacing: 0em;
  }
  section#s-price .note_table {
    margin-top: 2.08vw;
  }
  section#s-price .note_table ul li.bg_black {
    line-height: 1;
  }
  section#s-limited {
    margin-bottom: 10.42vw;
  }
  section#s-limited .item {
    display: flex;
    justify-content: space-between;
  }
  section#s-limited .item figure {
    width: 65.53%;
    margin-bottom: 0;
  }
  section#s-limited .item .item_info {
    width: 31.06%;
  }
  section#s-limited .item .item_info h3 {
    margin-bottom: 1.94vw;
  }
  section#s-limited .item .item_info h3 br.pc {
    display: block;
  }
  section#s-limited .item .item_info h4 {
    font-size: var(--fs-18-35);
    font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
    line-height: 1.4;
  }
  section#s-limited .item .item_info h4 br.pc {
    display: block;
  }
  section#s-limited .item .item_info ul {
    margin-top: 1.94vw;
  }
  section#s-limited .item .item_info ul li {
    font-size: var(--fs-12-20);
    line-height: 1.6;
  }
  section#s-limited .item .item_info br.pc {
    display: none;
  }
  section#s-information {
    padding-top: 0;
  }
  section#s-information .section_inner {
    padding: 0 0 19.1vw 0;
  }
  section#s-information .b-timetable {
    width: var(--innerW);
    margin: auto;
    margin-bottom: 10.42vw;
    margin-top: 10.42vw;
  }
  section#s-information .b-timetable .ttl_timetable {
    margin-bottom: 2.92vw;
  }
  section#s-information .b-timetable h3 {
    margin-bottom: 2.92vw;
  }
  section#s-information .b-timetable p br {
    display: none;
  }
  section#s-information .b-timetable .notes {
    margin-top: 2.08vw;
  }
  section#s-information .c-timetable {
    width: 100%;
  }
  section#s-information .c-timetable tr th, section#s-information .c-timetable tr td {
    box-sizing: border-box;
    padding-left: 3.13vw;
  }
  section#s-information .c-timetable tr th {
    height: 5.83vw;
    line-height: 5.83vw;
  }
  section#s-information .c-timetable tr td {
    height: 4.17vw;
    line-height: 4.17vw;
  }
  .b-place {
    margin-bottom: 6.94vw;
  }
  .b-notes .list_notes {
    margin-bottom: 4.17vw;
  }
  .b-notes .list_notes:nth-last-of-type(1) {
    margin-bottom: 0px;
  }
  .b-notes h2 {
    font-size: var(--fs-18-35);
    line-height: 1.4;
    margin-bottom: 1.39vw;
  }
  .b-notes ul li {
    font-size: var(--fs-12-20);
    line-height: 1.6;
    position: relative;
    padding-left: 1.2em;
  }
  .b-notes ul li.mt {
    margin-top: 2em;
  }
  .b-notes ul li:before {
    content: "・";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: var(--fs-12-20);
  }
  .b-notes ul.num {
    padding-left: 1.5em;
  }
  .b-notes ul.num li {
    list-style-type: decimal;
    padding-left: 0px;
  }
  .b-notes ul.num li:before {
    display: none;
  }
  .link_buy_tickets {
    margin: 10.42vw auto;
  }
  .link_buy_tickets a {
    height: 13.89vw;
    transition: background 0.15s ease-out;
  }
  .link_buy_tickets a span {
    height: 3.82vw;
  }
  .link_buy_tickets a:hover {
    background: var(--color-black);
  }
  .link_buy_tickets a:hover span {
    background-image: url(../images/tickets/txt_ticket_white.svg);
  }
  .item_size {
    width: 100%;
    border-top: 1px solid var(--color-black);
    margin-top: 3.47vw;
  }
  .item_size .sizes {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }
  .item_size dl {
    width: 20%;
    display: block;
    align-items: center;
  }
  .item_size dl dt, .item_size dl dd {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 1em;
  }
  .item_size dl dt {
    height: 5.83vw;
    background: var(--color-black);
    border-bottom: none;
  }
  .item_size dl dd {
    height: 8.61vw;
  }
  .item_size dl:nth-of-type(1) dd {
    font-family: NHaasGroteskTXPro-65Md, "Gothic MB101 DemiBold";
    border-left: none;
  }
}