body::before {
  background:url('https://buzzring-calling.com/wp-content/uploads/2025/12/bb.jpg') no-repeat left center;
 
background-position:  center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size:cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  
  width: 100vw;
 height: 100vh;
 
  content: "";
  z-index: -1;


}



@font-face {
  font-family: 'main';
  src: url('./font/ToppanBunkyuMidashiGothicStdN-ExtraBold.woff2') format('woff2'),
    url('./font/ToppanBunkyuMidashiGothicStdN-ExtraBold.woff') format('woff');
}


.sp {display: none;}


table,td {border:none!important}

table td,
table th {

  overflow: visible;
  padding: 2px;
  
}






/* JavaScriptが実行される前の初期状態 */
.js-fade {
  opacity: 0;
  visibility: hidden;
}

/* クラスがついた時のアニメーション */
.fadeUp {
  visibility: visible;
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.comment2023 {background: rgba(0, 0, 0, 0.7); font-size: 1vw; text-align: center; padding: 30px 5px; line-height: 1.8;


}




ul {display:table; margin:0 auto!important; text-align: left;}
li {list-style: none; text-indent: -1em; font-size:1.2vw!important;}

.logo2023 {

width: 100%;
text-align: center; 
padding:60px 0px;
padding-top:0;

filter: drop-shadow(4px 4px 4px #000);

}

.logo2023 img { width: 70%; margin-bottom:20px;}

.logo2023 h2 {font-family: 'Luckiest Guy'; font-weight:300; font-size: 4vw!important}
.logo2023 span { font-family: 'Titan One'; font-size: 2vw!important; padding-left: 5px;}
.logo2023 h3 {font-family: 'Luckiest Guy';  font-weight:300; font-size: 3vw!important}
.shan {font-family: 'main'; font-size: 2vw!important;}
.title2023 {
  color:#00ffff;
filter: drop-shadow(4px 4px 4px #000);
  font-family: 'Luckiest Guy'; font-weight:300; 
  font-size: 5vw;  display: table; margin: 0 auto; margin-top: 80px;


}

.ha {text-align: center; }
.ha h2 { font-size: 2vw!important; margin: 0; margin-bottom: 20px;  }


.lineup2023 {
background: rgba(0, 0, 0, 0.8);
  text-align: center;  padding: 20px 0;　position:relative;}
.new {position:absolute; bottom:0; right:0;}
.new2 {position:absolute; top:0; left:0; display: none;}
.oa {position:absolute; left:0; top:0;}
.oa2 {position:absolute; left:0; bottom:0;}
.lineup2023 h2 { font-size: 2vw!important; margin: 0; margin-bottom: 20px;  }
.lineup2023 h3 {font-family: 'Luckiest Guy'; font-weight:300; font-size: 2.5vw!important; margin: 0; margin-top: 50px; margin-bottom: 10px;  }
.lineup2023 span {font-size: 1.5vw; }
.line2023 {display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1vw;
}

.litem2023 {width:40%;
text-align: center;
font-size: 1.2vw;
font-weight: bold;
padding-bottom: 10px;

border-bottom:5px solid #00ffff;
position: relative;

}




.more h4 {font-size: 1.5vw!important; display: table; margin: 0 auto; margin-top: 30px;}

.ticket2023 {background: rgba(0, 0, 0, 0.8);
padding:10px;

font-size: 1.2vw;  text-align: center; font-weight: bold; }
.ticket2023 h2 { font-size: 2.5vw!important; margin: 0; margin-bottom: 20px;}
.ticket2023 h3 { font-size: 2vw!important; margin: 0;}
.ticket2023 h4 { font-size: 2.5vw!important; margin: 0; margin-top: 20px;}
.ticket2023 span { font-size: 1.5vw!important; padding-left: 5px; }
.ticket2023 img {margin: 50px 0;}

.ticket2023 table {font-size: 2vw; width: 60%!important; margin: 50px auto; margin-bottom: 0;table-layout:   fixed;}
.ticket2023 th {border: none; 
  white-space: nowrap; line-height: 1; border-bottom: 1px solid #fff!important; padding: 20px 0;}
.ticket2023 td {  padding: 0;
  white-space: nowrap; border-bottom: 1px solid #fff!important}

.chuu {font-weight: normal; margin-top: 10px; font-size: 1vw;}

.tgazou {background: rgba(0, 0, 0, 0.5); padding: 0 5px;}
.goods {text-align: center; font-size: 1vw;  padding: 20px 0;}
.goods h2 { font-size: 2vw!important; margin: 0; margin-bottom: 10px;}


.info2023 {
font-size:1.2vw;
line-height: 1.5;
padding:10px;

 background: rgba(0, 0, 0, 0.8);


}

.info2023 a {color:#00ffff!important;}

.infoin {display: table; margin: 0 auto; padding: 0 20px;}
.info2023 h2 {color:#00ffff; font-size: 2vw!important;
  filter: drop-shadow(4px 4px 4px #000);
  margin: 0; display: table; margin: 0 auto; margin-bottom: 20px; }
.info2023 h3 { font-size: 1.5vw!important; margin: 0; margin-top: 10px;  margin-bottom:10px;}
.info2023 h4 { font-size: 1.5vw!important; margin: 0; margin-top: 10px; line-height: 1.5;}
.toukou {font-size:1.3vw; 
text-decoration:underline;
    text-decoration-color: red;

  margin:10px 0; font-weight: bold;}
.inbox {
padding:30px 5px;
  background:rgba(0, 0, 0, 0.6); border:2px solid #ed6c20; border-radius:10px; margin-bottom:20px;}

.gaiyou2023 {
font-size:1vw;
  padding: 20px 0;

 background: rgba(0, 0, 0, 0.8);
   
}

.gaiyou2023 a {color: #00ffff!important}

.gaiyou2023 table { width: auto!important; margin: 0 auto;}
.gaiyou2023 td,.gaiyou2023 th {
    padding:10px 20px;
    border-bottom:1px solid #666!important}

.link2023 {display: flex; justify-content: center;}
.linkitem {width: 80px;} 


.corona {
display: table;
margin: 0 auto;
text-align: left;

}

.corona ul {padding: 0; margin: 0;}
.corona h2{ font-size: 18px!important; margin: 10px 0;}
.corona h3{  font-size: 16px!important; 10px 0;}

.arch {text-align:right;}
.arch img {width:150px;}

.pg {display:flex;
justify-content: center;
gap:10px;
}



.time  {width:80%; margin:0 auto;}


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


.pc {display: none!important}
.sp {display: block;}

.time  {width:90%; margin:0 auto;}

li {font-size:3.5vw!important;}

.chuu {font-size:3vw;}

.comment2023 { font-size: 3vw; }

.title2023 { font-size: 10vw; }


.logo2023 img {width: 90%; }
.logo2023 h2 { font-size: 8vw!important; }
.logo2023 span { font-size: 4vw!important; margin: 0; padding-left: 5px; }
.logo2023 h3 {  font-size: 7vw!important; margin: 5px!important;}
.shan {font-size: 5vw!important;}

.litem2023 {width: 49%; font-size: 3vw;}
.more h4 {font-size: 5vw!important;}

.ha h2 { font-size: 5vw!important;}

.lineup2023 h2 { font-size: 5vw!important; }
.lineup2023 h3 { font-size: 4.5vw!important; }
.lineup2023 span {font-size: 4vw; }

.ticket2023 h2 { font-size: 6vw!important; margin: 5px;!important;}
.ticket2023 h3 { font-size: 4vw!important; }
.ticket2023 h4 { font-size: 6vw!important; }
.ticket2023 span { font-size: 4vw!important; }

.ticket2023 {font-size: 4vw;}
.ticket2023 table {font-size: 5vw; width: 90%!important; table-layout: auto; margin-top: 30px ;}

.ticket2023 img {width:60%;margin: 30px 0;}

.corona  {padding:0 15px; }
.corona h3{  font-size: 14px!important; 10px 0;}


.info2023 {
font-size:3.5vw;
}



.info2023 h2 { font-size: 5vw!important;}
.info2023 h3 { font-size: 4vw!important; }
.info2023 h4 { font-size: 4vw!important; }

.toukou {font-size:3.5vw; }

.gaiyou2023 {font-size:3vw;}
.gaiyou2023 table {width: 90%!important;}
.gaiyou2023 th {background:rgba(255, 255, 255, 0.2);}
.gaiyou2023 td,.gaiyou2023 th {
    display: block;
   
  }

.arch {text-align: center;}
.arch img {width:25vw; }
}