@charset "UTF-8";


#mainContent h2{
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	top:-25px;
	opacity:0.0
}

#mainContent .scon h2{
	/*-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;*/
	top:0;
	opacity:1.0;
}


.scact{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
}

.scact.scon{
	opacity: 1.0;
}




/***********************************

 背景動画

***********************************/
#bgVideo{
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity:0.0
}
#bgVideo.scon{
	opacity:1.0
}

/***********************************

COVER

***********************************/
#cover{
	/**/
}

#ttlData > *{
	-webkit-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

#ttlData h1{
	top:-25px;
	opacity:0.0
}

#ttlData p{
	top:25px;
	opacity:0.0
}

#cover a{
	-webkit-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	opacity:0.0
}

#cover.scon{
	/**/
}

.scon #ttlData h1{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	top:0;
	opacity:1.0
}

.scon #ttlData p{
	top:0;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity:1.0;
}

#cover.scon a{
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
	opacity:1.0
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}



/***********************************

CONCEPT

***********************************/
#concept{
	/**/
}

#concept article > *{
	position:relative;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

#concept article > h3{
	top:-25px;
	opacity:0.0;
}

#concept article > p{
	top:25px;
	opacity:0.0
}

#concept.scon article > h3{
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
	top:0;
	opacity:1.0;
}

#concept.scon article > p{
	-webkit-transition-delay: 1.0s;
	transition-delay: 1.0s;
	top:0;
	opacity:1.0;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}



/***********************************

BOOTH

***********************************/
#booth{
	/**/
}

#booth p{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#booth p{
	top:-25px;
	opacity:0.0;
}


#booth.scon p{
	transition-delay: 0.5s;
	top:0;
	opacity:1.0;
}


#booth .scact:nth-child(3){
	left:-50px;
}

#booth .scact:nth-child(4){
	left:50px;
}

#booth .scact.scon{
	left:0;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}


/***********************************

EVENT

***********************************/
#event{
	/**/
}

#event .slickarrow,
#eventlist{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
	top:30px;
}

#event.scon .slickarrow,
#event.scon #eventlist{
	transition-delay: 1.05s;
	opacity:1.0;
	top:0;
}




/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}



/***********************************

LINE UP

***********************************/
#lineup{
	/**/
}

#lineup article > *{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
}


#lineup article > h3{
	top:-50px;
}

#lineup.scon  article > h3{
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
	opacity:1.0;
	top:0;
}

#lineup.scon  article > img:nth-child(2),
#lineup.scon  article > img:nth-child(3){
	-webkit-transition-delay: 1.0s;
	transition-delay: 1.0s;
	opacity:1.0;
	/*left:0;*/
}



#caralbum.scact{
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0.0;
}

#caralbum.scact.scon{
	opacity:1.0;
}



#caralbum.scact #cardata::after{
	content:"";
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#caralbum.scact.scon #cardata::after{
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
	left:100%;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}


/***********************************

SCHEDULE

***********************************/
#schedule{
	/**/
}


#schedule .sctxt,
#timeTable{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
	top:50px;
}

#schedule.scon .sctxt,
#schedule.scon #timeTable{
	position:relative;
	transition-delay: 1.0s;
	opacity:1.0;
	top:0;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}



/***********************************

BENEFITS

***********************************/
#benefits{
	/**/
}


#benefits .sectioninner > article{
	position:relative;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0.0;
	top:25px;
}

#benefits.scon .sectioninner > article:nth-child(2){
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity:1.0;
	top:0;
}
#benefits.scon .sectioninner > article:nth-child(3){
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
	opacity:1.0;
	top:0;
}


#benefits .twinbox > .boxinner{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


#benefits .twinbox > .boxinner:nth-child(1){
	left:50px;
}
#benefits .twinbox > .boxinner:nth-child(2){
	left:-50px;
}

#benefits .twinbox.scact.scon > .boxinner{
	left:0;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


}




/***********************************

INFORMATION

***********************************/
#info{
	/**/
}


#info .sectioninner > dl,
#info .sectioninner > p{
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.0;
	left:-50px;
}

#info.scon .sectioninner > dl,
#info.scon .sectioninner > p{
	-webkit-ttransition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity:1.0;
	left:0;
}

#map.scact{
	top:50px;
}

#map.scact.scon{
	top:0;
}