.page__title {
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 6vh;
margin: 0 auto;
position: relative;
z-index: 1;
color: #ede0cb;
text-shadow: 0vh 1vh 2vh rgba(0, 0, 0, 0.3);
width: 1170px;
height: 250px;
        position: relative; width: 100%; aspect-ratio: 16/5; overflow: hidden; margin-bottom: 10px;
}
.page__title_name {
position: absolute;
top: 32%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 5vh;
margin: 0 auto;
color: #ede0cb;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
}
.page__title_name2 {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 2.2vh;
margin: 0 auto;
color: #fff;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 1));
text-align: center;
flex-direction: column;
width: 100%;
}
.page__title_name2 span {
font-size: 3vh;
margin-bottom: 0.3vh;
font-family:'Warhaven' !important;
color:#ffd375;
filter: drop-shadow(1px 2px 5px rgba(0,0,0,0.3));
    font-size: 36px;
}
.page__title img {
width: 13vh;
margin-right: 0vh;
        filter: drop-shadow(1px 1px 1px black);
}
        
   
        
@media screen and (max-width: 1200px) {
.page__title {
height: 150px !important;
}
.page__title_name {
font-size: 3vh !important;
top: 25%;
}
.page__title_name2 {
font-size: 1.5vh !important;
}
.page__title img {
width: 10vh !important;
}
}


#pvd {
height: 100%; left: 0px; object-fit: cover; opacity: 1; position: absolute; top: 0px; width: 1200px; object-position: 100% 30%;
    filter: brightness(1) contrast(1.1) saturate(1.1);
}

#vd {
filter: brightness(1.0) contrast(1.1) saturate(1.1);
}



#HTML9 h3.title {
display:none;
}

.main-text,.main-text p{
    padding-left:0;
    text-align:center

}
.main-text{
    position:absolute;
    top:0;
    width:100%;
    color:#fff;
    padding-top:130px
}
.main-text p{
    font-family:DNFForgedBlade!important
}
.main-text1:after{
    
}

.main-text.show-after .main-text2:after {
animation: fb 1s ease forwards;
}

@keyframes fb {
    0% {
        opacity: 0.2;
        
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1; 
        
    }
}

.main-date {
margin-top:0px;
 display: block;

}

.main-date span{

    font-size:40px;
    color:#fff;

    word-break:keep-all;
    word-wrap:break-word;

   font-weight:bold;
font-family:'HeirofLightBold';
filter: drop-shadow(1px 2px 3px #000);
text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);

}

.main-date span:before{
content:"";
 display: inline-block;
  background-image: url( "https://assets.playnccdn.com/static-nc-home/2.6.0/img/journey/event/prev_pc.png" );
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-right: 5px;
}
.main-date span:after {
content:"";
 display: inline-block;
  background-image: url( "https://assets.playnccdn.com/static-nc-home/2.6.0/img/journey/event/next_pc.png" );
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-left: 5px;
}

.section-promotion{
    top:0;
}
.section-promotion .section-promotion__list{
    height:750px!important
}

.section-promotion .section-promotion__list li{
 top:-50px;
}
@media screen and (max-width:1024px){
.main-text,.main-text p{
        width: 100%;
}
    .main-text{

        padding-top:30px !important;
    }
.main-text1 {

}
	.main-text1:after{
	font-size:20px;	
}
    .main-text .main-text2:after {
     font-size: 50px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        zoom: 40%;
}

.main-date {
position: absolute;
        top: 190px;
        left: 50%;
        transform: translateX(-50%);
}
	.main-date span{
font-size:15px;

}


    .section-promotion .section-promotion__list{
        height:270px!important
    }
.section-promotion .section-promotion__list li{
top:0px;
}
    .section-promotion{
       top: 0 !important;
        padding-top: 50px !important;
    }
    #showsidebar1 img,#showsidebar2 img ,#showsidebar3 img{
        height:100px!important
    }
	#showsidebar3{
        bottom:36%!important
    }
    #showsidebar2{
        bottom:22%!important
    }
    #showsidebar1{
        bottom:8%!important
    }
}