/*
Theme Name: 2026
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.moushikomi {font-size:2vw; color:#fff; background:#f39917; padding:10px 20px; display:table; margin:0 auto;
margin-top:20px;
border-radius: 10px;
  font-weight: bold;}

.moushikomi:hover { color:#f39917!important; background: none; border:2px solid #f39917; padding:10px 20px; display:table; margin:0 auto;
margin-top:20px;

  font-weight: bold;}


#nav {



top:0;
  width: 100%;
  z-index: 1000;
  margin-top:20px;
  margin-bottom:20px;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;

  justify-content: center;
  align-items: center;
    gap:20px;
}
#nav li {
  
  display: flex;

  
}
#nav ul li a {
 
  transition: all 0.4s;
}
#nav ul li img {
  
  transition: height 0.4s;
   filter:drop-shadow(2px 2px 0px #fff);

}


#nav.fixed {
    background: rgba(0, 0, 0, 0.8);
  position: fixed;
  
}






#nav li a {
  transition: transform 1s ease; /* 1秒間のスムーズな動き */
  display: block; /* 画像がブロック要素として扱われるように */
  width: 100%; /* 画像の幅を親要素に合わせる */
}

#nav li a:hover  {
  transform: translateY(-10px); /* ホバー時に画像を上に30px移動、必要に応じて調整 */
}



.sns {position:absolute; top:10px; right:30px; z-index: 999; display: block; 



}
.sns img {border-radius: 5px; width:40px;}

.torikeshi {
  position: relative;
  display: table;
  margin:0 auto;
}

.torikeshi::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px; /* 線の太さ */
  background: #e4007f; /* 線の色 */
}


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

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

.zoom {
  transition: transform 0.5s ease; /* 拡大のスムーズさを設定 */
}

a:hover .zoom {
  transform: scale(1.05); /* 1.2倍に拡大 */
}

a:hover {color:#fff!important;}


@font-face {
  font-family: 'main';
  src: url('./font/07鉄瓶ゴシック.woff2') format('woff2'),
    url('./font/07鉄瓶ゴシック.woff') format('woff');
}


@font-face {

  font-family: 'main2';
  src: url('./font/ToppanBunkyuMidashiGothicStdN-ExtraBold.woff2') format('woff2'),
    url('./font/ToppanBunkyuMidashiGothicStdN-ExtraBold.woff') format('woff');
}

form.post-password-form {
    background-color: #000!important;
    padding:10px;
}

body::before {
  background:url('https://rock-anthem.jp/wp-content/uploads/2024/11/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: 100%;
 
  content: "";
  z-index: -1;
}


.menu-wrapper {display:none;}

h1,h2,h3,h4 {margin:0;}



.top {

padding-top:30px;


}


.logo {width:60%; margin:0 auto; margin-bottom:50px;



}
.topdes {
 padding-bottom:30px;

  background:#fff;
  border:2px solid #e4007f;
  border-radius:0 10px 0 10px;
  padding:10px 20px;
 
  display:inline-block;

 color:#e4007f;
}

.topdes h2 {
 
 color:#e4007f;
font-size: 2vw;

margin-bottom:10px;

}

.topdes span {font-size:1.2vw; margin:0 5px;}

.openstart {font-weight:bold;}


.outbox {padding-top:200px;}

.box {
display:block;
position: relative;
padding:20px 5px; 
 width:90%; 

border-radius: 30px 0px 30px 0px;

 margin:0 auto; 

padding-top:50px;
padding-bottom:50px;
background:rgba(0,0,0,.8);
}






.stitle {

   position: absolute;
   top:-50px;
  right: 0;
  left: 0;
  margin: 0 auto;

}


.stitle2 {

   position: relative;
   top:-100px;
  right: 0;
  left: 0;
  margin: 0 auto;

}

.stitle h2 {

 
   font-size:4vw; font-family: 'main'; font-weight: 300;
   
   display:inline-block;
   border-radius:0 10px 10px 10px;
   padding:0px 20px;
background:#fff;
 

}


.stitle2 h2 {

 
   font-size:4vw; font-family: 'main'; font-weight: 300;
   
   display:inline-block;
   border-radius:0 10px 10px 10px;
   padding:0px 20px;
background:#fff;
 

}



.orange {border:4px solid #f39917;}
.green {border:4px solid #e0e437;}
.blue {border:4px solid #00a0e9;}
.bluea {border:4px solid #00a0e9;}
.green2 {border:4px solid #009944;}
.area {border:4px solid #ec7aac;}
.goods {border:4px solid #e4007f;}
.timetable {border:4px solid #90529e;}







.message {color:#009944!important; border:4px solid #009944;}
.artist {color:#00a0e9!important; border:4px solid #00a0e9;}
.tickettitle {color:#e0e437!important; border:4px solid #e0e437;}
.info {color:#f39917!important; border:4px solid #f39917;}
.access {color:#cccccc!important; border:4px solid #cccccc;}
.pink {color:#e4007f!important; border:4px solid #e4007f;}
.pink2 {color:#e4007f!important; border:4px solid #e4007f;}
.areatitle {color:#ec7aac!important; border:4px solid #ec7aac;}
.purple {color:#90529e!important; border:4px solid #90529e;}

.art {display:flex; gap:10px; flex-wrap: wrap; justify-content: center;}
.item {width:32%; font-family: 'main'; padding-bottom:10px; position: relative;}
.item img {margin-bottom:10px;}
.more {background: rgba(0, 0, 0, 0.1)!important;

display: flex;
align-items: flex-end;
justify-content: center;
font-size:2vw;
color:#e4007f;
}

.narabi {color:#fff; text-align:right; margin:10px 20px;}


.item > a > img {
  transition: transform 0.5s ease;
}

.item > a > img:hover {
  transform: translateY(-15px);
}

.new {position: absolute; top:0; left:0;  z-index: 1; display: none;}



.day1> .art > .item {background:#fff; color:#e4007f;}
.day1> .art > .item a {color:#e4007f;}
.day1> .art > .item a:hover {color:#e4007f!important;}

.day1 h3 {
background:#fff; 
color:#e4007f; 
display:table; 
margin:20px auto; 
padding:10px; 
font-size:2.5vw;
border-radius:0 10px 10px 10px;}

.day2 h3 {
background:#e4007f; 
color:#fff; 
display:table; 
margin:20px auto; 
padding:10px; 
font-size:2.5vw;
border-radius:0 10px 10px 10px;}

.topmargin {margin-top:50px;}

.day2> .art > .item {background:#e4007f; }


.time {display:flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; gap:4% ;
 background:#000; padding:50px 0;
}
.timein {width:44%; }


hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}


.timeline {
  border-top: 3px solid #90529e!important;
}




.comme {padding:10px;
text-align:left;
font-size:1.2vw;

}

.comme a {color:#e4007f;}
.comme h2 {display:table; text-align:center; font-size:2vw; margin:0 auto;  font-family: "main2";}
.jun {display:table; margin:0 auto; margin-top:20px; 

text-decoration:underline;
text-decoration-color:#e4007f;
text-underline-offset: 3px;
}

.link {display:flex;
gap:10px;

justify-content: center;
  align-items: center;

padding:0 20px;

}




table{
 table-layout: auto!important;
    width: auto!important;

  margin:0 auto;

  margin-bottom:50px;

}


table,td {border:none!important}

td,th {
   padding:20px!important;
    border-bottom:1px solid #666!important}

.ticket td {font-size:2vw; letter-spacing: .2rem; font-family: "main2"; padding:5px; position:relative;}
.ticket h2 {font-size:2vw; margin-bottom:20px; 

  background:#fff;
  border:2px solid #e4007f;
  border-radius:0 10px 0 10px;
  padding:10px 20px;
  color:#e4007f;
display:inline-block;

}

.ticket h3 {font-size:1.5vw; margin-bottom:20px; font-weight:normal; font-family: "Noto Sans JP",sans-serif;}
.ticket span {font-size:1vw; }
 span.ken {font-size:1.2vw;}
.ticket img {border-radius: 10px;}
img.sold {position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width:80%;
transform: rotate(15deg);
}

.lo {width:300px;}

.ticket ul {display:table; margin:0 auto; text-align:left; margin-top:20px;padding:0 10px;}
.ticket li {list-style:none; text-indent: -1em;  font-size:1.1vw!important;}

.ippan {display:flex: justify-content: center;}
.ippan img {width:150px;}


.stand {background:#00a0e9; font-size:1.6vw;line-height: 1.2!important;}

.shitei {background:#729e2f; font-size:1.6vw;line-height: 1.2!important;}

.family {background:#f39917; font-size:1.2vw!important;}

.school {font-size:1.2vw!important; line-height: 1.2!important;}


.fami {font-size:1.2vw!important; margin-top:40px;}
.fami h3 {font-size:1.2vw; color:#fff; background:#f39917; padding:10px; display:table; margin:0 auto;
margin-bottom:20px;

  font-weight: bold;}



.map {width:90%; margin:0 auto; }
iframe {border-radius: 20px;}


 .gaiyou td,.gaiyou th {
   
border-bottom:none!important;
  }






/* 初期状態（非表示・下に配置） */
.fade-in-up {
    opacity: 0;
    transform: translateY(50px); /* 下から少し上がる位置に配置 */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* アニメーションがトリガーされたとき */
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0); /* 元の位置に移動 */
}



.link img {width:100px; border-radius: 10px;}



/* リストアイテムのスタイル */
.tooltip-container {
  position: relative;
  display: inline-block;
}



/* 吹き出しのスタイル（初期状態は非表示） */
.tooltip-text {
  visibility: hidden;
  width: 110px;
  background-color: #fff;
  color: #e4007f;
  text-align: center;
  border-radius:0 5px 0 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: -10%; /* 画像の上に表示 */
  left: 50%;
  margin-left: -55px; /* 吹き出しが中央に来るように */
  opacity: 0; /* 初期状態は透明 */
  transition: opacity 0.3s ease; /* アニメーションを追加 */
  border:2px solid #e4007f;
  font-weight:bold;
}

/* ホバー時に吹き出しを表示 */
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1; /* 吹き出しが表示される */
}


.faqtitle {font-size:2vw; font-weight:bold;  display:table; 
  border-bottom: solid 5px #f39917; margin-bottom:10px;}
.faq {text-align: left; margin-bottom: 50px; padding:10px;font-size:1.2vw;}
.faq span {font-weight: bold; font-size:2vw;}
.q {color:#ec7aac; font-weight: bold;}
.a {margin-bottom:20px;}


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



.accordion {

  margin: 0 auto;
}

.accordion-item {


  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.accordion-header {
  cursor: pointer;
  padding: 5px;
background:#e4007f;
  border: none;
  text-align: center;
  width: 100%;
  box-sizing: border-box;

}



.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  
  padding:0 10px;
}





.image-gallery {display:flex; flex-wrap: wrap; justify-content: center; gap:30px 10px; margin-top:30px; margin-bottom:50px;}
.gitem {width:19%; font-size:1vw; position: relative;}
.thumbnail { cursor: pointer;}
.gititle {background: #e4007f; margin-bottom:5px;}
.gitem h3{font-family:main2; font-size:1.2vw;  }
.gitem h4{font-family:main2; font-size:1.2vw;}


.modal {
  display: none; /* 初期状態は非表示 */
  position: fixed;
  z-index: 1000;
  left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);

}

/* モーダル内部のコンテンツ */
.modal-content {
  position: relative;
  width: 60%;
  max-width: 600px; /* 最大幅を設定 */
  max-height: 90vh; /* 画面の高さに収める */
  overflow: auto; /* コンテンツが長すぎる場合にスクロール */
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;

  /* 完全な中央配置 */
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-modal {
  position: absolute;
  top: 20px; /* モーダルの上からの距離 */
  right: 10px; /* モーダルの右からの距離 */
  font-size: 40px; /* アイコンの大きさ */
  color: #e4007f; /* アイコンの色 */
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  z-index: 1001; /* モーダルより上に表示 */
 
}

/* ホバー時のアクション */
.close-modal:hover {
  color: #ff007f;
}

.slick-slider {
  max-height: 100%; /* スライダー部分の高さを調整 */
}

.slick-slider img {
  max-height: 100vh; /* 画像の最大高さを画面に合わせる */
  width: auto;
  margin:0 auto;
}





.slick-prev, .slick-next {
  width: 50px; /* 矢印エリアのサイズ */
  height: 50px;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.slick-prev:before,
.slick-next:before {
  font-size: 50px;
  color:#e4007f;
}
.slick-prev {
  z-index: 1;
  left: 10px;
}
.slick-next {
  z-index: 1;
  right: 10px;
}



.blank {margin-top:50px; border-top:1px solid #fff; padding-top:30px;}
.open-modal-btn {color:#e4007f; position: absolute; top:5px; right:5px; border:1px solid #e4007f; padding:0px 5px; border-radius:5px; }
.open-modal-btn:hover {cursor: pointer; background: #fff; color: #fff; background: #e4007f;}

.gchuu {font-size:1vw;}



.img-download {
  display: inline-block;
  padding: 10px 18px;
  background-color: #4CAF50;
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;

  margin-right: 20px;
}
.img-download:hover {
  background-color: #388E3C;
}


.download-container {
  display: flex;
  justify-content: flex-end; /* 右寄せ */
  padding: 10px; /* オプションで余白 */
}



.report {font-feature-settings: "palt"; font-size:1.2vw; padding:20px 10px;}
.report h2 {font-family:main2; margin-bottom:20px; border-bottom:2px solid #e4007f; padding-bottom:5px;}
.reout {display: flex; gap:20px; margin-bottom:40px; align-items: center;}
.rein {width:50%; text-align: left;}
.report a { display:table; margin:20px auto; border:2px solid #e4007f; border-radius: 5px 0 5px 0;  font-family:main; font-size:2vw; padding:20px 40px; }
.report a:hover {background:#e4007f;}

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



.gitem {width:48%; font-size:3vw; }
.gitem h3{font-family:main2; font-size:3vw;  }
.gitem h4{font-family:main2; font-size:3vw;}



.modal-content {
  position: relative;
  width: 90%;}


.slick-prev:before,
.slick-next:before {
  font-size: 30px;
  color:#e4007f;
}

.slick-prev {
  z-index: 1;
  left: 0px;
}
.slick-next {
  z-index: 1;
  right: 0px;
}



.moushikomi {font-size:5vw;}

.video {width:100%; }

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


.sns {position:relative; displey:flex; margin-top:30px;}


body {font-size:14px!important;}


.logo {width:90%; margin-bottom:20px;}

.top {

padding-top:80px;

}


.outbox {padding-top:100px;}


.box {width:100%;

}

.stitle {top:-30px;}

.stitle h2 {
font-size:10vw;

}


td,th {
   padding:5px!important;
    border-bottom:1px solid #666!important}



.topdes h2 {font-size:4vw; }
.topdes span {font-size:3vw; }

.day1 h3,.day2 h3 { font-size:5vw;}


.timein {width:80%; margin-bottom: 50px;}
.nob {margin-bottom:0px;}

.item {width:45%;}
.more {font-size:4vw;}


.comme {
font-size:3.5vw;

}

.comme a {color:#e4007f;}
.comme h2 {font-size:5vw;}

.ticket td {font-size:4vw; letter-spacing:.2rem;}
.ticket h2 {font-size:5vw; margin-bottom:20px;}
.ticket h3 {font-size:4vw; margin-bottom:20px;}
.ticket span {font-size:2.5vw; }
 span.ken {font-size:3vw;}
.ticket img {width:50%;}
.ticket li {font-size:3vw!important;}
.ippan img {width:25%;}
img.sold  {width:90%;}

.stand {background:#00a0e9; font-size:4vw;}

.shitei {background:#729e2f; font-size:4vw;}

.family {background:#f39917; font-size:3vw!important;}

.fami {font-size:3.5vw!important; margin-top:30px;}
.fami h3 {font-size:3.5vw; color:#fff; background:#f39917; padding:10px; display:table; margin:0 auto;
margin-bottom:10px;}

.school {font-size:3vw!important; line-height: 1!important;}



.gaiyou th {background:rgba(0,0,0,0.8);}
 .gaiyou td,.gaiyou th {
    display: block;
   

  }


.link img {width:70px;}



.faqtitle {font-size:4vw; }
.faq {text-align: left; margin-bottom: 50px; padding:10px;font-size:3.5vw;}
.faq span {font-weight: bold; font-size:3.5vw;}



.gchuu {font-size:2.5vw;}



.report {font-size:3vw;  }
.report h2 {font-size:4vw;}
.reout {display: block; gap:20px; margin-bottom:40px; align-items: center;}
.rein {width:100%; }
.rein img {margin:10px 0;}
.report a { font-size:5vw; }
.report a:hover {background:#e4007f;}


}



















/*============
nav
=============*/
.spnav {
  display: block;
  position: fixed;
  top: 0;
  left: -100vw;
  bottom: 0;
  width: 100vw;
  background: #000;
 
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open .spnav {
  left: 0;
  opacity: 1;
}
.spnav .inner {
  padding: 25px;
  padding-top:100px;
}
.spnav .inner ul {
     display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.spnav .inner ul li {
 
 width:30%;
 list-style: none;
}

    .toggle_btn { display:none;}

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



/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
  background:#e4007f;

}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}



/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {

  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}

}