@charset "utf-8";

body {background: #111; color: #a2a2a2; font-size: 20px;}

.eventHeader {height: 940px; }
.eventHeader__nav {position: absolute; bottom: -55px; width: 100%; text-align: center; }

.animeHeadPc {position: absolute; width: 2000px; top: 0; left: 50%; height: 100%; transform: translateX(-50%); }
.animeHeadPc__img {position: absolute; left: 0; top: 0; transform-origin: center 0; }
.animeHeadPc__imgBase {animation: animeTitle0 4s .5s cubic-bezier(.33,.23,.3,1) both; }
.animeHeadPc__imgCrowd {animation: animeTitle 2.8s 1.5s cubic-bezier(.19,.6,.64,.99) both;transform-origin: center 10%; }
.animeHeadPc__imgChara1 {animation: animeTitle2 4.8s 2.9s ease-in-out both; transform-origin: center 30%; }
.animeHeadPc__imgChara2 {animation: animeTitle2 4.8s 3.2s ease-in-out both; transform-origin: center 30%; }
.animeHeadPc__imgText {animation: animeTitle3 2.5s 4.2s cubic-bezier(0,0,.42,1.16) both; transform-origin: center; }
.animeHeadPc__imgText2 {animation: animeTitle4 .7s 4.6s cubic-bezier(0,0,0,1) both; transform-origin: center 60%; }

.animeHeadMb {display: none; position: absolute; width: 750px; top: 0; left: 0; height: 100%; overflow: hidden; }
.animeHeadMb__img {position: absolute; left: 0; top: 0; transform-origin: center 0; }

.animeHeadMb__imgBase {animation: animeTitleMb0 3.5s .5s cubic-bezier(.33,.23,.3,1) both; }
.animeHeadMb__imgChara2 {animation: animeTitleMb2 4.8s 1.3s ease-in-out both; transform-origin: center 30%; }
.animeHeadMb__imgChara1 {animation: animeTitleMb2 4.8s 1.5s ease-in-out both; transform-origin: center 30%; }
.animeHeadMb__imgText {animation: animeTitleMb3 2.5s 2.1s cubic-bezier(0,0,.42,1.16) both; transform-origin: center; }
.animeHeadMb__imgText2 {animation: animeTitleMb4 .7s 2.5s cubic-bezier(0,0,0,1) both; transform-origin: center 60%; }


@keyframes animeTitle0 {
    0% {transform: scale(1.2); opacity: 0; }
    40% {opacity: 1; }
    100% {transform: scale(1); opacity: 1; }
}

@keyframes animeTitle {
    0% {transform: scale(2.5); opacity: 0; filter: blur(10px) brightness(1) }
    50% {opacity: 1;}
    90% {transform: scale(1); filter:blur(0px) brightness(0.8)}
    100% {opacity: 1; filter: blur(0px) brightness(1) }
}

@keyframes animeTitle2 {
    0% {transform: scale(6); opacity: 0; filter: brightness(0.2) contrast(1) blur(10px) }
    20% {transform: scale(1); opacity: 1; filter: brightness(0.4) contrast(1) blur(0); }
    25% {filter: brightness(0.4) contrast(1); }
    33% {filter: brightness(1.5) contrast(1.5); }
    100% {filter: brightness(1) contrast(1); }
}

@keyframes animeTitle3 {
    0% {transform: scale(6); opacity: 0; }
    20% {transform: scale(1); opacity: 1; filter: brightness(1) contrast(1); }
    21% {filter: brightness(1.6) contrast(1.6); }
    100% {filter: brightness(1) contrast(1); }
}

@keyframes animeTitle4 {
    0% {transform: scale(1); opacity: 0; }
    1% {opacity: 0.4; }
    100% {transform: scale(1.5); opacity: 0; }
}




@keyframes animeTitleMb0 {
    0% {transform: scale(1.2); opacity: 0; }
    40% {opacity: 1; }
    100% {transform: scale(1); opacity: 1; }
}
@keyframes animeTitleMb2 {
    0% {transform: scale(6); opacity: 0; filter: blur(10px) }
    20% {transform: scale(1); opacity: 1; filter: blur(0); }
    /*25% {filter: brightness(0.4) contrast(1); }*/
    /*33% {filter: brightness(1.5) contrast(1.5); }*/
    /*100% {filter: brightness(1) contrast(1); }*/
}
@keyframes animeTitleMb3 {
    0% {transform: scale(6); opacity: 0; }
    20% {transform: scale(1); opacity: 1; filter: brightness(1) contrast(1); }
    21% {filter: brightness(1.6) contrast(1.6); }
    100% {filter: brightness(1) contrast(1); }
}

@keyframes animeTitleMb4 {
    0% {transform: scale(1); opacity: 0; }
    1% {opacity: 0.4; }
    100% {transform: scale(1.5); opacity: 0; }
}

.eventBody {background: url(https://static.ncsoft.jp/lineageM/event/1908siege/bg_pc_v1.jpg) no-repeat center top }
.eventBody--ver190829 {background-image: url(https://static.ncsoft.jp/lineageM/event/1908siege/bg_pc_v2.jpg);}

.swiperCage {margin: auto; max-width: 827px; padding: 20px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.5); }
.swiper1 {max-width: 785px; }

.spHr {width: 400px; margin: auto; height: 0; border-top: 1px solid #4F453A; overflow: hidden; }
.pb-6 {padding-bottom: 5rem !important; }
.py-6 {padding-top: 5rem !important; padding-bottom: 5rem !important; }
.my-6 {margin-top: 5rem !important; margin-bottom: 5rem !important; }

.partSet__head {height: 80px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.partSet__head--live {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_live.png");}
.partSet__head--info {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_info.png");}
.partSet__head--event {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_event.png");}
.partSet__head--update {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_update.png");}
.partSet__head--campaign {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_campaign.png");}
.partSet__head--fan {background-image: url("https://static.ncsoft.jp/lineageM/event/1908siege/head_fan.png");}

.text-danger {color: #c00 !important; }

.swiper-pagination-bullet {margin: 0 0.5rem; width: 12px; height: 12px; border: 1px solid #DCBA95; }
.swiper-pagination-bullet-active {background: #DCBA95}



@media screen and (max-width: 750px) {
    .eventBody {background-image: url(https://static.ncsoft.jp/lineageM/event/1908siege/bg_mb_v1.jpg);}
    .eventBody--ver190829 {background-image: url(https://static.ncsoft.jp/lineageM/event/1908siege/bg_mb_v2.jpg);}
    .swiperCage {margin: 0 10px; }
    .partSet__head {height: 100px;}
    .eventHeader__nav {bottom: -65px;}

    .animeHeadPc {display: none; }
    .animeHeadMb {display: block; }
}