.bg-wrap[data-v-09ad5d1a] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none
}

.bg-wrap .bg-mobile[data-v-09ad5d1a] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat,repeat;
    background-size: 100% auto,100%;
    transform: translate(-50%);
    z-index: 2
}

@media (min-width: 576px) {
    .bg-wrap .bg-mobile[data-v-09ad5d1a] {
        width:576px;
        box-shadow: 0 0 20px #0000004d,0 0 30px #0000004d
    }
}

.bg-wrap .bg-pc[data-v-09ad5d1a] {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    transform: translate(-50%);
    z-index: 1
}

@media (min-width: 576px) {
    .bg-wrap .bg-pc[data-v-09ad5d1a] {
        display:block
    }
}

@media (min-width: 1920px) {
    .bg-wrap .bg-pc[data-v-09ad5d1a] {
        background-size:100% auto
    }
}

.event-title-wrap[data-v-cf7701d4] {
    position: relative;
    width: 100%;
    z-index: 3;
    transition: opacity .5s ease
}

.event-title-wrap.is-opacity[data-v-cf7701d4] {
    opacity: 0
}

.event-title-wrap .image-setting[data-v-cf7701d4] {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.event-title-wrap .title[data-v-cf7701d4] {
    position: relative;
    padding-bottom: 45.8333333333%;
    width: 100%
}

.event-title-wrap .date[data-v-cf7701d4] {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%);
    display: flex
}

.event-title-wrap .date .date-bg-left[data-v-cf7701d4],.event-title-wrap .date .date-bg-right[data-v-cf7701d4] {
    width: 12.5px;
    height: 32.5px
}

.event-title-wrap .date .date-bg-center[data-v-cf7701d4] {
    min-width: 3rem;
    height: 32.5px;
    font-size: 1.35rem;
    white-space: nowrap;
    line-height: 32.5px;
    color: #35210e;
    background-repeat: repeat-x;
    background-size: auto 100%;
    text-shadow: 1px 1px 0 #fff,1px 1px 0 #fff,1px 1px 0 #fff,1px 1px 0 #fff;
    letter-spacing: 1px
}

.event-title-wrap .date .date-bg-center .hint[data-v-cf7701d4] {
    font-size: .8rem
}

@media (min-width: 576px) {
    .event-title-wrap .date .date-bg-left[data-v-cf7701d4],.event-title-wrap .date .date-bg-right[data-v-cf7701d4] {
        width:13.75px;
        height: 35.75px
    }

    .event-title-wrap .date .date-bg-center[data-v-cf7701d4] {
        height: 35.75px;
        font-size: 1.65rem;
        line-height: 35.75px
    }
}

.popup-text-bubble-wrap[data-v-33356b6e] {
    position: absolute;
    top: 60%;
    width: 100%;
    height: 35%;
    z-index: 5;
    pointer-events: none;
    transition: opacity .5s ease
}

.popup-text-bubble-wrap.is-opacity[data-v-33356b6e] {
    opacity: 0
}

.popup-text-bubble-wrap .image-setting[data-v-33356b6e] {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.popup-text-bubble-wrap .text-bubble-container[data-v-33356b6e] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

.popup-text-bubble-wrap .text-bubble-container .left[data-v-33356b6e],.popup-text-bubble-wrap .text-bubble-container .right[data-v-33356b6e] {
    width: 12.5px;
    height: 30.5px
}

.popup-text-bubble-wrap .text-bubble-container .center[data-v-33356b6e] {
    min-width: 3rem;
    height: 30.5px;
    font-size: .8rem;
    white-space: nowrap;
    line-height: 30.5px;
    color: #e75454;
    background-repeat: repeat-x;
    background-size: auto 100%;
    letter-spacing: .5px
}

.popup-text-bubble-wrap .text-bubble-container .triangle[data-v-33356b6e] {
    position: absolute;
    right: 20%;
    bottom: 0;
    width: 15px;
    height: 13px;
    z-index: 2;
    transform: translateY(13px)
}

.popup-text-bubble-wrap .text-bubble-container .triangle.left[data-v-33356b6e] {
    right: unset;
    left: 20%;
    transform: translateY(13px) scaleX(-1)
}

@media (min-width: 576px) {
    .popup-text-bubble-wrap .text-bubble-container .left[data-v-33356b6e],.popup-text-bubble-wrap .text-bubble-container .right[data-v-33356b6e] {
        width:13.75px;
        height: 33.55px
    }

    .popup-text-bubble-wrap .text-bubble-container .center[data-v-33356b6e] {
        height: 33.55px;
        font-size: .9rem;
        line-height: 33.55px
    }

    .popup-text-bubble-wrap .text-bubble-container .triangle[data-v-33356b6e] {
        width: 16.5px;
        height: 14.3px;
        transform: translateY(14px)
    }

    .popup-text-bubble-wrap .text-bubble-container .triangle.left[data-v-33356b6e] {
        right: unset;
        left: 20%;
        transform: translateY(14px) scaleX(-1)
    }
}

.sparkle-wrap[data-v-be460490] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    pointer-events: none
}

.sparkle-wrap .sparkle-canvas[data-v-be460490] {
    width: 100%;
    height: 100%
}

.falling-obj-wrap[data-v-066f0853] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none
}

.falling-obj-wrap .falling-obj-canvas[data-v-066f0853] {
    width: 100%;
    height: 100%
}

.tree-wrap[data-v-bd8c5765] {
    position: relative;
    margin-top: -40%;
    padding-bottom: 96.9791666667%;
    width: 100%;
    z-index: 1
}

.tree-wrap .image-setting[data-v-bd8c5765] {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.tree-wrap .halo[data-v-bd8c5765] {
    position: absolute;
    top: 0;
    padding-bottom: 100%;
    width: 100%;
    z-index: 1;
    transform-origin: center
}

.tree-wrap .trunk-deco-bg[data-v-bd8c5765] {
    position: absolute;
    bottom: 3%;
    padding-bottom: 31.25%;
    width: 100%;
    z-index: 2
}

.tree-wrap .trunk[data-v-bd8c5765] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform-origin: center bottom
}

.tree-wrap .trunk-deco-fg[data-v-bd8c5765] {
    position: absolute;
    bottom: 5%;
    padding-bottom: 20.8333333333%;
    width: 100%;
    z-index: 4
}

.tree-wrap .tree-layer[data-v-bd8c5765] {
    position: absolute;
    padding-bottom: 62.8125%;
    width: 100%;
    z-index: 6
}

.tree-wrap .tree-layer-3[data-v-bd8c5765] {
    transform-origin: center bottom 30%
}

.tree-wrap .tree-layer-4[data-v-bd8c5765] {
    transform-origin: left center
}

.tree-wrap .tree-layer-5-deco[data-v-bd8c5765] {
    position: absolute;
    padding-bottom: 26%;
    width: 26%;
    z-index: 6
}

.tree-wrap .tree-layer-5-deco-1[data-v-bd8c5765] {
    top: 38%;
    left: 20%;
    transform-origin: right bottom
}

.tree-wrap .tree-layer-5-deco-2[data-v-bd8c5765] {
    top: 25%;
    left: 38.5%;
    transform-origin: right bottom
}

.tree-wrap .tree-layer-5-deco-3[data-v-bd8c5765] {
    top: 40.5%;
    left: 56.5%;
    transform-origin: left bottom
}

.main-content-wrap[data-v-2679a42a] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media (min-width: 576px) {
    .main-content-wrap[data-v-2679a42a] {
        margin:0 auto;
        width: 576px
    }
}

.foreground-wrap[data-v-e8a2db43] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none
}

.foreground-wrap .foreground[data-v-e8a2db43] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translate(-50%)
}

@media (min-width: 576px) {
    .foreground-wrap .foreground[data-v-e8a2db43] {
        width:576px;
        background-position: center top -.55rem
    }
}

.info-board-wrap[data-v-b61fd2dc] {
    position: relative;
    margin-top: -1rem;
    padding-top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

@media (min-width: 576px) {
    .info-board-wrap[data-v-b61fd2dc] {
        margin:0 auto;
        margin-top: -1.15rem;
        width: 576px
    }
}

.info-board-wrap .image-setting[data-v-b61fd2dc] {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.info-board-wrap .info-board-container[data-v-b61fd2dc] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 1
}

.info-board-wrap .info-board-container .times-board-container[data-v-b61fd2dc] {
    position: relative;
    margin-left: 4.5%;
    padding-bottom: 10.7466666667%;
    width: 31%;
    flex-shrink: 0
}

.info-board-wrap .info-board-container .times-board-container .remain-time-text[data-v-b61fd2dc] {
    position: absolute;
    right: 1%;
    width: 41%;
    font-size: .85rem;
    text-align: center;
    white-space: nowrap;
    color: #fff
}

.info-board-wrap .info-board-container .times-board-container .remain-time-text-1[data-v-b61fd2dc] {
    top: 15%
}

.info-board-wrap .info-board-container .times-board-container .remain-time-text-2[data-v-b61fd2dc] {
    top: 63%
}

@media (min-width: 576px) {
    .info-board-wrap .info-board-container .times-board-container .remain-time-text[data-v-b61fd2dc] {
        font-size:1rem
    }
}

.info-board-wrap .info-board-container .info-point-container[data-v-b61fd2dc] {
    position: relative;
    margin-right: 5.5%;
    padding-bottom: 14.8788927336%;
    width: 30%;
    flex-shrink: 0
}

.info-board-wrap .info-board-container .info-point-container .info-point[data-v-b61fd2dc] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.info-board-wrap .info-board-container .info-point-container .info-point .info-point-bg[data-v-b61fd2dc] {
    position: relative;
    width: 100%;
    height: 30%;
    background-position: center bottom
}

.info-board-wrap .info-board-container .info-point-container .info-point .info-point-bg.goal[data-v-b61fd2dc] {
    background-position: center top
}

.info-board-wrap .info-board-container .info-point-container .info-point .info-point-bg .text-amount[data-v-b61fd2dc] {
    position: absolute;
    top: 16%;
    right: 3%;
    width: 65%;
    font-size: .8rem;
    text-align: center;
    color: #d0b081
}

@media (min-width: 576px) {
    .info-board-wrap .info-board-container .info-point-container .info-point .info-point-bg .text-amount[data-v-b61fd2dc] {
        font-size:.9rem
    }
}

.info-board-wrap .btn-bet-container[data-v-b61fd2dc] {
    position: absolute;
    top: 29%;
    left: 50%;
    width: 20.5%;
    z-index: 2;
    transform: translate(-50%);
}

.info-board-wrap .btn-bet-container .bet-bg[data-v-b61fd2dc] {
    position: relative;
    padding-bottom: 112.6262626263%;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    animation: goal-b61fd2dc 2s infinite ease-in-out alternate
}

@keyframes goal-b61fd2dc {
    90% {
        filter: drop-shadow(0 0 1rem #fff) drop-shadow(0 0 .5rem #fff)
    }

    to {
        filter: drop-shadow(0 0 1rem #fff) drop-shadow(0 0 .5rem #fff)
    }
}

.info-board-wrap .btn-bet-container .bet-bg .bet-energy[data-v-b61fd2dc],.info-board-wrap .btn-bet-container .bet-bg .bet-fg[data-v-b61fd2dc] {
    position: absolute;
    width: 100%;
    height: 100%
}

.info-board-wrap .btn-bet-container .bet-bg .bet-energy[data-v-b61fd2dc] {
    bottom: 0;
    height: 0;
    background-position: center bottom;
    z-index: 1;
    transition: height .5s ease-in-out
}

.info-board-wrap .btn-bet-container .bet-bg .bet-fg[data-v-b61fd2dc] {
    background-position: center top;
    z-index: 2
}

.info-board-wrap .btn-bet-container .bet-bg .bet-fg[data-v-b61fd2dc]:active {
    background-position: center bottom
}

.info-board-wrap .btn-bet-container .bet-lock[data-v-b61fd2dc] {
    position: relative;
    padding-bottom: 112.6262626263%;
    width: 100%;
    z-index: 1;
    pointer-events: none
}

.info-board-wrap .btn-bet-container .text-level-container[data-v-b61fd2dc] {
    position: absolute;
    top: 65%;
    overflow: hidden;
    width: 100%;
    height: 10%;
    z-index: 2;
    pointer-events: none
}

.info-board-wrap .btn-bet-container .text-level-container .text-level[data-v-b61fd2dc] {
    position: relative;
    font-size: .75rem;
    font-weight: bolder;
    text-align: center;
    color: #fff
}

@media (min-width: 576px) {
    .info-board-wrap .btn-bet-container .text-level-container[data-v-b61fd2dc] {
        top:66%
    }

    .info-board-wrap .btn-bet-container .text-level-container .text-level[data-v-b61fd2dc] {
        font-size: .85rem
    }
}

.dust-wrap[data-v-0560ac36] {
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 65%;
    height: 65%;
    z-index: 2;
    pointer-events: none;
    transform: translate(-50%)
}

.dust-wrap .dust-canvas[data-v-0560ac36] {
    width: 100%;
    height: 100%
}

.threshold-wrap[data-v-b2c99f85] {
    position: relative;
    overflow: hidden;
    margin-top: -1rem;
    width: 100%;
    height: 100%;
    z-index: 4
}

@media (min-width: 576px) {
    .threshold-wrap[data-v-b2c99f85] {
        margin:0 auto;
        margin-top: -3rem;
        width: 576px
    }
}

.threshold-wrap .image-setting[data-v-b2c99f85] {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.threshold-wrap .threshold-container[data-v-b2c99f85] {
    position: relative;
    left: 17%;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1
}

.threshold-wrap .threshold-container .threshold-board[data-v-b2c99f85] {
    position: relative;
    margin: 0 .5%;
    padding-bottom: 26.1164274322%;
    width: 65.5%;
    flex-shrink: 0;
    opacity: .5
}

.threshold-wrap .threshold-container .threshold-board.goal[data-v-b2c99f85] {
    opacity: 1
}

.threshold-wrap .threshold-container .threshold-board .text-level[data-v-b2c99f85] {
    position: absolute;
    top: 10%;
    left: 3%;
    width: 15%;
    font-size: .75rem;
    font-weight: bolder;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    letter-spacing: .5px
}

.threshold-wrap .threshold-container .threshold-board .text-max-award[data-v-b2c99f85] {
    position: absolute;
    top: 55%;
    left: 7%;
    width: 41%;
    font-size: 1.25rem;
    font-weight: bolder;
    text-align: center;
    white-space: nowrap;
    color: #e96765;
    letter-spacing: 1px
}

.threshold-wrap .threshold-container .threshold-board .threshold-info-container[data-v-b2c99f85] {
    position: absolute;
    top: 8%;
    right: 2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42%;
    height: 83%;
    flex-direction: column
}

.threshold-wrap .threshold-container .threshold-board .threshold-info-container .threshold-point-bg[data-v-b2c99f85] {
    position: relative;
    padding-bottom: 16.7619047619%;
    width: 88%;
    background-position: center bottom
}

.threshold-wrap .threshold-container .threshold-board .threshold-info-container .threshold-point-bg.goal[data-v-b2c99f85] {
    background-position: center top
}

.threshold-wrap .threshold-container .threshold-board .threshold-info-container .threshold-point-bg .text-point[data-v-b2c99f85] {
    position: absolute;
    top: 18%;
    right: 3%;
    width: 69%;
    font-size: .75rem;
    font-weight: bolder;
    text-align: center;
    white-space: nowrap;
    color: #fff
}

@media (min-width: 576px) {
    .threshold-wrap .threshold-container .threshold-board .text-level[data-v-b2c99f85] {
        top:11%;
        font-size: .8rem
    }

    .threshold-wrap .threshold-container .threshold-board .text-max-award[data-v-b2c99f85] {
        font-size: 1.5rem
    }

    .threshold-wrap .threshold-container .threshold-board .threshold-info-container .threshold-point-bg .text-point[data-v-b2c99f85] {
        top: 25%;
        font-size: .8rem;
        letter-spacing: .5px
    }
}

.threshold-wrap .btn-switch-container[data-v-b2c99f85] {
    position: absolute;
    top: 38%;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 3;
    pointer-events: none
}

@media (min-width: 576px) {
    .threshold-wrap .btn-switch-container[data-v-b2c99f85] {
        top: 50%;
        margin-top: -1rem;
    }
}

.threshold-wrap .btn-switch-container .btn-switch[data-v-b2c99f85] {
    position: relative;
    padding-bottom: 10%;
    width: 10%;
    transition: transform .2s;
    cursor: pointer;
    pointer-events: visible
}

.threshold-wrap .btn-switch-container .btn-switch[data-v-b2c99f85]:active {
    transform: scale(.9)
}

.threshold-wrap .btn-switch-container .btn-switch[data-v-b2c99f85]:nth-child(1) {
    margin-right: 60%
}

.threshold-wrap .btn-switch-container .btn-switch.disable[data-v-b2c99f85] {
    cursor: default;
    pointer-events: none;
    transform: scale(0)
}

.fade-enter-active[data-v-b2c99f85],.fade-leave-active[data-v-b2c99f85] {
    transition: opacity .25s ease
}

.fade-enter-from[data-v-b2c99f85],.fade-leave-to[data-v-b2c99f85] {
    opacity: 0
}

.event-wrap[data-v-9e0caae8] {
    position: relative;
    overflow: hidden;
    min-width: 480px;
    min-height: 100vh
}

.receive-coin[data-v-af1c2093] {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13
}

.receive-coin .receive-coin-canvas[data-v-af1c2093] {
    width: 100%;
    height: 100%
}