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

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

html {
  scroll-behavior: smooth;
  background-color: #11122A;
	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:#17344A;/*背景色*/
    border-bottom: solid 0px #A30609;/*少し濃い目の色に*/
    border-radius: 2px;/*角の丸み*/
    /*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;
}

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


.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: #11122A; width: 100%;}


.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;
	}
.mainImg{ text-align: center; background-color: #000000;}
.menuArea{ padding:15px;}
.menuArea .menuBox{ border: 0px solid #828181; padding: 0px; color: #fff;}
.menuArea .menuBox .menuBoxIn{ border: 0px solid #828181; padding-left: 10px; padding-right: 10px; padding-bottom: 50px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap{ text-align: center;}
.menuArea .menuBox .menuBoxIn .menuBoxCap h2{ font-size: 28px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap p.fs18{ font-size: 18px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap p.fs24{ font-size: 24px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap .menuBoxCapTxt{ text-align: left;}
.parent-container{ border-top:3px solid #000000; padding-top:2px;border-bottom:0px solid #000000; padding-bottom:2px; margin-top:0px;}
.parent-container ul{ list-style: none; text-align: left; padding: 0px; margin: 0px;}
.parent-container ul li:first-child{ border-top:1px solid #000000; padding-top: 20px;}
.parent-container ul li{border-bottom:1px solid #000000; margin-bottom: 20px; padding-bottom: 20px;}
.parent-container ul li:last-child{margin-bottom:0px; }
.parent-container ul li span{ display: block; font-size: 20px;}
.parent-container ul li span.fs16{ font-size: 16px;}
.cf:after { content:""; display:block; clear:both;}
.creditTxt{ text-align: left; color: #ffffff; margin: 20px 0;}
.containerBottom{ background:#11122A;}
.containerBottom .containerBottomIn{ margin: 0 auto; width:970px; }.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 10px; padding-right: 10px;}
.thumbnail{padding:14px;}
.thumbnail .caption{ padding: 0; text-align: left !important;}
.thumbnail .caption h3{ font-size:12px; font-weight:bold;}
.thumbnail .caption h4{ font-size:10px; font-weight:bold;}
.btn-primary{ background: #a0893a; color: #fffff; font-size:14px; font-weight:bold; border: none; margin-right: 5px;}
.btn{padding: 10px 18px;}
.btn-default { background-color: #fff; border: 2px #a0893a solid; color: #a0893a;}
.btn-primary:hover{ background: #b29b4d; }
.btn-default:hover {background-color: #fff; border: 2px #b29b4d solid; color: #b29b4d;}
.artistList ul{ list-style: none;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; padding: 0;}
.thumbnail{ border:none !important;padding: 14px 14px 0px;}
.artistList{ margin:0;}
.artistList ul li{position: relative; border: 1px #cccccc solid; margin:0 10px 10px 14px; padding: 0px;width: 47.2%;}
.artistList ul li:nth-child(4n){ margin-right: 0;}
.container{padding:0;}
.btnBox{ position:absolute; bottom:10px;}

.table-ul {
  background-color:darkblue;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

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



@media only screen and (max-width: 529px) {
.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;}
	
}