@charset "utf-8";
/* CSS Document */


#ticket h2{margin: auto;text-align: center;}


.wTicketList{
  display:grid;
  gap:34px;
  width:100%;
}




.wTicketCity{
  width:100%;
  max-width:100%;
  padding:clamp(28px,4vw,46px);
  border-top:2px solid #222;
  background:rgba(255,255,255,.2);
}

.wTicketCity__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:5px;
}


h3.wTicketCity__title{
  width:540px;
  margin:0;
  line-height:0;
}

h3.wTicketCity__title img{
  display:block;
  width:100%;
  max-width:90%;
  height:auto;
}
.wTicketVenue{  width:380px;
  margin:0;
  font-size:24px;
}

.wTicketVenue a{
  display:inline-flex;
  align-items:baseline;
  gap:10px;

  text-decoration:none;

  border-bottom:1px solid rgba(0,0,0,.25);
  padding-bottom:3px;transition:.25s ease;
}
.wTicketVenue a:hover{
    color:var(--soft);
}
.wTicketVenue a small{font-family: var(--font-ui);
  font-size:10px;
  letter-spacing:.2em;
  opacity:.6;
}
/*星取*/

.wTicketPc{
  display:block;
}

.wTicketSp{
  display:none;
}

.wPcScroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}




.wTicketNote{
  margin:16px 0 0;
  color:var(--muted);
  font-size:12px;
}




@media (max-width:840px) {
    
    
    .wTicketCity {
        max-width: 94%; margin: auto;
    padding:24px 0;
  }

    .wTicketCity__head {
        display: block;
        margin-bottom: 20px;grid-template-columns:1fr;
    }
    
  
    h3.wTicketCity__title {
        width: 100%;
        margin-bottom: 12px;
    }
    h3.wTicketCity__title img {
        max-width: 100%;
    }
    .wTicketVenue {width:100%;max-width: 80%;
        margin: 0;
        padding: 0; width:auto;
        text-align: left;
    }
    
      .wTicketPc{
    display:none;
  }

  .wTicketSp{
    display:block;
  }
    
}/**/



/* =========================
   PC 星取表
========================= */

.wPcTable{
  table-layout:fixed;
  border-collapse:collapse;
  margin-top:14px;
  background:#fff;
}

.wPcTable th,
.wPcTable td{
  width:54px;
  min-width:54px;
  height:38px;
  padding:2px 4px;

  border:1px solid rgba(0,0,0,.22);

  text-align:center;
  white-space:nowrap;
  font-weight:400;
}

.wPcTable th:first-child,
.wPcTable td:first-child{
  width:68px;
  min-width:68px;
}

.wPcTable thead th{
  background:#f3f6f7;
  font-size:10px;
  line-height:1.1;
}

.wPcTable span{
  display:block;
  font-size:12px;
}

.wPcTable small{
  display:block;
  margin-top:3px;
  font-size:10px;
  color:#666;
}

/* 土曜 */

.wPcTable thead th.sat span,
.wPcTable thead th.sat small{
  color:#4f7ec8;
}

/* 日祝 */

.wPcTable thead th.sun span,
.wPcTable thead th.sun small,
.wPcTable thead th.holiday span,
.wPcTable thead th.holiday small{
  color:#c46b6b;
}

/* 開演時間 */

.wPcTable tbody th{
  background:#f3f6f7;
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
}



/* 休演 */

.wPcTable td.off{
  font-size:13px;
  color:#999;
  background:#f9f9f9;
  font-weight:400;
}

/* 演（休演の後半文字） */

.wPcTable td.rest{
  font-size:13px;
  color:#999;
   background:#f9f9f9;
  font-weight:400;
}

/* 通常セル */

.wPcTable td{
  font-size:16px;
}





/* =========================
   SP 星取表
========================= */

.wSpTable{
  width:100%;
  border-collapse:collapse;
  margin-top:14px;
  background:#fff;
}

.wSpTable th,
.wSpTable td{
  height:28px;
  padding:0 4px;
  border:1px solid rgba(0,0,0,.1);
  text-align:center;
}

.wSpTable th{
  background:#f3f6f7;
  font-size:11px;
}

.wSpTable td:nth-child(1){
  background:#f3f6f7;font-family: var(--font-ui);
}

.wSpTable td{
  font-size:13px;
  line-height:1.2;
}

/* 土曜 */

.wSpTable tr.sat td:nth-child(1){
  color:#4f7ec8;
  font-weight:700;
}

/* 日祝 */


.wSpTable tr.sun td:nth-child(1),
.wSpTable tr.holiday td:nth-child(1){
  color:#c46b6b;
  font-weight:700;
}


/* 休演 */

.wSpTable td.off,
.wSpTable td.rest{
  font-size:12px;
  color:#999;
   background:#f9f9f9;
  font-weight:400;
}

/* =========================
   Ticket Info
========================= */

.wTicketInfo{
  margin-top:28px;
  border-top:1px solid rgba(0,0,0,.12);
}

.wTicketRow{
  display:grid;
  grid-template-columns:100px 1fr;

  gap:24px;

  padding:18px 0;

  border-bottom:1px solid rgba(0,0,0,.08);
}

.wTicketLabel{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;

}

.wTicketValue{
  font-size:15px;
  line-height:1.8;
}

.wTicketNote{
  margin:8px 0 0;

  font-size:12px;
  color:#666;
}


.onsale-title{
  text-align:center;
  margin:0 auto 48px;
}

.onsale-title span{font-family: var(--font-ui);
  display:block;
  font-size:10px;
  margin-top:12px;
}

.onsale-title em{
  display:block;
  font-size:20px;
  font-weight:700;
  font-style:normal;
  line-height:1.2;
margin-top:12px;
  margin-bottom:12px;
}

.onsale-title strong{
  display:inline-block;

  font-size:14px;
  font-weight:500;

  color:#555;

  padding-bottom:4px;

  border-bottom:1px solid #bfd6e2;

  background:none;
}