@charset "big5";
/* CSS Document */
body {background: #e1c49c!important; margin: 0 auto!important; /*text-align: center;*/}
.Area_top .momologo { left: 40px!important; }
.Area_top .momologo a:hover{ transform: scale(1)!important;}
.Area_top .momologo a {
    display: block;
    width: 200px;
    height: 30px;
    background: url(momo_logo.png?t=1751535615647) no-repeat;
}
#particles-js { position: fixed; z-index: 0; mix-blend-mode: plus-lighter; filter: blur(3px);}

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

}

.js-REG_regImg_pc { height: auto!important;}

/*.momostyle_edm_nav {max-width: 2000px; right: 180px; margin: auto; position: absolute;}
.momostyle_edm_link { width: 100%; position: fixed; top: 100px; margin: auto; z-index: 3;}
.momostyle_edm_link ul {width: 170px; right: 0px; padding: 0; margin: 0;}
.momostyle_edm_link ul li { list-style: none; margin: 0;padding: 0; transition: all .1s .1s;}
.momostyle_edm_link ul li img { width: 100%;}
.momostyle_edm_link ul li a {display: block;}
.momostyle_edm_link ul li a:hover {opacity: 0.8; transition: all .3s;}*/


a img,li {
	transform: translateY(0%);
	transition: all .1s .1s;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}

.momostyle_edm_all a img:hover{
	transform: translateY(-2.5%);
	transition: all .3s;
    z-index: 2;
    filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.7));
}


.momostyle_edm_coupon a img:hover,
.momostyle_edm_main a img:hover{
	transform: translateY(-2.5%);
	transition: all .3s;
    z-index: 2;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}


.momostyle_edm_kv { width: 100%; margin: auto; position: relative; background-color: #5386d9;}
.momostyle_edm_kv > img,
.momostyle_edm_kv > span { display: block; position: absolute; margin: auto;}

.momostyle_edm_logo { max-width: 1220px; height: 150px; margin: auto; position: relative;}
.momostyle_edm_logo img {max-width: 96%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

.momostyle_edm_navbar {width: 100%; background: #000000; margin: 0; padding: 0;} 
.momostyle_edm_navbar ul { max-width: 1220px; margin: 0 auto; padding: 0; font-size: 0;}
.momostyle_edm_navbar ul li { width:calc(100% / 3); display: inline-block; text-align: center; }
.momostyle_edm_navbar ul li a { font-size: 16px; color:#ffffff; line-height: 50px; }
.momostyle_edm_navbar ul li a:hover { font-size: 16px; color:#000; line-height: 50px;background-color: #fff; }
.Area_danji[data-danji-num="1"] ul li .content {display: none;}
.Area_danji .warningTxt {display: none;}


/*KV����*/
.KV_PD {transform: translate(0%,0%); width: 100%;  position: absolute; left: auto; right: auto; top:0%; bottom: auto; margin: auto;}
.KV_PD img {width: 100%!important;}
/*KV����*/

.variable01 {
    width: 100%!important;
    margin: 0 auto 0 auto!important;
}

.variable01 img{
    width: 100%;
}

.variable01 a img:hover{
	transform: translateY(0%);
	transition: all .1s .1s;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}

/*KV�����U���I�I*/

.slick-dots {
   bottom: 5%!important;
 }

.slick-next {right: 5px!important; z-index: 99;}
.slick-prev {left: 5px!important; z-index: 99;}

.slick-next:before {
    content: ''!important; display: block; width: 20px;height: 20px; background-image: url("R_icon.png?t=1751535615647");background-size: cover;
}
.slick-prev:before {
    content: ''!important;display: block; width: 20px;height: 20px; background-image: url("L_icon.png?t=1751535615647");background-size: cover;
}

.slick-prev:before,
.slick-next:before { color: #666!important;}




.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:0 auto; display: inline-block; list-style: none;} 
.momostyle_edm_all ul li img {width: 100%;} 
.momostyle_edm_all ul li img[src*="Bar_2.png"] {
  width: 80%; /* �� 100px�B200px ���T�w�e�� */
  height: auto;
}

.gift_st { max-width: 1220px; margin:1% auto; padding-bottom: 0; text-align: center;}

.edm_bar { max-width: 1220px; margin:6% auto 0% auto; padding-bottom: 0; text-align: center; width: 90%}


.momostyle_edm_main  ul { width: 100%; padding: 0%; margin:0 auto 5% auto; display: inline-block; position: relative;}
.momostyle_edm_main > a { display: block; margin: 0 auto;}
.momostyle_edm_main  ul li{ width: calc(100% / 3 - 1%); margin:0.5%; vertical-align: bottom;}
.momostyle_edm_main  ul li img { width: 100%;}

.edm_main_c1 ul li { width: calc(100% / 1 - 1%); }
.edm_main_c2 ul li { width: calc(100% / 2 - 1%); }
.edm_main_c3 ul li { width: calc(100% / 2 - 1%); }
.edm_main_c4 ul li { width: calc(100% / 4 - 1%); }

.edm_main { margin:5% auto 0 auto;}
.edm_main ul { position:relative;}
.edm_main ul li:first-child { position: absolute; z-index: 1; top: -1.5%; left:0;right: 0; margin: auto; }
.edm_main ul li { width: calc(100% / 1 - 1%); }
.edm_main ul li a { display: block;  width: calc(100% / 1); height: 0; padding-bottom: 52.19%; position: absolute; margin: 0 auto; left: 0; right: 0; }
.edm_main ul li a:nth-child(1) { top: 0;}
.edm_main ul li a:nth-child(2) { top: 25%;}
.edm_main ul li a:nth-child(3) { top: 50%;}
.edm_main ul li a:nth-child(4) { top: 75%;}

.momostyle_main_run{
   margin:0 auto 5% auto;
 }
.momostyle_main_run .slick-dots {
   display: none!important;
 }



.main_bar { max-width: 1220px; margin:3% auto 0% auto; padding-bottom: 0; text-align: center; width: 90%; transform: translateY(0%);}



@media screen and (max-width: 1439px) and (min-width: 768px){
    .momostyle_edm_nav {display: none;}
}
.momostyle_edm_all { width: 100%; max-width: 1220px;}

@media screen and (max-width:767px){
	.momostyle_edm_all ul li img[src*="Bar_2.png"]{
		width: 90% !important; 
		height: auto !important;
	}
.Area_top .momologo {
    display: none;
}

.momostyle_bg { 
	background-image:url("edm_bg_m.jpg?t=1751535615647");
	background-size: cover;
	background-position:center center;

} 
 
.momostyle_edm_kv { width: 100%; height:auto;}
	
.momostyle_edm_logo {width: 100%; height: 0; padding-bottom: 12.30%}
.momostyle_edm_logo img {max-width: 90%;}

.momostyle_edm_navbar {text-align: center!important; } 
.momostyle_edm_navbar ul { overflow-y: hidden; justify-content:space-around; height: 50px; display: flex;}
.momostyle_edm_navbar ul li { width:auto; display: inline-flex; text-align: center; flex-wrap: nowrap; }
.momostyle_edm_navbar ul li a {display: inline-flex; white-space: nowrap; font-size: 14px; line-height: 25px; padding: 5px 10px; margin:5px 3px;}
    
/*.momostyle_edm_navbar ul::-webkit-scrollbar { height: 50px; background-color: #000;} 
.momostyle_edm_navbar ul::-webkit-scrollbar-thumb { background: #666;}*/
    
.Area_danji[data-danji-num="1"] ul li .content {display: none;}
.Area_danji .warningTxt {display: none;}

.momostyle_edm_all { width: 100%;}
    
.momostyle_edm_main { width:calc(100% - 4%); }
.momostyle_edm_main > a { display: block;}
	
.edm_main_c4 ul li { width: calc(100% / 2 - 1%); }
	
	
}