.container {
	opacity: 0;
	position: relative;
	width: 100%;
	background: url(../img/top/bg.jpg) no-repeat 0 0 transparent;
	background-size: 100% auto; /*cover;*/

    -webkit-animation-name: op;
    -webkit-animation-duration: 2s;

}

main {
	display: block;
	width: 100%;
	background-color: transparent;
}

.open {
	opacity: 0;
}

.lead {
	position: absolute;
	top: 1.5%;
	left: 5.33%;
	width: 94%;
}
item tab active
.lead .list {
	font-size: 0;
}

.lead .list .item {
	opacity: 0;
	display: inline-block;
}

.lead .list .lead01 {width: 7.73%;}
.lead .list .lead02 {width: 6.13%;}
.lead .list .lead03 {width: 6.53%;}
.lead .list .lead04 {width: 4.93%;}
.lead .list .lead05 {width: 6%;}
.lead .list .lead06 {width: 7.2%;}
.lead .list .lead07 {width: 6.8%;}
.lead .list .lead08 {width: 6.8%;}
.lead .list .lead09 {width: 1.2%;}

main .logo {
	opacity: 0;
	position: absolute;
	top: 4%;
	right: 12%;
	width: 23.33%;
}

.copy {
	opacity: 0;
	width: 100%;
	margin: -3% auto 0;
	margin: 0 auto 0;
	padding-top: 137%;
}

.date {
	opacity: 0;
	width: 68.66666666666667%;
	margin: -10% auto 0;
}

.youtube {
	width: 100%;
	margin: 0 auto;
	padding: 0 5.33%;
}

.change {
	width: 100%;
	margin: 1% auto 0;
}

.change .item {
	width: 49%;
	display: inline-block;
}
.change .item2 {
	width: 99.5%;
	padding: 1.3% 0;
	display: inline-block;
}
.change .item3 {
	width: 99.5%;
	display: inline-block;
}

.media {
    width: 89.33%;
    margin: 3% auto 0;
}

.twitter {
	width: 89.33%;
	margin: 5% auto 0;
}

.greeting {
	width: 89.33%;
	margin: 6% auto 0;
}

.stage {
	width: 89.33%;
	margin: 6% auto 0;
}

.privilege {
	width: 89.33%;
	margin: 6% auto 0;
}

.tweet {
	width: 89.33%;
	margin: 6% auto 0;
}


.comic {
	width: 89.33%;
	margin: 6% auto 0;
}

.ticket {
	width: 89.33%;
	margin: 6% auto 0;
}

.history {
	width: 89.33%;
	margin: 6% auto 0;
}

.blog {
	width: 89.33%;
	margin: 6% auto 0;
}

.credit {
	width: 100%;
	margin: 8% auto 0;
}

footer {
	width: 100%;
	margin: 0 auto 0;
	z-index: -1;
}

footer .share-area .share {
	position: relative;
	width: 263px;
	margin: 0 auto;
	padding-top: 8%;
	overflow: hidden;
	z-index: 10;
}

footer .share-area .share .item {
	float: left;
	margin-right: 20px;
}

footer .share-area .share .item:last-child {
	margin-right: 0;
}

footer .copyright  {
	font-size: 9px;
	margin: 9% auto 0;
	padding-bottom: 9%;
	text-align: center;
}


.leaf {
	position: absolute;
	bottom: 2%;
	left: 0;
	width: 100%;
}

/*
@-webkit-keyframes op {
    0% {
        filter: alpha(opacity=0);
        opacity:0;
		transform: translateY(-80px);
    }
    100% {
        filter: alpha(opacity=100);
        opacity:1;
		transform: translateY(0px);
    }
}
*/




/*--------------------------------------------------*/
/* DVDキャンペーン */
/*--------------------------------------------------*/
.dvd-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 186, 255, 0.5);
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow-y: scroll;
}
.dvd-overlay:after {
	position: relative;
}
.dvd-modal {
	margin: 15% auto 0;

	width: 92%;

	background: url(../img/campaign/bg_campaign.png) no-repeat;
	background-size: contain;
	padding-top: 64%;
    padding-bottom: 16%;
}
.dvd-close {
    position: absolute;
    top: 1%;
    right: 5.33%;
    width: 11.46%;
    z-index: 5;
	cursor: pointer;

	z-index: 10;
}
.btn_movie {
	width: 65.21739130434783%;
	text-align: center;
	margin: 0 auto 0;
	/*padding-top: 70%;*/
}
.btn_illust {
	width: 65.21739130434783%;
	text-align: center;
	margin: 65% auto 0;
}



/*--------------------------------------------------*/
/* カウントダウン */
/*--------------------------------------------------*/
.countdown {
	opacity: 0;
	position: relative;
	width: 94%;
	margin: 0 auto 0;
	padding-top: 130%;
}

.timer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 150% auto 0;;
}
.yycountdown-box {
	margin: 20.5% auto 0 !important;
	padding-right: 3%;
}
#timer .yycountdown-box .yyc-day,
#timer .yycountdown-box .yyc-hou,
#timer .yycountdown-box .yyc-min,
#timer .yycountdown-box .yyc-sec {
	color: #fff !important;
	font-size: 17.5px !important;
	font-size: 4.7vw !important;
	font-weight: bold !important;
}
.yyc-day-text,
.yyc-hou-text,
.yyc-min-text,
.yyc-sec-text {
	color: #fff !important;
	font-size: 12.5px !important;
	font-size: 3.3vw !important;
	/*font-weight: bold !important;*/
}