@charset "UTF-8";

/* vue */
[v-cloak] {display: none; }
.fade-enter-active, .fade-leave-active {
    transition: opacity .2s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

.twitterIcon {
    display: inline-block;
    width: 33px;
    height: 28px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQ4IDIwNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQ4IDIwNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJtMjIxLjk1IDUxLjI5YzAuMTUgMi4xNyAwLjE1IDQuMzQgMC4xNSA2LjUzIDAgNjYuNzMtNTAuOCAxNDMuNjktMTQzLjY5IDE0My42OXYtMC4wNGMtMjcuNDQgMC4wNC01NC4zMS03LjgyLTc3LjQxLTIyLjY0IDMuOTkgMC40OCA4IDAuNzIgMTIuMDIgMC43MyAyMi43NCAwLjAyIDQ0LjgzLTcuNjEgNjIuNzItMjEuNjYtMjEuNjEtMC40MS00MC41Ni0xNC41LTQ3LjE4LTM1LjA3IDcuNTcgMS40NiAxNS4zNyAxLjE2IDIyLjgtMC44Ny0yMy41Ni00Ljc2LTQwLjUxLTI1LjQ2LTQwLjUxLTQ5LjV2LTAuNjRjNy4wMiAzLjkxIDE0Ljg4IDYuMDggMjIuOTIgNi4zMi0yMi4xOS0xNC44My0yOS4wMy00NC4zNS0xNS42My02Ny40MyAyNS42NCAzMS41NSA2My40NyA1MC43MyAxMDQuMDggNTIuNzYtNC4wNy0xNy41NCAxLjQ5LTM1LjkyIDE0LjYxLTQ4LjI1IDIwLjM0LTE5LjEyIDUyLjMzLTE4LjE0IDcxLjQ1IDIuMTkgMTEuMzEtMi4yMyAyMi4xNS02LjM4IDMyLjA3LTEyLjI2LTMuNzcgMTEuNjktMTEuNjYgMjEuNjItMjIuMiAyNy45MyAxMC4wMS0xLjE4IDE5Ljc5LTMuODYgMjktNy45NS02Ljc4IDEwLjE2LTE1LjMyIDE5LjAxLTI1LjIgMjYuMTZ6Ii8+DQo8L3N2Zz4NCg==);
}

/* bootstrap override etc... */
a {text-decoration: underline;}
a.btn {text-decoration: none; }

.d-ib {display: inline-block !important; }
.font-big {font-size: 120%;}
.letter-spacing-1px {letter-spacing: 1px;}

.bg-spDark {background: rgba(255,255,255,.05); }
.bg-black-20 {background-color: rgba(0,0,0,.2);}
.bg-black-30 {background-color: rgba(0,0,0,.3);}
.text-white-60 {color: rgba(255,255,255,.6)!important;}
.border-white-60 {border-top: 1px solid rgba(255,255,255,.3)}
.btn-spOrange {background: linear-gradient(to right, #BB6C21, #D7A537, #BB6C21); color: white; font-weight: bold; border-radius: 0; text-align: center; }
.btn-spBlack {background: #232323; color: white; font-weight: bold; border-radius: 0; text-align: center; }
.btn-spTwitter {position: relative; padding-left: 70px; padding-right: 50px; color: #fff; border-radius: 100px; background: #F2972B; }
.btn-spTwitter::before {content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 100%; background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/twitterIcon.png) center no-repeat #F2972B; }

.form-sp,
.form-sp[readonly] {background: rgba(0,0,0,.3); border-radius: 0; border: 0; color: #fff; }
.form-sp[disabled] {background: rgba(0,0,0,.3); color: rgba(255,255,255,.7)}

input[type="text"]::placeholder {color: rgba(255,255,255,.2); }

.w-260px {width: 260px; max-width: 100%; }
.w-150px {width: 150px; max-width: 100%; }
.w-130px {width: 130px; max-width: 100%; }
.z-index1 {z-index: 1 !important; }
.mt-6 {margin-top: 4.5rem; }
.pt-6 {padding-top: 4.5rem; }
.mt-7 {margin-top: 6rem; }
.pt-7 {padding-top: 6rem; }
.mt-8 {margin-top: 7.5rem; }
.pt-8 {padding-top: 7.5rem; }

/* common */

/*html, body, .allContainer {height: 100%;}*/
body.showLayer {overflow: hidden;}

.allContainer {
    background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/bg_m.jpg) #000 no-repeat center top/contain;
    font-feature-settings: "palt";
}
@media screen and (min-width: 1920px) {
    .allContainer {
        background-size: 100%;
    }
}

/* headArea */
.headArea {background: rgba(0,0,0,.4); color: #fff; }

.headArea__container {max-width: 1200px; height: 100%; display: flex; flex-direction: column; align-items: center; }

.headArea__date {
    padding: .3rem 1rem;
    border-radius: 100px;
    color: #eedd9a;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    border:1px solid rgba(255,255,255,.23);
    background: #6b4a26;
    font-family: "UD Shin Go NT Light";
    font-size: clamp(13px, 3vw, 20px) !important;
    max-width: 518px;
}
.headArea__copy {
    font-size: clamp(80%, 2.87vw, 125%);
    font-family: "UD Shin Go NT Light";
    max-width: 960px;
}
.headArea__logo {
    transition: width .5s ease-in-out;
    width: 112px;
}
.headArea__title {
    font-family: "UD Shin Go NT Regular";
    font-size: clamp(22px, 8vw, 40px);
}
.headArea__title span {
    display: block; font-size: 1rem;
    font-size: clamp(14px, 3.7vw, 22px);
}
.h2Title {
    background: linear-gradient(90deg,transparent,#523f2bcc, transparent);
    max-width: 543px;
    width: 100%;
    /* height: 50px;
    line-height: 50px; */
    padding: 2% 0;
    color: #ffe66f;
    font-size: clamp(20px, 4vw, 24px);
    font-family: "UD Shin Go NT Regular";
    border-radius: 15px;
}
.bodyArea__h2Title {
    margin: 0 auto;
    background: linear-gradient(90deg,transparent,#7e5a16cc, transparent);
}
.bodyArea__btn-login {
    padding: 0px 8%;
}
.bodyArea__btn-login img {
    max-width: 527px;
    width: 100%;
    cursor: pointer;
}
.bodyArea__missionItem {
    position: relative;
    
}
.bodyArea__missionItem.mission-1 a,
.bodyArea__missionItem.mission-2 a {
    position: absolute;
    width: 92%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bodyArea__missionItem.clear::before {
    content: "";
    position: absolute;
    background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/clear.png) no-repeat top center/cover;
    top: 0;
    left: 0;
    width: 28.6%;
    height: 66.4%;
    z-index: 1;
}
.bodyArea__missionItem img {
    width: 100%;
}
.bodyArea__missionItem.clear img {
    filter: brightness(0.4);
}
.bodyArea__missionItem.clear a {
    pointer-events: none;
}
.bg-layer {
    padding: 12px 15px;
    max-width: 100%;
    background: rgba(0,0,0,.2);
}
.bodyArea__reward {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bodyArea__rewardItem {
    position: relative;
    margin: 1%;
    flex-basis: 48%;
}
.bodyArea__rewardItem img {
    width: 100%;
}
.bodyArea__rewardItem button {
    content: "";
    position: absolute;
    background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/btn-coupon-mb.png) no-repeat top center/contain;
    width: calc(237 / 285 * 100%);
    height: calc(88 / 289 * 100%);
    top: 84%;
    left: 50.4%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: none;
    transition: 0.2s;
}
.bodyArea__rewardItem button[disabled] {
    display: none;
}
.bodyArea__rewardItem button:hover {
    filter: brightness(1.25);
}
.bodyArea__reward .reward-5and6 {
    flex-basis: 98%;
}
.bodyArea__rewardItem.reward-5and6 button {
    width: calc(237 / 587 * 100%);
    height: calc(84 / 801 * 100%);
    left: 50.4%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.bodyArea__rewardItem.reward-5and6.done::before {
    content: "";
    position: absolute;
    background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/done.png) no-repeat top center/contain;
    top: 80%;
    left: 50.4%;
    width: calc(115 / 587 * 124%);
    height: calc(114 / 801 * 124%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.bodyArea__rewardItem button.reward-5 {
    top: 46%;
}
.bodyArea__rewardItem button.reward-6 {
    top: 86.8%;
}

.fancybox-content {
    overflow: visible !important;
    background: #006078 !important;
    padding: 0 5% 44px !important;
    margin: 0 4% !important;
}
.fancybox-close-small {
    color: #fff !important;
    right: -8px !important;
    top: -72px !important;
    width: 80px !important;
    height: 80px !important;
    padding: 0 !important;
}
.myLayer {
    font-family: "UD Shin Go NT Light";
    font-size: 20px;
}
.popLayer__couponTitle {
    background: linear-gradient(90deg,transparent,#00000055, transparent);
    color: #efdcb7;
    font-size: 22px;
    font-family: "UD Shin Go NT Light";
}

.popLayer__couponNumberArea {
    background: rgba(0,0,0,.3);
    font-size: 28px;
    font-family: "UD Shin Go NT Medium";
    margin: 0 auto;
}
.popLayer__couponNumber {
    word-wrap: break-word;
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    height: 54px;
    font-size: clamp(20px, 5vw, 28px);
}
.btn-coupon  {
    max-width: 318px;
    width: 90%;
    height: 54px;
    line-height: 54px;
    display: block;
    margin: 0 auto;
    font-family: "UD Shin Go NT Medium";
    transition: 0.2s;
}
.btn-coupon:hover {
    filter: brightness(1.15);
}
.btn-copy {
    background: #198e6c;
    box-shadow: inset 0px 0px 10px #2acab4;
    border: none;
}
.btn-couponRegister {
    background: linear-gradient(90deg, #c96d25, #dfa73d, #c96d25);
    box-shadow: inset 0px 0px 10px #dfa73d;
    text-decoration: none;
    font-size: clamp(17px, 4vw, 22px);
}






@media screen and (min-width: 480px) {
    .headArea__logo {
        width: auto;
    }
}


@media screen and (min-width: 768px) {
    .allContainer {background-image: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/bg.jpg);}
    .h2Title {
        max-width: 783px;
    }
    .headArea__logo {}
    .headArea__title {}
    .headArea__date {
        padding: .3rem 2rem;
        max-width: none;
    }
    .headArea__copy {
        font-size: 138%;
        max-width: 783px;
    }

    .bodyArea__top {
    }
    .bodyArea__missionBg {
        max-width: 1090px;
        margin: 0 auto;
    }
    .bodyArea__missionItem {
        flex-basis: 30%;
    }
    .bodyArea__missionItem.clear::before {
        top: -11%;
        left: -5%;
        width: 33.6%;
        height: 54.9%;
    }
    .bodyArea__missionItem.mission-1 a,
    .bodyArea__missionItem.mission-2 a {
        width: 88%;
    }
    .bodyArea__rewardBg {
        max-width: 1000px;
        margin: 0 auto;
    }
    .bodyArea__rewardItem {
        flex-basis: 23%;
    }
    .bodyArea__rewardItem button {
        background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/btn-coupon-pc.png) no-repeat top center/contain;
        width: calc(200 / 239 * 100%);
        height: calc(54 / 227 * 100%);
        top: 86%;
        left: 50%;
    }
    .bodyArea__rewardItem.reward-5and6 button {
        width: calc(200 / 1005 * 100%);
        height: calc(54 / 296 * 100%);
        top: 83.9%;
    }
    .bodyArea__rewardItem.reward-5and6.done::before {
        width: calc(115 / 1005 * 100%);
        height: calc(114 / 296 * 100%);
        top: 65%;
        left: 65.5%;
    }
    .bodyArea__rewardItem button.reward-5 {
        left: 34.9%;
    }
    .bodyArea__rewardItem button.reward-6 {
        left: 65.2%;
    }
    .btn-copy {
        width: 83px;
        margin-left: 8px;
    }
}


/* bodyArea */
.bodyArea {
    background-color: rgba(180, 152, 112, .9);
    overflow: hidden;
}
.bodyArea__container{position: relative; padding: 0; z-index: 1;}
.bodyArea__bg-deco {position: relative; z-index: 0; mix-blend-mode: hard-light;}
.bodyArea__bg-deco img {
    position: absolute;
    bottom: 0;
    width: 100vw;
}

/* footerArea */
.footerArea {background: #000; color: #fff; }
.footerArea__container {max-width: 1200px; padding: 1.5rem;}
.footerArea__head {
    font-size: clamp(19px, 4vw,29.76px);
    font-family: "UD Shin Go NT Regular";
}
.footerArea__text {
    padding-left: 10px !important;
    background: #29292988;
}
.footerArea__text li {
    font-family: "UD Shin Go NT Light";
}


/* parts */
.bodyArea__top {padding: 0 15px; margin-bottom: 12px; max-width: 100%; background: rgba(0,0,0,.2);}
.bodyArea__topInner {/*width: 860px;*/ max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
.bodyArea__topInner img {
    position: relative;
    width: 100%;
    max-width: 697px;
    pointer-events: none;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .bodyArea__topInner img {
        max-width: 800px;
    }
}
.bodyArea__rewardImgWrapper {
    position: relative;
}
.bodyArea__rewardImgWrapper img[src*="reward-fx"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    mix-blend-mode: screen;
    z-index: 1;
}

.cardSp1__head {padding: .5rem; background: linear-gradient(to right, rgba(0,0,0,.05) 0%, rgba(0,0,0,.2) 20%, rgba(0,0,0,.2) 80%, rgba(0,0,0,.05) 100%); color: #EFDCB7; }

.idIcon {flex-shrink: 1; padding: 3px; border-radius: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.4)); box-shadow: 0 0 10px rgba(0,0,0,.5) inset, 0 0 5px rgba(255,255,255, .2);}

.idIcon img {max-width: 100%;}

.twitterHolder {position: relative; text-align: center; }
.twitterHead {position: relative; font-size: 120%; color: #EFDCB7; }

.twitterCharaPC {display: none; position: relative; flex-grow: 0; flex-shrink: 1; max-width: 30%; width: 268px; top: auto; right: 0; pointer-events: none;  }
.twitterCharaPC:before {content: ""; position: absolute; display: block; right: -35px; bottom: -.5rem; width: 119.102985%; height: 100%; min-height: 320px; background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/twitterCha.png) no-repeat center bottom; background-size: contain;}

.twitterCharaMB {position: absolute; right: 0; top: -35px; background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/twitterCha_mb.png) no-repeat center top; background-size: contain; width: 218px; height: 218px; pointer-events: none; }




@media screen and (min-width: 768px) {
    .twitterCharaPC {display: block; }
    .twitterCharaMB {display: none; }
}

/* MyLayer */
.myLayer {position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 46px 8px; background: rgba(0,0,0,0.5); z-index: 1000; text-align: center; overflow: auto; }
.myLayer::before {content: ""; display: inline-block; font-size: 0; height: 100%; width: 0; vertical-align: middle; }
.myLayer__panel {display: inline-block; vertical-align: middle; text-align: left; }
.myLayer__panelInner {position: relative; }
.myLayer__close {position: absolute; right: 0; top: -42px; width: 35px; height: 35px; cursor: pointer; background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%20%3Csvg%20data-name%3D%22layer%22%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.1%2C1.9l33%2C33%2C.7-.7-33-33Z%22%2F%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.9%2C1.9l-33%2C33-.7-.7%2C33-33Z%22%2F%3E%20%3C%2Fsvg%3E'); }

.myLayer__panel--mine {width: 520px; max-width: 94%; background: #796342; }


/* myLoading */
.myLoading {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5); }
.myLoading::after {content: ""; width: 32px; height: 32px; background: #fff; animation: rotate 1s infinite linear;}

@keyframes rotate {
    0% {transform: rotate(0deg); border-radius: 3px;}
    50% {transform: rotate(180deg); border-radius: 16px;}
    100% {transform: rotate(360deg); border-radius: 3px; }
}

/* utils */
.utils {position: fixed; left: 0; top: 0; right: 0; z-index: 99;}
.utils__inner {position: absolute; top: 20px; left: 0; right: 0; padding-right: 20px; padding-left: 20px; display: flex; justify-content: flex-end; height: 0; }
.utils__apps {display: flex; flex-direction: row-reverse; }
.utils__sns {display: flex; }
.utils__icon {display: block; width: 45px; height: 45px; margin-left: 2px; margin-right: 2px; border: 0; background-color: transparent; flex-shrink: 0;}
.utils__icon--appstore,
.utils__icon--googleplay,
.utils__icon--purple {background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/ic_market_pc.png);}
.utils__icon--googleplay {background-position-x: -48px; }
.utils__icon--purple {background-position-x: -96px; }
.utils__icon--sns,
.utils__icon--home {background: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/util_top_pc.png)}
.utils__icon--home {background-position-x: -48px;}
.deviceIOS .utils__icon--googleplay {display: none;}
.deviceAndroid .utils__icon--appstore {display: none;}
@media screen and (max-width: 767.98px) {
    .utils__inner {justify-content: space-between; flex-direction: row-reverse; top: 10px; padding-left: 10px; padding-right: 10px;  }
    .utils__apps {flex-direction: column;}
    .utils__apps .utils__icon {margin: 2px 0;}
    .utils__apps .utils__icon:first-child {margin-top: 0; }
}
.utilsSnsLayer {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5); z-index: 99; visibility: hidden; opacity: 0; transition: all .5s ease-in-out;}
.utilsSnsLayer.show {visibility: visible; opacity: 1;}
.utilsSnsLayer__cage {position: relative; padding: 40px; background: #000; border: 1px solid rgba(255,255,255,.3)}
.utilsSnsLayer__close {position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%20%3Csvg%20data-name%3D%22layer%22%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.1%2C1.9l33%2C33%2C.7-.7-33-33Z%22%2F%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.9%2C1.9l-33%2C33-.7-.7%2C33-33Z%22%2F%3E%20%3C%2Fsvg%3E'); cursor: pointer; }
.utilsSnsLayer__iconSet {display: flex; justify-content: center;}
.utilsSnsLayer__icon {display: block; width: 51px; height: 51px; margin-left: 2px; margin-right: 2px; background-size: contain; border: none; background-color: transparent; }
.utilsSnsLayer__icon--facebook {background-image: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/share-facebook.png)}
.utilsSnsLayer__icon--twitter {background-image: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/share-twitter.png)}
.utilsSnsLayer__icon--urlCopy {background-image: url(https://static.ncsoft.jp/lineageM/event/2305stamprally_4th/share-copy.png)}
body.utilsSnsLayerOpen {overflow: hidden;}