@charset "utf-8";

body { 
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; 
	background-color: #000000;
} 
@keyframes fadeIn { 
  0% {opacity: 0} 
  100% {opacity: 1} 
} 
@-webkit-keyframes fadeIn {
  0% {opacity: 0} 
  100% {opacity: 1} 
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

html {
  scroll-behavior: smooth;
  background-color: #000000;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	text-decoration: none;
}

.mainImg_sp{
	display:none;
}

.sen{
	border-left :solid 5px orange;
  border-bottom: solid 1px gray;
  padding: 10px
}

.square_btn {
    position: relative;
    display:grid;
    padding: 1.3em 1.3em;
    text-decoration: none;
    color: #fff;
    background:#CB0609;/*背景色*/
    border-bottom: solid 2px #A30609;/*少し濃い目の色に*/
    border-radius: 10px;/*角の丸み*/
    /*box-shadow: inset 0 0px 0 rgba(255,255,0.2,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);*/
    font-weight: 500;

    margin-left: auto; 
    margin-right: auto; 
    width: 100%;
}

.square_btn:active {
    border-bottom: solid 0px #d27d00;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.30);
}

.square_btn p {
  font-size: 16px; 
  text-align: center;
}

.square_btn p a{
  color: #fff;
  }

.square_btn p a:link{
  text-decoration: none;
    }

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.ticket{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.ticket iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.container{
  background-color: #000000; 
  width: 100%;
  padding: 0;
}


.menutitle{
	color:#d6c597;
	font-size:18px;
	line-height:160%;
	}
		
.text12w{
	color:#FFFFFF;
	font-size:12px;
	line-height:150%;
	text-align:left;
	}
		
.text14w{
	color:#FFFFFF;
	font-size:14px;
	line-height:160%;
	text-align:left;
	}
	
.text16w{
	color:#FFFFFF;
	font-size:16px;
	line-height:160%;
	text-align:left;
	}
	
.text12g{
	color:#ffffff;
	font-size:12px;
	line-height:150%;
	text-align:left;
	}
	
.text14g{
	color:#ffffff;
	font-size:14px;
	line-height:160%;
	text-align:left;
	}
	
.text18w{
	color:#ffffff;
	font-size:18px;
	line-height:160%;
	text-align:left;
	}
Ï

.table-ul {
  background-color:darkblue;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin-right: 0px !important;
    margin-left: 0px !important;
}

.tw{
 background-color:dodgerblue;
}

.insta{
 background-color:crimson;
}

.yt{
 background-color:#1C1919;
}

.table-ul li {
  border-right: 1px solid #000;
  display: table-cell;
  vertical-align: middle;
}
.table-ul li:last-child {
  border-right: 0;
}
.table-ul li a {
  color: #fff;
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 0;
}

.areaone{
	background-color:#E8E3E3;
}

.areatwo{
	background-color:white;	
}

.areathree{
	background-color:#081752;	
}

/*Add 22.10.24*/

.TtlImg{
  text-align: center;
}

.TtlImg .year_pc{
  margin-bottom: 3%;
  font-family: 'Hiragino Mincho ProN', 'Times New Roman', Times, serif;
  font-weight: bold;font-size: 2.5em;
  color: #fff;
  letter-spacing: 3px;

}

.menuArea_inner .col-sm-6{
  margin-bottom: 2%;

}

.menuArea_inner{
  margin-left: 8%;
  margin-right: 8%;
  margin-top: 0%;
  margin-bottom: 2%;
}

.lineup_inner{
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 2%;
  display: flex;
  flex-wrap: wrap;
}

.lineup_inner .Ttl{
  text-align: left;
  line-height: 175%;
  font-weight: bolder;
  color: #ffffff;
}

.lineup_inner .catchcopy{
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 155%;
  font-weight: 300;
  font-size: 15px; 
  color:cornsilk;
}

.lineup_inner .ShowInfo{
  margin-bottom: 34px;
  text-align: left; 
  line-height: 155%; 
  font-weight:300; 
  color: #ffffff;
}

.ShowInfo .dateL{
}

.ShowInfo .showtime{
  font-size: 13px;
}

.ShowInfo .note{
  font-size: 13px;
}

.ShowInfo .red{
  color: #DA2C2F;
}

.lineup_inner .price{
  margin-bottom: 34px;
  text-align: left;
  line-height: 155%;
  font-weight: 300;
  color: #ffffff;

}

.lineup_inner .note2{
  margin-bottom: 34px;
  text-align: left;
  line-height: 155%;
  font-weight: 300;
  color: #ffffff;
  font-size: 14px;
  color: #F4E24D;

}
.ondemandArea {
  
}
.ondemandArea .square_btn p{
  font-size: 14px; 
  text-align: center; 
  line-height: 155%;
  
}

.pastshows_inner{
  margin-left: 8%;
  margin-right: 8%;
  margin-top: 0%;
  margin-bottom: 2%;
}

.bnr_back {
  width: 60%;
  margin: 0 auto;
  opacity: 0.8;

}

.Archive  {
  width: 70%;
  margin: 0 15% 4%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-content:center;
}

.Archive .year {
  margin: 1%;
  border: 1px solid #4d4d4d;
  color: rgb(182, 180, 182);
  width: 22%;
  padding: 2% 3%;
  text-align: center;
  font-family: 'Hiragino Mincho ProN', 'Times New Roman', Times, serif;
  letter-spacing: 1px;
  font-size: 1em;

}

.Archive .year a{
  color: rgb(182, 180, 182);
}

.Archive .btn {
  margin: 0 auto;
}

.table-ul li {
  width: 25vw;
}


.longurl{
  word-break: break-all;
}

.h-100{
  height: 100% !important;
}


@media only screen and (max-width: 768px) {
.mainImg img{ width:100%;}
.menuArea .menuBox .menuBoxIn{ padding:3%;}
.containerBottom .containerBottomIn{ width: 100%;}
.artistList ul li{ width:100%; margin: 10px 20px;}
.thumbnail .caption{text-align: center;}
.btnBox{position:inherit;}
.thumbnail{ padding:14px; margin: 0;}
.thumbnail .caption h3{text-align: center;}
.thumbnail .caption h4{text-align: center;}
.creditTxt { padding: 0 20px;}
.artistList ul li:nth-child(4n){margin: 10px 20px;}
.row{ margin: 0;}
.caution{ padding: 0 20px;}
.mainImg{
	display:none;
}
.mainImg_sp{
	display:inherit; background-color: #000000;}
	



/*Add 22.10.24*/

        /* パソコンで見たときは"pc"のclassがついた画像が表示される */
        .pc { display: none !important; }
        .sp { display: block !important; }
        /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.menuArea_inner{
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 2%;
}

.lineup_inner{
  margin: auto;
  text-align: center;
  padding-bottom: 28px;
}
.lineup_inner .col-sm-6 img{
  width: 90%;
}

.square_btn{
  width: 90%;
}

.lineup_inner div:first-child{
  padding-bottom: 40px;

}

.lineup_inner .Ttl{
  margin-top: 18px;
  text-align: center;
  line-height: 155%;
}
.lineup_inner .catchcopy{
  text-align: center;

}

.lineup_inner .ShowInfo{
  margin-bottom: 20px;
  text-align: center; 
  line-height: 155%; 
  font-weight:300; 
  color: #ffffff;
}

.lineup_inner .col-sm-6{
  margin-bottom: 8%;

}

.ShowInfo .dateL{
}

.ShowInfo .showtime{
  font-size: 14px;
  line-height: 155%;
}

.ShowInfo .note{
  font-size: 11px;
  line-height: 155%;
}

.ShowInfo .red{
  color: #DA2C2F;
  line-height: 155%;
}

.lineup_inner .price{
  font-size: 14px;
  text-align: center; 
  line-height: 155%;

}

.lineup_inner .note2{
  font-size: 12px;
  text-align: center; 
  line-height: 155%;
}

.howtoImg{
  width: 110%;
  margin-right: -20px;
  margin-left: -20px;
}

.pastshows_inner{
  margin-right: 4%;
  margin-left: 4%;
  text-align: center;
  padding-bottom: 10px;
  justify-content:space-around;
}

.pastshows_inner .col-xs-6{
  width: 49%;
  padding-left: 0.5px;
  padding-right: 0.5px;
}
.pastshows_inner .col-xs-6:nth-child(odd){
  margin-right: 2%;
}

.bnr_back {
  width: 80%;
  margin: 0 auto 5%;
  opacity: 0.8;

}

.Archive  {
  width: 86%;
  margin: 0 7% 10%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-content:center;
}

.Archive .year {
  margin: 1%;
  border: 1px solid #4d4d4d;
  color: rgb(182, 180, 182);
  width: 30%;
  padding: 4% 6%;
  text-align: center;
  font-family: 'Hiragino Mincho ProN', 'Times New Roman', Times, serif;
  letter-spacing: 1px;
  font-size: 1em;

}

.Archive .year a{
  color: rgb(182, 180, 182);
}


.TtlImg .year_sp{
  margin-bottom: 6%;
  font-family: 'Hiragino Mincho ProN', 'Times New Roman', Times, serif;
  font-weight: bold;font-size: 1.5em;
  color: #fff;
  letter-spacing: 3px;

}

}