/*

Theme Name: 4th
Theme I: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode


Description: Child theme for Uncode theme
Author: Undsgn™
Author UR
*/


body {font-size:1.5vw!important;}

.menu-wrapper {display:none;}
.pc {display:table;}
.sp {display:none;}



.box {margin-top:80px;}



h1,h2,h3,h4,h5,h6 {margin: 0; font-weight:bold;}

.stitle h1 {font-size:7vw; margin-bottom:10px; color:#fad235;}

h2 { display:inline-block; font-size:6vw!important; margin-bottom:20px; 
}

h2 span {font-size:5vw;}

h3 {font-size:2vw!important;margin-bottom:20px;}
h3 span {font-size:2vw;}

h4 {font-size:1.5vw!important;}


h6 { display:inline-block; font-size:4vw!important; margin-bottom:20px; 
}

h6 span {font-size:3vw;}


.no {margin:0;}
.white {color:#fff!important;}


/* 最初は要素を透明にして、少し下に配置しておく */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

/* JavaScriptによって .is-visible クラスが追加されたら、要素を不透明にして元の位置に戻す */
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.min {font-family: "Noto Serif JP", serif;}

.link img{
 transition-duration: 0.5s;
  
}
.link img:hover {
  transform: translateY(-10px);
  transition-duration: 0.5s;
}


.link {display: flex; justify-content: center; gap: 2px; 
  margin-top: 10px;  flex-wrap: wrap;}
.link a { width:200px;}


.up-hover-button {
  
  transition: transform 0.3s ease-in-out;
}

.up-hover-button:hover {
  /* 上に10px移動 */
  transform: translateY(-10px);
}


ul {  margin:10px auto; text-align: left;}
li {list-style: none; text-indent: -1em;}


.tour {background: #ebaf19; padding-top:20px;}

.tlogo {width:60%; margin:0 auto;}

table {width:100%;  border-collapse: separate; /* 境界線を分離させる（重要）*/
  border-spacing: 1px;    /* 隙間のサイズを指定 */ }



.sche table,td,th {border:none!important;}

.sche thead {
    background-color:#fad235!important; 
    text-align: center;
  }



.sche td {background:#f9f1c3!important;font-size:1.2vw!important}

.sche th {background:#fad235!important; 
  font-size:1.5vw!important}



.sche td:last-child
 {font-size: 1vw!important;
}
 


.sche td:nth-child(2) {
  font-size: 1.6vw!important}




.int {display:none;}

.art {display:flex; justify-content: space-between; flex-wrap: wrap; gap:5px; 
  margin-top:30px;

}
.aitem {position: relative; width:24%; font-size:1vw; font-weight:bold; background:#014365;}
.aitem a {color:#feba01;}
.new {position: absolute; top:0; left:0;}

.sche span {font-size:1.5vw;}


.ticket ul {display:table; margin:0 auto; margin-top:10px;}
.ticket img {width:300px; margin:10px 0;}




.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}




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




body {font-size: 4vw!important;}
.stitle h1 {font-size:12vw; }
h2 {font-size:9vw!important; }
h2 span {font-size:6vw!important; }
h3 {font-size:5vw!important; }
h3 span {font-size:5vw!important; }
h4 {font-size:4vw!important;}


h6 { display:inline-block; font-size:6vw!important; margin-bottom:20px; 
}

h6 span {font-size:6vw;}




.tlogo {width:80%;}


.sche  thead {
  display:none;
}


.sche table th, table td {
width: 100%; 
display: block; 

}

.bbt {font-size:4vw;}

.sche td {font-size:4vw!important; font-weight: bold!important}
.sche th {font-size:5vw!important; font-weight: bold!important; }



.sche td:nth-child(2) {
  font-size: 5vw!important}

.sche td:last-child
 {font-size: 3vw!important;
}


.sche span {font-size:5vw;}




.int {display:block; font-size:2.5vw;}

.can {color:#fff; background: red; font-size:3vw; display:table; padding:5px; }

.aitem {width:48%; font-size:3.5vw;}

.release {display: block;}

.release img {width:60%; margin-bottom:20px;}


.ritem {width:100%;}


.link a { width:45%;}






.ticket img {width:60%;}



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




.box {margin-top:30px;}




}