/*
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
*/

body::before {
  background:url('https://tokyo-calling.jp/wp-content/uploads/2025/01/back.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: "title";
  src: url(https://tokyo-calling.jp/wp-content/themes/uncode/library/fonts/Futura-Condensed-Extra-Bold.woff) format("woff");
}




table,th,td {border:none!important}


h1,h2,h3,h4,h5 {margin:0!important;}


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



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


.shinjuku{
  background: #D15168!important;
}


.shimokita {
  background: #239564!important;
}


.shibuya{
  background: #2192C9!important;
}


.t-entry-text {position:relative;




}

.t-entry-text img {position:absolute;

top:0;
left:0;
}


.trp-ls-language-name {
  margin-left: 8px;
}



[class="2dan"] {display: none;}
[class="3dan"] {display: none;}
[class="4dan"] {display: none;}
[class="5dan"] {display: none;}
[class="6dan"] {display: none;}
[class="7dan"] {display: none;}
[class="8dan"] {display: none;}

.filter-cat-91 span {display: none!important}
.filter-cat-92 span {display: none!important}
.filter-cat-93 span {display: none!important}

.filter-cat-195 span {display: none!important}
.filter-cat-159 span {display: none!important}
.filter-cat-162 span {display: none!important}
.filter-cat-166 span {display: none!important}
.filter-cat-167 span {display: none!important}
.filter-cat-171 span {display: none!important}
.filter-cat-180 span {display: none!important}
.filter-cat-201 span {display: none!important}




.filter-cat-310 span {display: none!important}
.filter-cat-181 span {display: none!important}
.filter-cat-182 span {display: none!important}
.filter-cat-183 span {display: none!important}



.filter-cat-305 span {display: none!important}

.filter-cat-312 span {display: none!important}






















h3 {font-size:2vw!important; margin-bottom:20px!important;line-height:1.5!important;}
h4 {font-size:1.2vw!important; margin-bottom:20px!important; line-height:1.5!important;}
h5 {font-size:1vw!important; margin-bottom:20px!important;line-height:1.5!important;}



.boxx {

font-size:0.9vw;
background :rgba(0,0,0,0.5);
padding:30px 5px;
padding-bottom:50px;

}


.boxx a {color: #ffc42e!important}


.ticket img {margin-top:30px;}
.ticket img {width:350px;}





.sectitle h2  {
  display: inline-block;
font-size: 4vw!important;
color: #fff!important;
margin-bottom:50px!important;
font-family: "main";}







.bbtn {
white-space: nowrap;
display: table;
line-height: 1.2;
font-family: "main";
font-size:1.5vw;
font-weight:bold;
padding: 20px 30px;
background :#000;

margin: 0 auto;

margin-bottom: 30px;
box-shadow: 0px 0px 3px #fff;


}


.bbtn:hover {
  opacity: 0.8; /* 透明度で薄く見せる */
}

.bbtndes {font-size:1vw!important;  color:#fff;  font-family: 'Noto Sans jp';}


.bbtn2 {
display: inline-block;
line-height: 1;
font-family: "main";
font-size:1vw;
font-weight:bold;
padding: 20px 40px;
background :#000;
margin-bottom: 10px;
box-shadow: 0px 0px 3px #fff;
}


.inb {  border:1px solid #ffc42e; display:table; margin:0 auto; font-size:2vw; padding:10px 20px; line-height: 1.2; font-weight:bold;}
a.inb:hover  {color:#fff!important;}
.inb:hover {background: #ffc42e; }




.toplink span {font-size:1.2vw; }


hr { margin:5px;}




[data-tab-id="all"] span {
  background: #ff0000!important;

}


[data-tab-id="new"] span {
  background: #000!important;
  font-size:1.5vw!important;

}


[data-tab-id="shinjuku"] span {
  background: #000!important;
  font-size:1.5vw!important;

}


[data-tab-id="shimokita"] span {
  background: #000!important;
   font-size:1.5vw!important;
}


[data-tab-id="shibuya"] span {
  background: #000!important;
   font-size:1.5vw!important;
}

.active span {color:#ffc42e!important;}

.arche2 {


justify-content: center;
display:flex;
gap:20px;

flex-wrap: wrap;

}
.arche2 > div  {width:8%;}


.orchard { margin-right: 30px; text-align: center; }

.orchard img {width: 80px;}


.orc {
margin-top: 50px;
display: inline-block;
text-align: center; color: #fff;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
font-size: 0.5vw;
}

.orc img {width: 80px;}

.cfoot {
margin-top: 50px;
display: flex;
align-items: baseline;
justify-content: space-between;
}

.live table {width:0; white-space:nowrap; margin:0 auto;}

.sche {font-size:1.2vw;}
.sche h2 {font-size:1.5vw!important; padding:10px; margin:40px 10px!important;}
.sche span {font-size:1vw!important}
.blue {background:#0071BB;}
.red {background:#C0272D;}
.green {background:#22B473;}
.orange {background:#F05A24;}

.attention {background:#C0272D!important; display:table; margin:10px auto; padding:10px; font-weight: bold;}

.under {background:#000;font-weight:bold; font-size:2vw; padding:10px; margin-top:40px;}

.toplink {display :flex; 
justify-content: center;
align-items: center;

}


.toplink img  {width: 60%; margin-bottom:10px;}
.toplink h2 {font-size: 1.2vw!important; margin-bottom: 10px!important}
.toplink h3 {font-size: 1vw!important; margin-bottom: 10px!important; margin-top:20px!important;}
.toplinkitem {width: 50%; font-size:1vw; line-height: 1.5;}




.ippan {display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2px;
margin: 0 auto;

width: 60%;
margin-bottom:20px;
}

.ippan img {width: 100%!important;}
.end h2 {font-size: 2vw!important; }
.end {font-size: 1vw; line-height: 2;}

.note {font-weight:bold; font-size:1.5vw; border:1px solid red; padding:10px; display:inline-block;}

input {margin:0 auto; }

.logo-image {display:none;}

.wpcf7-not-valid-tip {

background: red;


}

.wpcf7 .wpcf7-response-output {
color: white;
}



.wp-block-file {text-align:  right; margin-top:20px;}






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






.toptitle {

width:80%;
margin:0 auto;


}


.toptitle h2{

line-height: 1.5;
font-size:3vw;

}



.toptitle img {
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
margin-top:20px;
margin-bottom:0px;
}

.item1 {width:60%;}
.item2 {width:80%;}


.sponcer {

margin:0 auto;
margin-top:100px;

display:flex;
flex-wrap: wrap;
 justify-content: center;
gap:0 10px;

}
.sponcer img {width:120px;}

.sxlogo {margin:0 auto;}
.social {

padding-top:50px;

}


.social a {
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
font-size:25px;
color:#fff;

}


.arche {

float:right;
padding:10px;
margin:0 auto;
width:50%;
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;

}
.arche img {width:80px;}


.sxsw {width:60%; margin:0px auto; margin-bottom:30px;} 

.sxsw a {display:block; background: rgba(0, 0, 0, 0.6); 
  padding:5px 20px;  margin:0 auto; font-weight: bold; font-size:1.5vw; color:#fff!important; margin-bottom:10px;} 

.sxswa {display:flex; gap:10px; justify-content: center; margin-top:30px; flex-wrap: wrap;}
.sxswaitem {width:25%; background:#000; padding-bottom:10px; position:relative;}


.topsocial i {font-size:2vw; margin-left:5px;}
.topic {

font-size:1vw;
padding-bottom:50px;
}

.topic h3 { font-size: 1.5vw; margin-top:20px!important; margin-bottom:10px;}
.topic h4 { font-size: 1.5vw; margin-top:20px!important; margin-bottom:10px;}
.topic table {width:0; white-space:nowrap; margin:0 auto; margin-bottom:10px;}
.topic td,.topic th {border-bottom:1px solid #666!important; font-weight:normal;}

.aaa {display:none;}







.langsw {display: none;}


.cfoot a {text-decoration: underline;}

.swsxlink {text-align:right;}
.swsxlink img {width:200px;}

.sche2 {width:60%; margin:0 auto;}
.sche2 th { border: none ; 
  text-align: center; 
  line-height: 1.2;
  white-space: nowrap;
  padding: 5px;
  border-bottom: 1px dotted #666!important;

 font-size:1.2vw;
}
.sche2 td { text-align: center; 
  border-bottom: 1px dotted #666!important;
  line-height: 1.2;
  white-space: nowrap;
  font-size:1vw;
   
}

.sche2 span {font-size: 0.8vw;}


.sche2 thead td {
  
  background :rgba(0,0,0,0.7);
  
}

.nob {padding-bottom:0px;}
.not {padding-top:0px;}



.info {display:table; margin:0 auto; font-size:1vw;text-align:center; border:4px solid #ff0000;  padding:10px; border-radius: 10px; margin-bottom:20px;}
.info h2 {font-size:1.5vw; margin-bottom:10px;}


.can { display:inline;
text-decoration:  line-through;
  text-decoration-color: #ff0000;
  text-decoration-thickness: 2px; /* 線の太さ */
}
.can img {width:80px!important; position:absolute; top:0px; right:0px; }

.audi {display:flex; flex-wrap: wrap; gap:10px;}
.audi img {width:48%;}


.granpri {padding:5px; font-weight:bold; }
.tokyo {background:#905314;}
.osaka {background:#72171c;}
.nagoya {background:#01446f;}
.fukuoka {background:#146a45;}



.banner img {width:300px;}

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

.left {text-align: left; padding:0 10px;}
.audi img {width:100%;}

.inb {font-size:5vw;}

.info {font-size:2.5vw; border:3px solid #ff0000;}
.info h2 {font-size:4vw;}


.end h2 {font-size: 4vw!important; margin-bottom: 10px;}
.end {font-size: 3vw; line-height: 2;}

.sche {font-size:4vw;}
.sche h2 {font-size:4vw!important; padding:10px; margin:40px 10px!important;}
.sche span {font-size:3vw!important}
.under {font-size:4vw;}

.t-entry-text {position:relative;




}








.boxx {
  font-size:3.5vw;}


h3 {font-size:6vw!important; margin-bottom:20px!important;}
h4 {font-size:4.5vw!important; margin-bottom:20px!important;}
h5 {font-size:4vw!important; margin-bottom:10px!important;}



.audition li {font-size:3vw;}
.ticket img {width:60%;}

.kaijou table  {margin: 0;}
.kaijou th  {
font-size:6vw;
padding:5px;
font-weight:bold;

display:block;
    width: 100%;

padding-bottom:0px;
}




.sectitle h2 { font-size: 9vw!important }
.bbtn { font-size: 4vw; margin-bottom: 20px; }
.bbtndes {font-size:3vw!important; font-weight:noraml!important; color:#fff; }
.bbtn2 { font-size: 3vw;  }
.toplink span {font-size:3vw; }


.toplink {display: block;}
.toplink h2 {font-size: 4vw!important}
.toplink h3 {font-size: 3vw!important; margin-top: 20px!important}
.toplink img {width: 80%; margin:0 auto;} 
.full img {width:90%!important}
.toplinkitem {width: 100%; font-size:3vw;}


.corona li {font-size: 12px;}



 .arche2 {

}

.arche2 > div  {
width:15%;
}

.orchard { margin: 0; margin-bottom: 30px;  font-size: 2vw; }

.orchard img {width: 50px; }

.cfoot {display: block; }



.orc {

background: rgba(0, 0, 0, 0.7);
padding: 10px;
font-size: 2vw;

}

.orc img {width: 60px;} 

.ippan  {width: 100%;}

.swsxlink img {width:30%;}
.wp-block-file__button {font-size:2vw;}


.note {font-size:3.5vw;}
input {width:100%;}


.langsw {position:fixed; bottom:0; left:0; display: block; z-index: 100;}



.sxsw {width:100%;} 

.sxsw a {font-size:4vw;}

.sxswa {display:flex; flex-wrap: wrap;}
.sxswaitem {width:48%;  padding-bottom:10px; font-size:3vw;}
.sxs {display:none;}

.topic {font-size:3vw;}

  .topic table {width:100%;}

.topic th  {

border:none!important;

background :rgba(0,0,0,0.7);
display:block;
    width: 100%;

}


.topic td  {
border:none!important;
display:block;
    width: 100%;
  padding-bottom:20px;

}


.topic h3 { font-size: 4vw;  margin-bottom:10px!important; }
.topic h4 { font-size: 4vw;  margin-bottom:10px!important; }





.corona h2 { font-size: 18px!important}
.pdf h2 {text-align: center; font-size: 18px!important }




.nav-tabs > li > a {padding: 10px 5px;}

.nav-tabs span {

background: #000;
padding:  5px;
font-size: 4vw!important}




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











.toptitle {

width:100%;


}


.toptitle img {
  margin-bottom:30px;
}
.toptitle h2 {font-size:24px;}














.sponcer {

margin:0 auto;



}


.sponcer img {width:80px;}



 .arche {
 float:none;
width:95%;
}

.arche img {
padding:5px;
width:60px;}

.sxlogo {width:30%;}


.social a {

font-size:20px;


}


.sche2 {margin-top: 10px; font-size: 4.5vw;  line-height: 1;}

.sche2 span {font-size: 3vw;margin-left: 5px;}

.sche2  {width:100%;}

.sche2 th {
  display: block;
  width: 100%;
  margin-top: 20px;
  background :rgba(0,0,0,0.7);
  font-size:4vw;
}

.sche2 td {
  display: block;
  width: 100%;
  font-size:3.5vw;
}


.sche2 thead td {
  display: none;
  
}

}