@charset "utf-8";
/* CSS Document */
body {background: #f8f8f7!important;}
.Area_top .momologo { right: 40px!important; left: auto!important;}
.Area_top .momologo a:hover{ transform: scale(1)!important;}

.WRAPPER { background: none;}

.momostyle_bg { 
	background-image:url("edm_bg.jpg?t=1751352074435"),url("edm_bg02.jpg?t=1751352074435");
	background-position: top center;
	background-repeat: no-repeat,repeat-y;  
    max-width: 2000px;
    margin: auto;
    overflow: hidden;
    font-size: 0;

}

a img {
	transform: translateY(0%);
	transition: all .1s .1s;
}

.momostyle_edm_all a img:hover{
	transform: translateY(-2.5%);
	transition: all .3s;
    z-index: 2;
}

.momostyle_edm_kv { width: 1220px; height:730px; margin: auto; position: relative;}
.momostyle_edm_kv > img,
.momostyle_edm_kv > span { display: block; position: absolute; margin: auto; }
.momostyle_edm_kv > img:nth-child(1) { left: auto; top: 10%; bottom: auto; right: 39.5%; z-index: 1;}
.momostyle_edm_kv > img:nth-child(2) { left: auto; top: 22.5%; bottom: auto; right: 24.5%;}
.momostyle_edm_kv > img:nth-child(3) { left: 21%; bottom: auto; top: 10%; right: auto; }

.edm_kv_Jump {
	animation-name: Jump;
	animation-duration: 8s;	
	animation-timing-function: ease;	
	transform-origin: 50% 100%;
    animation-delay: 1.1s;
    animation-iteration-count:1;
    transform: scaleY(0) scaleX(0);
    animation-fill-mode:forwards;
}


@keyframes Jump {
	0% {
		transform: translateY(0%) scaleY(0.6) scaleX(0.6);
	}
	6%{
		transform: translateY(-80%) scaleY(1.1) scaleX(1.1);
	}
	8%{
		transform: translateY(0%) scaleY(0.55) scaleX(1.05);
	}
	10%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	12%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	14%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}
	100%{
		transform:  translateY(0%) scaleY(1);
	}	
}

.momostyle_edm_all { width: 1220px; margin: auto; text-align: center; font-size: 0;}
.momostyle_edm_all ul {
    width: 100%; margin: 0; padding: 0; font-size: 0; background-position: top center;
    background-size: cover; background-repeat: no-repeat; position: relative;}
.momostyle_edm_all ul li {padding: 0; margin: auto; display: inline-block; list-style: none;} 
.momostyle_edm_all ul li img {max-width: 100%;} 

.momostyle_edm_all h2 { margin: 5% auto 3% auto; padding: 0;}


.momostyle_edm_run {max-width: 1220px; margin:1% auto 0 auto;}
.momostyle_edm_run ul { margin: 0; padding: 0;}
.momostyle_edm_run ul li a img:nth-child(1) { display: block;}
.momostyle_edm_run ul li a img:nth-child(2) { display: none;}

.slick-dots li button:before { background-color: #999!important;}

.momostyle_edm_movie ul { width: 100%; margin: 0% auto; padding: 0; font-size: 0;}
.momostyle_edm_movie ul li { width:100%; margin:0%; padding: 0; list-style: none; display: inline-block; vertical-align: middle; text-align: center; position: relative;}
.momostyle_edm_movie ul li div {position:relative; width:100%; height:0px; padding-bottom:56.25%; margin: auto;}
.momostyle_edm_movie ul li div iframe {position:absolute; left:0;  width:100%; height:100%; }


.momostyle_edm_list ul { width: 100%; padding: 0; margin:0; display: inline-block;}
.momostyle_edm_list ul li{ width: calc(100% / 4); margin:0; vertical-align: bottom;}

.edm_bar { max-width: 1220px; margin:6% auto 1% auto; text-align: center;}


.momostyle_edm_bn { margin: 2% auto;}
.momostyle_edm_bn ul { width: 100%; padding: 0%; margin:0 auto; display: inline-block;}
.momostyle_edm_bn ul li{ width: calc(100% / 1 - 1%); margin:0.5%; vertical-align: bottom;}




@media screen and (max-width:767px){

.momostyle_bg { 
	background-image:url("edm_bg_m.jpg?t=1751352074435"),url("edm_bg_m02.jpg?t=1751352074435");
    max-width: 100%;
    overflow: hidden;
    background-size: contain;
} 
  
.momostyle_edm_kv { width: 100%; height:0px; padding-bottom: 59.83%;}
.momostyle_edm_kv > img:nth-child(1) {width: 24.18%;}
.momostyle_edm_kv > img:nth-child(2) {width: 53.44%;}
.momostyle_edm_kv > img:nth-child(3) {width: 15.08%;}

    
.momostyle_edm_all { width: 100%;}
.momostyle_edm_list ul li{ width: calc(100% / 2); margin:0; vertical-align: bottom;}

.momostyle_edm_run ul li a img:nth-child(1) { display: none;}
.momostyle_edm_run ul li a img:nth-child(2) { display: block;}


  
}