@charset "utf-8";

[v-cloak] {visibility: hidden; }
.fade-enter-active, .fade-leave-active {
    transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

html {font-size: 16px;}
button {border: none; background: transparent; padding: 0;}
a {text-decoration: underline; }
h4 {font-size: 1.2rem; font-weight: bold; }
.table th, .table td {vertical-align: middle; }

.table-bordered td, .table-bordered th {border-color: #69644C; }
.bg1 {background-color: rgba(200,0,0,.1); }
.bg2 {background-color: rgba(0,0,200,.1); }
.bg3 {background-color: rgba(36,200,0,.1); }
.bg4 {background-color: rgba(200,200,0,.1); }

.table {color: inherit; }


body {background: #222;}
body.layerShow {overflow: hidden; }

.eventContainer {width: 100%; overflow: hidden; }
.eventBody {max-width: 2550px; margin: auto;
    background:
            url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/bgUpper.webp) center top no-repeat,
            url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/bgBottom.webp) center bottom no-repeat,
            url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/bg.jpg) center top;}

h1 {margin: 0; }

.missionHolder {margin: auto; }
.mission {position: relative; height: 100%; }

.mission__inner {position: relative; width: 100%; height: 100%; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/cardBg.jpg); border: 2px solid #C5AE9F; padding: 8px 8px 20px; box-shadow: 0 3px 8px rgba(0,0,0,.3); text-align: center; cursor: pointer; z-index: 1;}

.mission.clear::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/clearTag.png) center no-repeat; }
.mission__more {position: absolute; left: 0; bottom: 10px; width: 100%; height: 40px; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/more.png) center no-repeat; background-size: contain; }

.mission::before {content: ""; background: url("https://static.ncsoft.jp/images/lineage2/adenMission/piyo/cardBg.png"); background-size: 100% 100%; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; }

.partDaily .missionHolder:nth-child(1) .mission::before {transform: rotate(-2deg); }
.partDaily .missionHolder:nth-child(2) .mission::before,
.partDaily .missionHolder:nth-child(3) .mission::before {content: none;}
.partDaily .missionHolder:nth-child(4) .mission::before {transform: rotate(2.5deg); }

.partWeekly .missionHolder:nth-child(1) .mission::before,
.partWeekly .missionHolder:nth-child(4) .mission::before {content: none;}
.partWeekly .missionHolder:nth-child(2) .mission::before {transform: rotate(-2deg); }
.partWeekly .missionHolder:nth-child(3) .mission::before {transform: rotate(2.5deg); }

.partMonthly .missionHolder:nth-child(1) .mission::before,
.partMonthly .missionHolder:nth-child(4) .mission::before {content: none;}
.partMonthly .missionHolder:nth-child(2) .mission::before {transform: rotate(-2deg); }
.partMonthly .missionHolder:nth-child(3) .mission::before {transform: rotate(2.5deg); }
.partMonthly .missionHolder:nth-child(5) .mission::before {transform: rotate(-2deg); }


.part__inner {max-width: 1170px; margin: auto; }

/* partHead */
.partHead__inner {position: relative; height: 940px; }
.partHead__imgHolder img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.partHead__content {position: absolute; top: 500px; width: 100%; text-align: center;}
.partHead__loginText {font-size: .9rem; color: #1B5C87; }
.partHead__howto {margin-top: 1.5rem; padding-left: 20vw; padding-right: 20vw; }

.partDaily {}
.partDaily__inner {padding: 10px 10px 100px; }

.partWeekly {position: relative; background: #FDFAEB; }
.partWeekly::before {content: ""; position: absolute; bottom: 100%; height: 546px; width: 100%; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/weeklyBgUpper.png) center; }
.partWeekly::after {content: ""; position: absolute; top: 100%; height: 306px; width: 100%; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/weeklyBgBottom.png) center; }
.partWeekly__inner {padding: 70px 10px; }

.partMonthly {}
.partMonthly__inner {padding: 100px 10px; }


.goTop {position: fixed; right: 16px; bottom: 16px; z-index: 10;}

/* layer */
.layer {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 100; padding: 40px 6px; overflow: auto; text-align: center; }
.layer::before {content: ""; display: inline-block; height: 100%; font-size: 0; vertical-align: middle; width: 0;}
.layerPanel {display: inline-block; width: 100%; max-width: 730px; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/bg.jpg) center top #FAF7E7; padding: 1.5rem; vertical-align: middle; border: 2px solid #BEB59F; text-align: center; color: #69644C;  }
.layer__close {position: fixed; top: 0; right: 0; width: 40px; height: 40px; color: #fff; font-size: 40px; line-height: 0.8; background: rgba(0,0,0,.4); text-align: center; cursor: pointer; }

.layerSum {padding: 20px 20px 14px; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/layerSumBg.png) center no-repeat; background-size: contain; }
.layerSum__num {font-size: 2rem; font-family: serif; font-weight: 900; color: #fff; letter-spacing: -1px;
    text-shadow:
        1px -1px 1px #69644C,
        1px 0px 1px #69644C,
        1px 1px 1px #69644C,
        -1px -1px 1px #69644C,
        -1px 0px 1px #69644C,
        -1px 1px 1px #69644C,
        0 -1px 1px #69644C,
        0 1px 1px #69644C
}

/* loadingLayer */
.loadingLayer {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.3); z-index: 101;}
.loadingLayer::after {content: ""; width: 32px; height: 32px; background: #eee; animation: rotate 1s linear infinite;}
@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}

.itemExpArea {padding: 1rem; background: #D5CFB3; border: 1px solid #C9C0A3; text-align: left;  }
.itemExp {display: flex;}
.itemExp__icon {border: 2px solid #F7F3E1; }

.cage {padding: 1rem; background: rgba(213,207,179,.5); border: 1px solid rgba(148,130,86,.3); }


.copyright {padding: 1rem; text-align: center; font-size: .8rem; color: #666; }

@media (max-width: 767.98px) {
    html {font-size: 14px;}
    .partHead__inner {height: auto; }
    .partHead__imgHolder img {position: static; left: auto; transform: none; }
    .eventBody {background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/bgMB.jpg) center top; }
    .partHead__content {top: 100vw; }
    .mission__more {height: 24px; }

    .partDaily__inner {padding-bottom: 70px;}

    .partWeekly::before {content: ""; position: absolute; bottom: 100%; height: 140px; width: 100%; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/weeklyBgUpper_mb.png) center; }
    .partWeekly::after {content: ""; position: absolute; top: 100%; height: 120px; width: 100%; background: url(https://static.ncsoft.jp/images/lineage2/adenMission/piyo/weeklyBgBottom_mb.png) center; }
    .partWeekly__inner {padding-top: 10px; padding-bottom: 40px;}
    .partMonthly__inner {padding-top: 40px; padding-bottom: 20px;}

    .layerPanel {padding: 1rem;}

    .copyright {font-size: .55rem; }
}