@media only screen and (max-width: 959px) {
  /* SP用 */
.c-catch-s{
--tw-leading: 1.375;
margin-top: clamp(0px, 6.154vw, 30.7692px);
font-size: clamp(0px, 6.205vw, 30.0256px);
line-height: 1.375;
}
img.mark{
width:45%;
height:45%;
}
img.map{
width:90%;
height:90%;
}
.mv-info {
background: rgba(255, 255, 255, 0.9) !important;
}

.mgn-right-5 {
margin-right: 5px !important;
}

.mgn-right-100 {
margin-right: 84px !important;
}

.mgn-right-87 {
margin-right: 73px !important;
}


  .event-catch {
    text-align: center;
    font-weight: 800;
    line-height: 1.25;
  }

  .event-catch p {
    margin-bottom: 8px;
  }

  .event-catch .red {
   color: #b71818;
    font-size: clamp(18px, 5vw, 24px)
  }

.event-catch .blue-large {
  color: #253bd8;
  font-size: clamp(18px, 8.5vw, 36px)
}

.event-catch .blue {
  color: #253bd8;
  font-size: clamp(18px, 6.2vw, 28px);
}

  .event-catch .yellow {
  display: inline-block;
  color: #e60000;
    font-size: clamp(20px, 6.5vw, 32px);
  }

.highlight {
    display:inline-block;
    margin:8px 0;
    padding: .08em .35em;
    background:#ffe600;
    line-height:1.15;
    letter-spacing:-0.03em;
}

.event-catch .top {
  margin-top: 25px;
}

.event-catch .bottom {
  margin-bottom : 25px;
}

}

@media only screen and (min-width: 960px) {
  /* PC用 */
.c-catch-s{
--tw-leading: 1.375;
margin-top: clamp(0px, 6.154vw, 30.7692px);
font-size: clamp(0px, 6.205vw, 30.0256px);
line-height: 1.375;
}
img.mark{
width:15%;
height:15%;
}
img.map{
width:40%;
height:40%;
}

.mgn-right-5 {
margin-right: 5px !important;
}

.mgn-right-100 {
margin-right: 84px !important;
}

.mgn-right-87 {
margin-right: 73px !important;
}


.event-catch {
  text-align: center;
  font-weight: 900;
  line-height: 1.25;
}

.event-catch p {
  margin: 0 0 10px;
}

.event-catch .red {
  color: #b71818;
  font-size: clamp(20px, 2.2vw, 26px);
}

.event-catch .blue-large {
  color: #253bd8;
  font-size: clamp(30px, 4.8vw, 50px);
}

.event-catch .blue {
  color: #253bd8;
  font-size: clamp(30px, 3.8vw, 36px);
}

.event-catch .yellow {
  display: inline-block;
  color: #e60000;
  font-size: clamp(30px, 3.8vw, 36px)
}

.highlight {
    display:inline-block;
    margin:8px 0;
    padding: .08em .35em;
    background:#ffe600;
    line-height:1.15;
    letter-spacing:-0.03em;
}

.event-catch .top {
  margin-top: 25px;
}

.event-catch .bottom {
  margin-bottom : 25px;
}



}

.c-catch-s{
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0f0f0f;
}

.text-center{
text-align:center;
}

.header-container, .common-container{
background-image: url("../img/background_img.png");
background-color : #000000;
}

.c-h2 {
border-color: #b71818 !important;
}

.h1-ttl-box {
background: #b71818 !important;
}

.h1-ttl{
color:#ffffff !important;
}

p > a:link,
p > a:visited {
  text-decoration: underline;
  }

p > a:hover,
p > .a:active {
  text-decoration: none;
  }

.ticket-price {
    display: grid;
    grid-template-columns: 160px auto;
    gap: 8px 16px;
    margin: 0;
}

.ticket-price dt,
.ticket-price dd {
    margin: 0;
    font-weight: bold;
}