@charset "utf-8";

body{background:rgba(195,202,202,1.00);}

.pre_bg{width:100%;
	height:1600px;
	padding:50px 0 50px;
	background:url(../img/mv_img_bg_l3.jpg);
	background-size:3840px auto;
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute; top:0; left:0;
	z-index:10;}

#container{background:url(../img/mv_img_l3.jpg);
	background-size:1280px auto;
	background-repeat:no-repeat;
	background-position:center top;}
	
.main_img{width:100%;
	height:1600px;
	min-height:1000px;
	padding:50px 0 50px;
	text-align:center;}

.main_img_logo{width:28%;
	padding-top:180px;
	margin:0 auto;
	text-align:center;
	-webkit-animation:down 4s ease-out forwards;
	-moz-animation:down 4s ease-out forwards;
	-ms-animation:down 4s ease-out forwards;
	-o-animation:down 4s ease-out forwards;
	animation:down 4s ease-out forwards;}

@-webkit-keyframes down {
	0% {padding-top:0;}
	20% {padding-top:0;}
	60%{opacity:0;}
	100% {padding-top:180px;
		opacity:1.0;}
}
@-moz-keyframes down {
	0% {padding-top:0;}
	20% {padding-top:0;}
	60%{opacity:0;}
	100% {padding-top:180px;
		opacity:1.0;}
}
@-ms-keyframes down {
	0% {padding-top:0;}
	20% {padding-top:0;}
	60%{opacity:0;}
	100% {padding-top:180px;
		opacity:1.0;}
}
@-o-keyframes down {
	0% {padding-top:0;}
	20% {padding-top:0;}
	60%{opacity:0;}
	100% {padding-top:180px;
		opacity:1.0;}
}
@keyframes down {
	0% {padding-top:0;}
	20% {padding-top:0;}
	60%{opacity:0;}
	100% {padding-top:180px;
		opacity:1.0;}
}

.main_img_logo img{width:100%;}

.stage_date{width:100%;
	height:100px;
	text-align:center;
	background:rgba(35,24,21,1.00);}

.bg_white{background:rgba(255,255,255,1.00);}


@media screen and ( max-width:736px )
{
.menu-btn {
    position: fixed;
    top: 5px;
    right: 5px;
    display: block;
    width: 40px;
    height: 40px;
	padding:10px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
	background:rgba(0,0,0,0.80);
    z-index: 99;
}

.drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: -200px;
    width: 200px;
    height: 100vh;
    padding: 80px 0 140px;
    background: #222;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    /*-webkit-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);*/
	overflow-y:scroll;
    opacity: 1;
	z-index:10;
}
	
.pre_bg{width:0;
	height:0;
	min-height:0;
	padding:0;}
	
#container{background:rgba(255,255,255,1.00);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center top;}
	
.main_img{width:0;
	height:0;
	min-height:0;
	padding:0;}

.main_img_logo{height:30vh;
	padding-top:15%;
	margin-top:0;
	text-align:center;}
	
.main_img_sp{width:100%;
	text-align:center;}
	
.main_img_sp img{width:100%;}
}