@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	color:#fff;
}
body#home{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000000;
	width:100%;
	height:2200px;/*3074pxだった*/
}
#wrapper {
	background: #000000;
	width: 1000px;
	height: 2200px;
	margin-left:auto;
	margin-right:auto;
}
/*---event部分---*/
body#event {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000000;
	width:100%;
	height:74000px;/*2520pxだった*/
}
body#event#wrapper {
	background: #000000;
	width: 1000px;
	height: 74000px;
	margin-left:auto;
	margin-right:auto;
}

/*---ヘッダー部分---*/
#header {
	background: #262626 url(images/header.jpg) center;
	height: 160px;
	width: 1000px;
}
h1{
float: left;
}
h1 img{
margin-top: 5px;
}

.centering_parent{
	width:278px;
	height:155px;
	margin:0 auto;
}

/*---ナビ部分---*/
#navi a {
	padding-left:20px;
	padding-right:20px;
}
/*---ナビHIPHOP部分---*/
#navi {
	background: #000;　
	height: 56px;
	width: 996px;
}
#navi ul li {
	float: left;
	list-style: none;
}
/*---2段組---*/
#navi ul{
height:56px;
list-style-type:none;
z-index: 1;
}
#navi ul li#2dan {
	width:122px;
	float:left;
}
#navi ul li#2dan a{
	display:block;
	text-align:center;
	color:#fff;
	text-decoration: none;
	background:#000;
	font-size:1.25em;
}
/*---プルダウンメニュー---*/
#navi ul li.sub{
position: relative;
}
#navi ul li.sub ul{
	display: none;
	width: 180px;
	height: 275px;
/*float:left;一旦消した*/
	background:rgba(0,0,232,0.6);
	/*background:rgba(0,137,254,0.7);水色*/
/*background:rgba(38,38,38,0.6);*/
/*background:rgba(0,0,232,0.6);*/
	color:#fff;
}
#navi ul li.sub:hover ul{
	display:block;
	position:absolute;
	top:55px;
	left:0;
}
#navi ul li.sub ul li{
	clear: both;/*注意改行に必要*/
	width: 180px;
	border-bottom: 1px solid #fff;
	color:#fff;
}
/*---サブメニューボタンの設定---*/
#navi ul li.sub ul li a{
	text-decoration: none;
		margin-left: 5px;
}
#navi ul li.sub ul li a:hover{
	color:#EF8538;
}
/*---ナビORIGINAL PRODUCTS部分---*/
#navi ul li#2dan2 {
	width:122px;
	float:left;
}
#navi ul li#2dan2 a{
	display:block;
	text-align:center;
	color:#fff;
	text-decoration: none;
	background:#000;
	font-size:1.25em;
}
/*---ORIGINAL PRODUCT プルダウンメニュー---*/
#navi ul li.sub2{
position: relative;
}
#navi ul li.sub2 ul{
	display: none;
	width: 154px;
	height: 50px;/*青のバーの高さ調節部分１段25px*/
/*float:left;一旦消した*/
	background:rgba(0,0,232,0.6);
/*background:rgba(38,38,38,0.6);*/
/*background:rgba(0,0,232,0.6);*/
	color:#fff;
}
#navi ul li.sub2:hover ul{
	display:block;
	position:absolute;
	top:55px;
	left:0;
}
#navi ul li.sub2 ul li{
	clear: both;/*注意改行に必要*/
	width: 154px;
	border-bottom: 1px solid #fff;
	color:#fff;*/
}
/*---サブメニューボタンの設定---*/
#navi ul li.sub2 ul li a{
	text-decoration: none;
		margin-left: 5px;
}
#navi ul li.sub2 ul li a:hover{
	color:#EF8538;
}
/*---ナビGOODS部分---*/
#navi ul li#2dan3 {
	width:122px;
	float:left;
}
#navi ul li#2dan3 a{
	display:block;
	text-align:center;
	color:#fff;
	text-decoration: none;
	background:#000;
	font-size:1.25em;
}
/*---プルダウンメニュー---*/
#navi ul li.sub3{
position: relative;
}
#navi ul li.sub3 ul{
	display: none;
	width: 154px;
	height: 150px;
/*float:left;一旦消した*/
	background:rgba(0,0,232,0.6);
/*background:rgba(38,38,38,0.6);*/
/*background:rgba(0,0,232,0.6);*/
	color:#fff;
}
#navi ul li.sub3:hover ul{
	display:block;
	position:absolute;
	top:55px;
	left:0;
}
#navi ul li.sub3 ul li{
	clear: both;/*注意改行に必要*/
	width: 154px;
	border-bottom: 1px solid #fff;
	color:#fff;*/
}
/*---サブメニューボタンの設定---*/
#navi ul li.sub3 ul li a{
	text-decoration: none;
		margin-left: 5px;
}
#navi ul li.sub3 ul li a:hover{
	color:#EF8538;
}
/*---cross-slide部分---*/
#slidedisp2 {
		margin-left:auto;
	margin-right:auto;
	
}
#h2{
height: 60px;
	width: 1000px;
	float:left;
	font-family: 'Shadows Into Light Two', cursive;

}
/*---NEWS部分---*/

a { text-decoration: none; }

.hover-aqua:hover{
	color:#00FFFF;
}
#news{
	height: 300px;/*---480pxから変更---*/
	width: 990px;
	overflow:auto;
	float:left;
}
#news dt{
	font-size:16px;
	line-height:3;
	
}
/*---dd{
	margin-left:30px;
	font-size:16px;
	word-break:break-all;
	word-wrap:break-word; 
	display: inline-block;
	width:970px
}---*/
#news dd a{
	margin-left:30px;
	font-size:16px;
	word-break:break-all;
	word-wrap:break-word; 
	display: inline-block;
	width:970px
}
#news dd p{
	margin-left:30px;
	font-size:16px;
	word-break:break-all;
	word-wrap:break-word; 
	display: inline-block;
	width:970px
}

#news dd a:hover{
color: #4ABCBC;
}
/*---日付アンダーライン---*/
.under1 {
  background: linear-gradient(transparent 85%, #00ffff  30%);
}
/*---PICK UP部分---*/
#flyer{
	height:720px; /*---310px---*/
	width:500px;
	float:left;
	
}
#flyer_info{
	height:720px;
	width:500px;
	float:left;
	margin-top:20px;
}
/*---THICK 出演者多---*/
#flyer_info3{
	height:1300px;/*---THICK 出演者多1300px---*/
	width:500px;
	float:left;
	margin-top:20px;
}
#flyer_info2{
	height:900px;
	width:500px;
	float:left;
	margin-top:20px;
}
#flyer_info4{
	height:1800px;/*---THICK 出演者多1600px---*/
	width:500px;
	float:left;
	margin-top:20px;
}

#flyer_info h3{
font-family: 'Shadows Into Light Two', cursive;
}
#flyer_info ut,dd,p{
	font-size:16px;

}
#flyer2{
	height:900px; /*---310px---*/
	width:500px;
	float:left;
	
}
#flyer3{
	height:1300px; /*---310px---*/
	width:500px;
	float:left;
	
}
#flyer4{
	height:1800px; /*---310px---*/
	width:500px;
	float:left;
	
}
#flyer_info2 h3{
font-family: 'Shadows Into Light Two', cursive;
}
#flyer_info ut,dd,p{
	font-size:16px;
}
#flyer_info3 h3{
font-family: 'Shadows Into Light Two', cursive;
}
#flyer_info4 h3{
font-family: 'Shadows Into Light Two', cursive;
}
/*---TOPへ戻るボタン---*/
#pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom:20px;
  background: #262626;
  opacity: 0.6;
  border-radius: 50%;
}
#pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
}
#pagetop a::before{
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
}
/*---画像フラッシュ---*/
figure {
  width: 460px;/*---420/470---*/
  height: 310px;/*---310/510---*/
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
  position: relative;
}
figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*---end部分---*/
#end {
	background: #000000;
	margin-top:100px;
	width:1000px;
	height;16px;
	float:left;
	font-size:16px;
	font-style:normal;
	color:#ffffff;
	text-align:center;
}


/*---縦スクロール---*/
.elastislide-wrapper {
    position: relative;
    overflow: hidden;
}
..elastislide-carousel {
    overflow: hidden;
    position: relative;
}
.elastislide-carousel ul {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.elastislide-horizontal ul {
    white-space: nowrap;
}
.elastislide-carousel ul li {
    margin: 0;
    -webkit-backface-visibility: hidden;
}
}
/*縦スライドにする場合必要*/
.elastislide-vertical ul li {
    display: block;
}
.elastislide-carousel ul li a {
    display: inline-block;
    width: 100%;
}
/*---画像ホバー光沢---*/
/*a:hover img.hoverImg{

opacity:0.8;

filter:alpha(opacity=80);

-ms-filter: “alpha( opacity=80 )”;

}*/
/*---画像ホバーフラッシュ---*/
a:hover img.hoverImg,a:hover img.icon{
	opacity: 1;
	-webkit-animation: flash 1.8s;
	animation: flash 1.8s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}