@charset "utf-8";
/* CSS Document */
/******************************************************************************
 Default CSS Reset
******************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	table-layout:fixed;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
img {
	vertical-align: bottom;
}
/******************************************************************************
 FONT
******************************************************************************/
@font-face{ 
	font-family: 'Antonio';
	src: url('../font/Antonio-Regular.eot'); /* IE */
	src: url('../font/Antonio-Regular.eot?#iefix') format('embedded-opentype'), /* IE8以前 */
	    	url('../font/Antonio-Regular.woff') format('woff'), /* モダンブラウザ用 */
	    	url('../font/Antonio-Regular.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal;
	font-style: normal;
}
.ant {
	font-family: 'Antonio';
 font-weight: normal;
 line-height:1.3em;
 font-size: 16px;
}
/******************************************************************************
 General Setting
******************************************************************************/
body {
 margin:0;
 padding:0;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:200;
 color: #FFF;
 word-wrap : break-word;
	-webkit-font-smoothing: antialiased;
 position: relative;
	background: none;
	line-height: 1.45;
}
#particles-js{
 position: fixed;
 top:0;
 left:0;
 z-index:-1;
 background:none;
}
a {
	color: #FFF;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active {	color: #b2e4f9;}


/*** position ***/
.fl { float:left;}
.fr { float:right;}
.ar { text-align:right;}
.al { text-align:left;}
.ac { text-align:center;}
.mb1em { margin-bottom:1em;}


.ar{
	padding-top: 15px;
}
/*** clearfix ***/
.cf:after{
 content: "."; 
 display: block; 
 height: 0; 
 font-size:0;	
 clear: both; 
 visibility:hidden;
}

/*** span ***/
strong{ font-weight:bold;}
.red { color:#C00; font-weight:bold;}
.small{ font-size:70%; vertical-align: text-bottom;}
.big{ font-size:120%; vertical-align: text-bottom;}
.text_01 {
 font-size:100%;
 margin-bottom:1em;
}

/*** font ***/
.serif{
 line-height:1.5em;
 font-weight:bold;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*文字を赤く*/
.c_red{
	color: #ea0d0d;
	font-weight: bold;
}



/******************************************************************************
 PC Layout
******************************************************************************/
@media screen and (min-width: 801px) {
.pc_none{ display: none;}
.sp_none{ display:block;}
a.hover {
	text-decoration: none;
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#menu { display:none;}
#overlay{  display:none;}
 
#wrapper {
 width: 100%;
 position: relative;
 height: auto !important; /*IE6対策*/
 height: 100%;
 min-height: 100%;
 font-size:16px;
 line-height:1.5em;
}
.inner {
 clear:both;
 margin:0 auto;
 width:1000px;
 height:auto;
 position:relative;
}
.section {
 clear:both;
 margin:0 auto 100px;
 height:auto;
}
#container{
 padding-top:80px;
}

/* header ****************************************************/
#header {
 margin:0;
 padding: 15px 0;
 width:100%;
 height:auto;
 background:rgba(0,0,0,0.40);
 position:fixed;
 z-index:10;
}
#header .inner{
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 
 flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  
 justify-content:space-between;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  
 align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
}
#header .logo{ opacity:0; margin-left:-20px;}
#header .mvMoveOn .logo{ 
 margin-left:0; 
 opacity:1;  
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}

/* nav ****************************************************/
#nav li{
 display:inline-block;
 margin-left:20px;
}
#nav li a{
 display:block;
 font-family: 'Antonio';
 font-weight: normal;
 line-height:1.3em;
 font-size: 150%;
 text-shadow: 
  0px 0px 6px rgba(0,0,0,0.8);
}
#nav li a:hover,
#nav li.current a {
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
}
#nav{ opacity:0; margin-right:20px;}
.mvMoveOn #nav{ 
 opacity:1;
 margin-right:0;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.headerSns li{
 display:inline-block;
	 margin-left:20px;

	}
/* footer ****************************************************/
#gotoTop a{
 display:block;
 text-align:center;
 background: rgba(235, 94, 1,0.8);
}
#footer {
 margin:0;
 padding: 70px 0 65px;
 width: 100%;
 height: auto;
 clear:both;
 margin-bottom: 0;
 background:#212121;
 text-align:center;
}
#footer .archive{
 margin-bottom:40px;
}
#footer .footerLogo,
#footer .footerSns{
 margin-bottom:40px;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 
 flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  
 justify-content: center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
  
 align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
}
#footer .footerLogo li,
#footer .footerSns li{
 padding:0 20px;
}
#footer .footerSns li{
 font-size:120%;
}
#footer .offi{ margin-bottom:40px;}
#footer .conatctBtn a{
 display:block;
 width: 130px;
 margin: 0 auto 20px;
 padding: 5px 0;
 border: 1px solid #fff;
 font-weight:500;
}
#footer .copyright{
 margin-bottom:20px;
}
#footer .copyright a{
 color:#FFF;
 font-weight:400;
}
#footer .all-rights-reserved{ 
 font-size:68%;
 font-weight:400;
 margin-bottom:15px;
}
#footer .privacyPolicy a{
 font-size:68%;
 font-weight:400;
 text-decoration:underline;
}
	
#footer .conatctBtn a:hover{
	color: #eb5e01;
}
	.pc_none li{
		display: none;
	}
/******************************************************************************
 PC Common
******************************************************************************/
/* headline ****************************************************/
h2.tit {
 text-align:center;
 font-size:225%;
 line-height:1.2em;
 margin-left:-100px;
 margin-bottom:40px;
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
 position:relative;
 opacity:0;
 box-sizing:border-box;
}
.tit02{
	padding-left:100px;
 opacity: 1 !important;
 display: block !important;
 text-align:center;
 font-size:225%;
 line-height:1.2em;
 margin-left:-100px;
 margin-bottom:40px;
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
 position:relative;
 box-sizing:border-box;
}
.tit02 .line_b{
 width:580px;
}
.tit02 .line_s{
 width:400px;
}
.line_b {
 display:block;
 width:1px;
 height:3px;
 background:#FFF;
 position:relative;
 bottom:0px;
 left:0;
 box-shadow: 0px 0px 4px rgba(235, 94, 1,0.7),
             0px 0px 4px rgba(235, 94, 1,0.7);
}
.line_s {
 display:block;
 width:1px;
 height:1px;
 background:#FFF;
 position:relative;
 bottom:-5px;
 left:300px;
 box-shadow: 0px 0px 4px rgba(235, 94, 1,0.7),
             0px 0px 4px rgba(235, 94, 1,0.7);
}
.moveOn {
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}
h2.tit.moveOn {
 opacity:1;
 padding-left:100px;
}
.line_b.moveOn{
 width:580px;
}
.line_s.moveOn{
 width:400px;
}
h3.mi {
 font-size:112.5%;
 font-weight:500;
 margin-bottom:15px;
}



/* mainView ****************************************************/
#mainView {
	margin:0 auto;
	padding:0;
	width:100%;
 min-width:1000px;
	height:490px;
 position:relative;
}
#mainView .slideInner{
 position: absolute;
 width:100%;
 height:490px;
 top:0;
}
#mainView .slideInner li{
 width:100%;
 height:490px;
 position: absolute;
 left:0;
 top:0;
 background-size:cover;
}
#mainView .inner {
 padding-top:120px;
}
#mainView h1{
 opacity:0;
 text-align:left;
 padding-left:0px;
 margin-bottom:30px;
}
#mainView h2.desc{
 opacity:0;
 font-size:150%;
 font-weight:200;
 padding-left:0px;
 text-align:left;
 margin-bottom:0;
}
#mainView h3.venue{
 opacity:0;
 text-align:center;
 margin-left:-100px;
 font-size:225%;
}
#mainView h3.venue .day {
 display:inline-block;
 font-size:166%;
 vertical-align: baseline;
}
#mainView h3.venue .day  .small{
 vertical-align: inherit;
}
#mainView .vol{
 opacity:0; 
 width:170px;
 height:170px;
 padding-top:60px;
 text-align:center;
 color:#fff;
 font-size:225%;
/* text-shadow: 
  0px 0px 10px rgba(209,197,0,0.82),
  0px 0px 10px rgba(209,197,0,0.82);
*/ background:url(../images/mv_vol.png) no-repeat center center;
 background-size:100% auto;
 position:absolute;
 top:50px;
 right:30px;
 box-sizing:border-box;
}
#mainView .edit{
 opacity:0;
 font-size:187.5%;
 font-weight:200;
 margin-left:-100px;
 text-align:center;
}
.mvMoveOn {
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 -o-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
}
#mainView h1.mvMoveOn{opacity:1; padding-left:70px; transition-delay:0.2s;}
#mainView h2.desc.mvMoveOn{opacity:1; padding-left:90px; transition-delay:0.4s;}
#mainView h3.venue.mvMoveOn{opacity:1; margin-left:0px;  transition-delay:0.6s;}
#mainView .edit.mvMoveOn{ opacity:1;margin-left:0px; transition-delay:0.8s;}
#mainView .vol.mvMoveOn{ opacity:1; top:90px;  transition-delay:1s;}

/* 下層 mainView ****************************************************/
#mainView.under {
	height: auto;
 padding-bottom:10px;
 overflow:hidden;
}
#mainView.under .inner {
 padding-top:60px;
}
#mainView.under h2.desc{ display:none;}
#mainView.under h1{
 width:500px;
 margin:0 0 0 120px;
}
#mainView.under h1 img{
 width:100%;
 height:auto;
}
#mainView.under .vol{
    width: 110px;
    height: 110px;
    padding-top: 38px;
    font-size: 150%;
    top: 45px;
    right: 225px;
}
#mainView.under h3.venue{
 font-size:195%;
}

/* linkBtn ****************************************************/
.linkBtn{
 width:100%;
 max-width:340px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
}
.linkBtn a{
 display:block;
 font-size:112.5%;
 text-align:center;
 padding:10px 0;
 background: none;
 border:2px solid #FFF;
 text-decoration:none;
 position:relative;
 transition:all 0.1s ease-in-out;
  -webkit-transition:all 0.1s ease-in-out;
 font-family: 'Antonio','Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:300;
}
.linkBtn a span{
 position:relative;
 z-index:2;
}
.linkBtn a:hover{
 border:2px solid #eb5e01;
color: #fff;
}
.linkBtn a:before{
 content:"";
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 background:#eb5e01;
 opacity:0;
 z-index:1;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.linkBtn a:hover:before {
 opacity:1;
 -webkit-transform: scale(2) rotate(180deg);
 transform: scale(2) rotate(180deg);
 background:#eb5e01;
}
/* summary ****************************************************/
.summary > dt{
 width:220px;
 padding:5px 0;
 text-align:center;
 font-size:112.5%;
 font-weight:500;
 color:#000;
 position:relative;
 z-index:1;
}
.summary > dt:before{
 content:"";
 display:block;
 position:absolute;
 top: 0;
 width: 0px;
 height: 100%;
 background:#FFF;
 z-index:-1;
}
.summary > dt.moveOn:before{
 width: 100%;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}
.summary > dd{
 position:relative;
 padding-left:230px;
 margin-bottom:30px;
}
.summary > dd .linkBtn{
 margin:0;
}
.summary > dd .line{
 display:block;
 width:20px;
 height:1px;
 background:#FFF;
 position:absolute;
 top:-20px;
 left:170px;
 z-index:0;
}
.summary > dd.moveOn .line{
 width:830px;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}
.whiteBox {
 padding:20px 55px;
 color:#000;
 background:rgba(255,255,255,0.92);
 box-sizing:border-box;
 margin-bottom:40px;
}
	.whiteBox_a{
 padding:10px 3%;
 background:rgba(255,255,255,0.3);
 box-sizing:border-box;
 margin-top:30px;
 margin-bottom:30px;
}	
.summary h3{
	color: #eb5e01;
  font-weight: bold;
	font-size: 130%;
}



/* hover zoom ****************************************************/
.zoom {
 position:relative;
}
.zoom p.ph img {
 height: auto;
 transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
 width: 100%;
 vertical-align: bottom;
}
.zoom p.ph {
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
}
.zoom a:hover>p.ph img {
 transform: scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
}
.zoom a:hover p.ph{
 display:block;
 background:#b2e4f9;
 box-shadow: 
  0px 0px 10px rgba(235, 94, 1,0.82),
  0px 0px 10px rgba(235, 94, 1,0.82);
 transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
}


	.scrMove_blue{
color: #eb5e01;
font-weight: bold;
font-size: 120%;
	}
.scrMove_blue02{
	text-align: center;
	color: #eb5e01;
	font-weight: bold;
	font-size: 150%;
	padding-bottom: 30px;
}

/*注意事項*/
	.bold_a{
		font-weight: bold;
	}

/*アーティストNew！！画像*/
.new{
	position: absolute;
  top: 0;
  left: 54%;
}
.new img{
	width: 100%;
	vertical-align: top;
	}
.news{
	position: relative;
}
}

/********************************************************************************************************
	max-width: 800px SP 
********************************************************************************************************/
@media screen and (max-width: 800px) {
 
.pc_none{ display:block;}
.sp_none{ display:none;}
#wrapper img{
 width:100%;
 height:auto;
}
#wrapper {
 width: 100%;
 position: relative;
 height: auto !important; /*IE6対策*/
 height: 100%;
 min-height: 100%;
 font-size:14px;
 line-height:1.5em;
 overflow:hidden;
}
.inner {
 clear:both;
 margin:0 auto;
 width: 100%;
 height:auto;
 position:relative;
}
.section {
 clear:both;
 width:94%;
 margin:0 3% 50px;
 height:auto;
}
#container{
 padding-top:40px;
}

/* header ****************************************************/
#header {
 margin:0;
 padding: 10px 0;
 width:100%;
 height:auto;
 background:rgba(0,0,0,0.40);
 position:fixed;
 z-index:50;
}
#header .logo{
 width:40%;
 margin-left:-20px; 
 opacity:0;
}
#header .mvMoveOn .logo{ 
 margin-left:3%; 
 opacity:1; 
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}

/* menu ****************************************************/
#menu {
  display:block;
  margin:0px 5px 0px 0;
  width:40px;
  height:40px;
  cursor:pointer;
  position:fixed;
  top:0px;
  right:0px;
  z-index:50;
 }
 /* animation */
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: relative;
 width: 40px;
 height: 40px;
}
.menu-trigger span {
 position: absolute;
 left: 20%;
 width: 60%;
 height: 3px;
 background-color: #FFF;
 border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {top:10px;}
.menu-trigger span:nth-of-type(2) {top: 18px;}
.menu-trigger span:nth-of-type(3) {bottom: 10px;}
.menu-trigger.active span {background-color: #FFF;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}

/* nav ****************************************************/
#overlay{
 z-index:50;
 position:fixed;
 top:0px;
 left:0;
 width:100%;
 height:120%;
 background:rgba(0,0,0,0.9);
 text-align:center;
 display:none;
}
#nav {
 width:80%;
 position:absolute;
 z-index:50;
 top:60px;
 left:10%;
 display:none;
}
#nav li{
 display:block;
 margin-bottom:30px;
}
#nav li a{
 display:block;
 text-align:center;
 font-family: 'Antonio';
 font-weight: normal;
 line-height:1.2em;
 font-size: 180%;
 text-shadow: 
  0px 0px 6px rgba(0,0,0,0.8);
}
#nav li.current a {
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
}


/* footer ****************************************************/
#gotoTop a{
 display:block;
 text-align:center;
 background: rgba(235, 94, 1,0.8);
}
#gotoTop img{
 width:40px;
 height:auto;
}
#footer img {
 width:auto;
 height:auto;
}
#footer {
 margin:0;
 padding: 70px 0 65px;
 width: 100%;
 height: auto;
 clear:both;
 margin-bottom: 0;
 background:#212121;
 text-align:center;
}
#footer .archive{
 margin-bottom:30px;
}
#footer .footerLogo li{
 padding:0 20px;
 margin-bottom:30px;
}
#footer .footerSns{
 margin-bottom:30px;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 
 flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  
 justify-content: center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
  
 align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
}
#footer .footerSns li{
 padding:0 10px;
}
#footer .footerSns li{
 font-size:120%;
}
#footer .offi{ 
 padding:0 20px;
 margin-bottom:30px;
}
#footer .offi img {
 height:auto;
}
#footer .conatctBtn a{
 display:block;
 width: 130px;
 margin: 0 auto 20px;
 padding: 5px 0;
 border: 1px solid #fff;
 font-weight:500;
}

#footer .copyright{
 margin-bottom:20px;
}
#footer .copyright a{
 color:#FFF;
 font-weight:400;
}
#footer .all-rights-reserved{
 padding:0 10%;
 line-height:1.2em;
 font-size:68%;
 font-weight:400;
 margin-bottom:15px;
}
#footer .privacyPolicy a{
 font-size:68%;
 font-weight:400;
 text-decoration:underline;
}

/******************************************************************************
 SP Common
******************************************************************************/
/* headline ****************************************************/
h2.tit {
 text-align:center;
 font-size:180%;
 line-height:1.4em;
 margin-left:-100px;
 margin-bottom:20px;
 text-shadow: 
  0px 0px 6px rgba(235, 94, 1,0.92),
  0px 0px 6px rgba(235, 94, 1,0.92);
 position:relative;
 opacity:0;
 box-sizing:border-box;
}
.line_b {
 display:block;
 width:1px;
 height:3px;
 background:#FFF;
 position:relative;
 bottom:0px;
 left:-3%;
 box-shadow: 0px 0px 4px rgba(235, 94, 1,0.7),
             0px 0px 4px rgba(235, 94, 1,0.7);
}
.line_s {
 display:block;
 width:1px;
 height:1px;
 background:#FFF;
 position:relative;
 bottom:-5px;
 left:20%;
 box-shadow: 0px 0px 4px rgba(235, 94, 1,0.7),
             0px 0px 4px rgba(235, 94, 1,0.7);
}
.moveOn {
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}
h2.tit.moveOn {
 opacity:1;
 padding-left:100px;
}
.line_b.moveOn{
 width:80%;
}
.line_s.moveOn{
 width:80%;
}
h3.mi {
 font-size:112.5%;
 font-weight:500;
 margin-bottom:15px;
}


/* mainView ****************************************************/
#mainView {
	margin:0 auto;
	padding:0 0 60px;
	width:100%;
	height: auto;
 position:relative;
}
#mainView .slideInner{
 position: absolute;
 width:100%;
 height: auto;
 top:0;
}
#mainView .slideInner li{
 width:100%;
 height:430px;
 position: absolute;
 left:0;
 top:0;
 background-size: auto 100%;
}
#mainView .inner {
 padding-top:90px;
 text-align:center;
}
#mainView h1{
 width:85%;
 padding-left:2%;
 margin-bottom:10px;
 margin-left:-100px;
 opacity:0;
}
#mainView h2.desc{
 opacity:0;
 font-size:90%;
 font-weight:200;
 padding-left:0px;
 margin-bottom:10px;
 margin-left:-100px;
}
#mainView h3.venue{
 font-size:155%;
 line-height:1.2em;
 margin-bottom:5px;
 opacity:0;
}
#mainView h3.venue .day {
 display:block;
 font-size:160%;
 vertical-align: baseline;
 margin-bottom:0;
}
#mainView h3.venue .day  .small{
 vertical-align: inherit;
}
#mainView .vol{
 opacity:0; 
 width:20%;
 height: auto;
 padding-top:7.5%;
 padding-bottom:10%;
 text-align:center;
 color:#fff;
 font-size:4vw;
/* text-shadow: 
  0px 0px 10px rgba(209,197,0,0.82),
  0px 0px 10px rgba(209,197,0,0.82);
*/ background:url(../images/mv_vol.png) no-repeat center top;
 background-size:100% auto;
 position:absolute;
 top:45%;
 left:83%;
 box-sizing:border-box;
}
#mainView .edit{
 opacity:0;
 font-size:115%;
 font-weight:200;
 margin-left:-100px;
}
.mvMoveOn {
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 -o-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
}
#mainView h1.mvMoveOn{opacity:1; margin-left:0; transition-delay:0.2s;}
#mainView h2.desc.mvMoveOn{opacity:1; margin-left:0; transition-delay:0.4s;}
#mainView h3.venue.mvMoveOn{opacity:1; margin-left:0; transition-delay:0.6s;}
#mainView .edit.mvMoveOn{ opacity:1;margin-left:0; transition-delay:0.8s;}
#mainView .vol.mvMoveOn{ opacity:1; top:36%; transition-delay:1s;}

/* 下層 mainView ****************************************************/
#mainView.under{
 overflow:hidden;
 padding-bottom:0px;
}
#mainView.under .inner {
 padding-top:50px;
}
#mainView.under h1{
 margin-bottom:0;
}
#mainView.under h2.desc{ display:none;}
#mainView.under h3.venue{
 font-size:115%;
}
#mainView.under h3.venue .day {
 display:inline-block;
}
#mainView.under .vol{
 top:30px;
 right:240px;
}


/* linkBtn ****************************************************/
.linkBtn{
 width:100%;
 max-width:340px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
}
.linkBtn a{
 display:block;
 font-size:112.5%;
 text-align:center;
 padding:10px 0;
 background: none;
 border:2px solid #FFF;
 text-decoration:none;
 position:relative;
 transition:all 0.1s ease-in-out;
  -webkit-transition:all 0.1s ease-in-out;
 font-family: 'Antonio','Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:300;
}
.linkBtn a span{
 position:relative;
 z-index:2;
}
/* summary ****************************************************/
.summary > dt{
 width:100%;
 padding:5px 0;
 margin-bottom:2px;
 text-align:center;
 font-size:112.5%;
 font-weight:500;
 color:#000;
 position:relative;
 z-index:1;
}
.summary > dt:before{
 content:"";
 display:block;
 position:absolute;
 top: 0;
 width: 0px;
 height: 100%;
 background:#FFF;
 z-index:-1;
}
.summary > dt.moveOn:before{
 width: 100%;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}
.summary > dd{
 position:relative;
 padding:10px 2% 30px;
}
.summary > dd .linkBtn{
 margin:0;
}
.summary > dd .line{
 display:block;
 width:20px;
 height:1px;
 background:#FFF;
 position:absolute;
 top:0;
 left:0;
 z-index:0;
}
.summary > dd.moveOn .line{
 width:100%;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
 transition-delay:0.2s;
}
.whiteBox {
 padding:10px 3%;
 color:#000;
 background:rgba(255,255,255,0.92);
 box-sizing:border-box;
 margin-bottom:20px;
}
	.whiteBox_a{
 padding:10px 3%;
 background:rgba(255,255,255,0.3);
 box-sizing:border-box;
 margin-top:30px;
 margin-bottom:30px;
}

.summary h3{
	color: #eb5e01;
  font-weight: bold;
	font-size: 104%;
}

.qr{
		margin: 0 auto;
		width: 50%;
}


.new{
	position: absolute;
  top: 0;
  left: 65%;
}
.new img{
	width: 100%;
	vertical-align: top;
}
.news{
	position: relative;
}
}

/********************************************************************************************************
	PC / SP common patrs
********************************************************************************************************/
/* flexbox ****************************************************/
.flexwrap{
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 
 flex-wrap:wrap;
 -ms-flex-wrap:wrap;/*--- IE10用 ---*/
 -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
 
 justify-content:space-between;
 -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/

 align-items:center; 
 -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
 -ms-flex-align:center;/*--- IE10 ---*/
 -webkit-align-items:center;/*--- safari（PC）用 ---*/
}
.flexnowrap{
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 
 flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:nowrap;/*--- safari（PC）用 ---*/
  
 justify-content:space-between;
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  
 align-items:center;
  -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
  -ms-flex-align:center;/*--- IE10 ---*/
  -webkit-align-items:center;/*--- safari（PC）用 ---*/ 
}
.reverse{
 flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse; /* Safari */
  -webkit-box-direction:reverse;/*--- Androidブラウザ用 ---*/
}
.js-center {
 justify-content: center;
 -webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:center;/*--- IE10 ---*/
 -webkit-justify-content:center;/*--- safari（PC）用 ---*/
}
.js-start {
 justify-content: flex-start;
 -webkit-box-pack:start;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:start;/*--- IE10 ---*/
 -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
}
.al-stretch {
 align-items:stretch;
 -webkit-box-align:stretch;/*--- Androidブラウザ用 ---*/
 -ms-flex-align:stretch;/*--- IE10 ---*/
 -webkit-align-items:stretch;/*--- safari（PC）用 ---*/
}
.al-start {
 align-items:flex-start;
 -webkit-box-align:flex-start;/*--- Androidブラウザ用 ---*/
 -ms-flex-align:flex-start;/*--- IE10 ---*/
 -webkit-align-items:flex-start;/*--- safari（PC）用 ---*/
}

/* listMark ****************************************************/
ul.listMark {
 font-size:100%;
 list-style:none;
 padding-left:1em;
 text-indent:-1em;
}
ul.listMark.desi {
 list-style: decimal inside;
}
ul.listMark li{
 line-height:1.45em;
 margin-bottom:0.5em;
}

/* tab ****************************************************/
.tabWrapper {
 margin-bottom:10px;
}
ul.tabNav {
 display:table;
}
ul.tabNav li {
 display:table-cell;
 font-size:87%;
 cursor:pointer;
}
ul.tabNav li.active {
 background:#FF0000;
}
.tabContent.active{
 display:block;
}

/* dispTbl ****************************************************/
.dispTbl {
 display:table;
 width:100%;
}
.dispTbl > * {
 display:table-cell;
 vertical-align:top;
}



/* table ****************************************************/
.tableWrapper { overflow-x:scroll;}
table{
 border-collapse: collapse;
 border: 1px solid #CCC;
 width:100%;
 margin-bottom:10px;
}
table tr{ border-bottom: 1px solid #CCC;}
table th, table td{
 padding:10px 0;
 text-align:center;
 border-left: 1px solid #CCC;
}
table th{ background:#CCB61C;}
table td{ }

.scrMove_blue{
color: #eb5e01;
font-weight: bold;
font-size: 120%;
}

.scrMove_blue02{
	text-align: center;
	color: #eb5e01;
  font-weight: bold;
	font-size: 150%;
	padding-bottom: 30px;
}