body {background: #000;}

#snowCanvas {
    display: block;
    position: fixed; /* absolute から fixed に変更して画面に固定 */
    top: 0;
    left: 0;
    width: 100vw; /* 画面幅の100% */
    height: 100vh; /* 画面の高さの100% */
    z-index: -1; /* 他のコンテンツの背面に配置 */
    pointer-events: none; /* マウス操作を邪魔しないようにする（推奨） */
  }



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


/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time02{
animation-delay: 0.2s;
}

.delay-time03{
animation-delay: 0.3s;
}

.delay-time04{
animation-delay: 0.4s;
}

.delay-time05{
animation-delay: 0.5s;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity: 0;
}
@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:1vw!important;}

.logo2023 {

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

}


.logo2026 {

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

}

.logo2023 img { width: 70%; filter: drop-shadow(4px 4px 4px #b58148);}
.logo2026 img { width: 60%; }

.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 {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 {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: 10px;
}

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

border-bottom:5px solid #ed6c20;
position: relative;
}

.green {border-bottom:5px solid #008000!important;}




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

.ticket2023 {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;

}

.info2023 a {color:#ed6c20!important;}

.infoin {display: table; margin: 0 auto; padding: 0 20px;}
.info2023 h2 { font-size: 2vw!important; 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;}

.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;
  
    
}

.gaiyou2023 a {color: #ed6c20!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) {

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

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

.chuu {font-size:3vw;}

.comment2023 { font-size: 3vw; }

.title2023 { font-size: 10vw; }


.logo2023 img {width: 90%;}
.logo2026 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: 47%; 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; }

.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; }
}