#app
{
    width: 100%;
    overflow: hidden;
}
body[data-v-c63e1532], html[data-v-c63e1532]
{
    margin: 0;
    padding: 0;
}
li[data-v-c63e1532], ol[data-v-c63e1532], ul[data-v-c63e1532]
{
    list-style: none;
}
ol[data-v-c63e1532], ul[data-v-c63e1532]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-c63e1532]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-c63e1532]
{
    float: left;
}
.fr[data-v-c63e1532]
{
    float: right;
}
.fancybox-bg[data-v-c63e1532], .fancybox-inner[data-v-c63e1532], .fancybox-stage[data-v-c63e1532], video[data-v-c63e1532]
{
    outline: none;
}
.fancybox-slide--html[data-v-c63e1532]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-c63e1532], .fancybox-slide[data-v-c63e1532]:before
{
    margin: 0;
}
video[data-v-c63e1532]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-c63e1532]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-c63e1532]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-c63e1532]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c63e1532]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c63e1532]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c63e1532]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-c63e1532]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-c63e1532]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-c63e1532]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-c63e1532]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-c63e1532]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-c63e1532]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-c63e1532]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-c63e1532]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-c63e1532]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-c63e1532
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-c63e1532
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-c63e1532
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-c63e1532
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-c63e1532
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-c63e1532
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-c63e1532
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-c63e1532]
{
    -webkit-animation: fadeIn-data-v-c63e1532 1.6s ease-out forwards;
    animation: fadeIn-data-v-c63e1532 1.6s ease-out forwards;
}
.fadeInLeft[data-v-c63e1532]
{
    -webkit-animation: fadeInLeft-data-v-c63e1532 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-c63e1532 1.6s ease-out forwards;
}
.fadeInRight[data-v-c63e1532]
{
    -webkit-animation: fadeInRight-data-v-c63e1532 1.6s ease-out forwards;
    animation: fadeInRight-data-v-c63e1532 1.6s ease-out forwards;
}
.fadeInTop[data-v-c63e1532]
{
    -webkit-animation: fadeInTop-data-v-c63e1532 1.6s ease-out forwards;
    animation: fadeInTop-data-v-c63e1532 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-c63e1532]
{
    -webkit-animation: fadeInTop-data-v-c63e1532 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-c63e1532 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-c63e1532]
{
    -webkit-animation: fadeInTop-data-v-c63e1532 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-c63e1532 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-c63e1532]
{
    -webkit-animation: fullWidth-data-v-c63e1532 1.6s ease-out forwards;
    animation: fullWidth-data-v-c63e1532 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-c63e1532]
{
    -webkit-animation: fadeInLeft-data-v-c63e1532 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-c63e1532 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-c63e1532]
{
    -webkit-animation: fadeInRight-data-v-c63e1532 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-c63e1532 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-c63e1532]
{
    -webkit-animation: fadeInScale-data-v-c63e1532 2s ease-out forwards;
    animation: fadeInScale-data-v-c63e1532 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-c63e1532]
{
    -webkit-animation: fadeInScaleMiddle-data-v-c63e1532 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-c63e1532 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-c63e1532]
{
    -webkit-animation: fadeInScaleMiddle-data-v-c63e1532 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-c63e1532 1.5s ease-out .6s forwards;
}
.p1[data-v-c63e1532]
{
    height: 565px;
    padding-top: 195px;
}
.p1 .talk-box[data-v-c63e1532]
{
    position: absolute;
    width: 100px;
    height: 300px;
    top: 135px;
    right: 91px;
}
.p1 .talk-box .talk[name="1"][data-v-c63e1532]
{
    width: 56px;
    height: 56px;
    background-image: url(../image/talk_1.png);
    top: 0;
    right: 0;
}
.p1 .talk-box .talk[name="1"][data-v-c63e1532], .p1 .talk-box .talk[name="2"][data-v-c63e1532]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: auto;
    left: auto;
}
.p1 .talk-box .talk[name="2"][data-v-c63e1532]
{
    width: 24px;
    height: 30px;
    background-image: url(../image/talk_2.png);
    top: 43px;
    right: 13px;
}
.p1 .talk-box .talk[name="3"][data-v-c63e1532]
{
    width: 48px;
    height: 48px;
    background-image: url(../image/talk_3.png);
    top: 22px;
    left: 2px;
}
.p1 .talk-box .talk[name="3"][data-v-c63e1532], .p1 .talk-box .talk[name="4"][data-v-c63e1532]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: auto;
    right: auto;
}
.p1 .talk-box .talk[name="4"][data-v-c63e1532]
{
    width: 54px;
    height: 54px;
    background-image: url(../image/talk_4.png);
    top: 58px;
    left: 0;
}
.p1 .talk-box .talk[name="5"][data-v-c63e1532]
{
    width: 56px;
    height: 56px;
    background-image: url(../image/talk_5.png);
    top: 100px;
    left: -1px;
}
.p1 .talk-box .talk[name="5"][data-v-c63e1532], .p1 .talk-box .talk[name="6"][data-v-c63e1532]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: auto;
    right: auto;
}
.p1 .talk-box .talk[name="6"][data-v-c63e1532]
{
    width: 44px;
    height: 46px;
    background-image: url(../image/talk_6.png);
    top: 150px;
    left: 6px;
}
.p1 .talk-box .talk[name="7"][data-v-c63e1532]
{
    width: 22px;
    height: 72px;
    background-image: url(../image/talk_7.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 190px;
    bottom: auto;
    left: 15px;
    right: auto;
}
.p1 .slogan[data-v-c63e1532]
{
    width: 442px;
    height: 262px;
    background-image: url(../image/mainlogo.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    margin-left: 329px;
    position: relative;
}
.p1 .slogan .light[data-v-c63e1532]
{
    width: 600px;
    height: 588px;
    background-image: url(../image/light_back.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -164px;
    bottom: auto;
    left: auto;
    right: 40%;
    transform-origin: center;
    opacity: 0;
}
.p1 .time[data-v-c63e1532]
{
    position: relative;
    width: 252px;
    height: 36px;
    background-image: url(../image/update_21.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    margin-top: -55px;
    margin-left: 424px;
}
.p1 .play-btn[data-v-c63e1532]
{
    position: relative;
    width: 148px;
    height: 132px;
    background-image: url(../image/pv_btn.png);
    margin: 110px auto 0;
    transform-origin: center;
    cursor: pointer;
}
.p1 .play-btn[data-v-c63e1532], .p1 .play-btn[data-v-c63e1532]:before
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p1 .play-btn[data-v-c63e1532]:before
{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 148px;
    height: 132px;
    background-image: url(../image/pv_btn_on.png);
    opacity: 0;
    transition: all .2s ease-in-out;
}
.p1 .play-btn[data-v-c63e1532]:hover:before
{
    opacity: 1;
}
.inApp .p1[data-v-c63e1532]
{
    height: 675px;
}
.inApp .p1 .slogan[data-v-c63e1532]
{
    margin-top: 210px;
    margin-left: 163px;
}
.inApp .p1 .slogan .light[data-v-c63e1532]
{
    position: absolute;
    top: -160px;
    bottom: auto;
    left: auto;
    right: 40%;
}
.inApp .p1 .time[data-v-c63e1532]
{
    width: 430px;
    height: 52px;
    background-image: url(../image/update_25.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    margin-top: -60px;
    margin-left: 169px;
}
.inApp .p1 .play-btn[data-v-c63e1532]
{
    margin: 70px auto 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.inApp .p1 .play-btn[data-v-c63e1532]:before
{
    opacity: 0;
    transition: all .2s ease-in-out;
}
.inApp .p1 .play-btn[data-v-c63e1532]:hover:before
{
    opacity: 0;
}
.inApp .p1 .play-btn[data-v-c63e1532]:active:before
{
    opacity: 1;
}
body[data-v-a6c7fd00], html[data-v-a6c7fd00]
{
    margin: 0;
    padding: 0;
}
li[data-v-a6c7fd00], ol[data-v-a6c7fd00], ul[data-v-a6c7fd00]
{
    list-style: none;
}
ol[data-v-a6c7fd00], ul[data-v-a6c7fd00]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-a6c7fd00]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-a6c7fd00]
{
    float: left;
}
.fr[data-v-a6c7fd00]
{
    float: right;
}
.fancybox-bg[data-v-a6c7fd00], .fancybox-inner[data-v-a6c7fd00], .fancybox-stage[data-v-a6c7fd00], video[data-v-a6c7fd00]
{
    outline: none;
}
.fancybox-slide--html[data-v-a6c7fd00]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-a6c7fd00], .fancybox-slide[data-v-a6c7fd00]:before
{
    margin: 0;
}
video[data-v-a6c7fd00]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-a6c7fd00]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-a6c7fd00]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-a6c7fd00]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-a6c7fd00]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-a6c7fd00]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-a6c7fd00]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-a6c7fd00]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-a6c7fd00]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-a6c7fd00]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-a6c7fd00]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-a6c7fd00]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-a6c7fd00]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-a6c7fd00]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-a6c7fd00]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-a6c7fd00]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-a6c7fd00
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-a6c7fd00
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-a6c7fd00
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-a6c7fd00
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-a6c7fd00
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-a6c7fd00]
{
    -webkit-animation: fadeIn-data-v-a6c7fd00 1.6s ease-out forwards;
    animation: fadeIn-data-v-a6c7fd00 1.6s ease-out forwards;
}
.fadeInLeft[data-v-a6c7fd00]
{
    -webkit-animation: fadeInLeft-data-v-a6c7fd00 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-a6c7fd00 1.6s ease-out forwards;
}
.fadeInRight[data-v-a6c7fd00]
{
    -webkit-animation: fadeInRight-data-v-a6c7fd00 1.6s ease-out forwards;
    animation: fadeInRight-data-v-a6c7fd00 1.6s ease-out forwards;
}
.fadeInTop[data-v-a6c7fd00]
{
    -webkit-animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out forwards;
    animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-a6c7fd00]
{
    -webkit-animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-a6c7fd00]
{
    -webkit-animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-a6c7fd00 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-a6c7fd00]
{
    -webkit-animation: fullWidth-data-v-a6c7fd00 1.6s ease-out forwards;
    animation: fullWidth-data-v-a6c7fd00 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-a6c7fd00]
{
    -webkit-animation: fadeInLeft-data-v-a6c7fd00 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-a6c7fd00 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-a6c7fd00]
{
    -webkit-animation: fadeInRight-data-v-a6c7fd00 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-a6c7fd00 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-a6c7fd00]
{
    -webkit-animation: fadeInScale-data-v-a6c7fd00 2s ease-out forwards;
    animation: fadeInScale-data-v-a6c7fd00 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-a6c7fd00]
{
    -webkit-animation: fadeInScaleMiddle-data-v-a6c7fd00 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-a6c7fd00 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-a6c7fd00]
{
    -webkit-animation: fadeInScaleMiddle-data-v-a6c7fd00 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-a6c7fd00 1.5s ease-out .6s forwards;
}
.nav-container[data-v-a6c7fd00]
{
    width: 100%;
    max-width: 2200px;
    height: 114px;
    margin: 0 auto;
}
.nav-bar[data-v-a6c7fd00]
{
    width: 100%;
    height: 114px;
    background-color: #1c1c1c;
    box-shadow: 0 4px 15px #090a0a;
}
.nav-bar .logo[data-v-a6c7fd00]
{
    position: relative;
    background-image: url(../image/ver_off.png);
    margin-left: 35px;
    cursor: pointer;
}
.nav-bar .logo[data-v-a6c7fd00], .nav-bar .logo[data-v-a6c7fd00]:before
{
    width: 188px;
    height: 114px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-bar .logo[data-v-a6c7fd00]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    background-image: url(../image/ver.png);
    opacity: 0;
    transition: all .2s ease-in-out;
}
.nav-bar .logo[data-v-a6c7fd00]:hover:before
{
    opacity: 1;
}
.nav-bar .nav-list[data-v-a6c7fd00]
{
    margin-top: 14px;
}
.nav-bar .nav-list li[data-v-a6c7fd00]
{
    cursor: pointer;
}
.nav-bar .nav-list li[name="1"][data-v-a6c7fd00]
{
    position: relative;
    width: 212px;
    height: 86px;
    background-image: url(../image/1_off.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.nav-bar .nav-list li[name="1"][data-v-a6c7fd00]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 212px;
    height: 86px;
    background-image: url(../image/1.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-bar .nav-list li[name="2"][data-v-a6c7fd00]
{
    position: relative;
    width: 212px;
    height: 86px;
    background-image: url(../image/2_off.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.nav-bar .nav-list li[name="2"][data-v-a6c7fd00]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 212px;
    height: 86px;
    background-image: url(../image/2.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-bar .nav-list li[name="3"][data-v-a6c7fd00]
{
    position: relative;
    width: 212px;
    height: 86px;
    background-image: url(../image/3_off.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.nav-bar .nav-list li[name="3"][data-v-a6c7fd00]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 212px;
    height: 86px;
    background-image: url(../image/3.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-bar .nav-list li[name="4"][data-v-a6c7fd00]
{
    position: relative;
    width: 212px;
    height: 86px;
    background-image: url(../image/4_off.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.nav-bar .nav-list li[name="4"][data-v-a6c7fd00]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 212px;
    height: 86px;
    background-image: url(../image/4.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-bar .nav-list li[data-v-a6c7fd00]:before
{
    opacity: 0;
    transition: all .2s ease-in-out;
}
.nav-bar .nav-list li[data-v-a6c7fd00]:hover:before
{
    opacity: 1;
}
.nav-bar.fixed-top[data-v-a6c7fd00]
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.download-bar[data-v-a6c7fd00]
{
    display: none;
    width: 100%;
    padding-top: 25px;
    height: 95px;
    background-color: #1c1c1c;
    box-shadow: 0 4px 15px #090a0a;
}
.download-bar .download-list[data-v-a6c7fd00]
{
    width: 547px;
    margin: 0 auto;
}
.download-bar .download-list li[data-v-a6c7fd00]
{
    margin: 0 13px;
}
.download-bar .download-list li[name=appStore][data-v-a6c7fd00]
{
    width: 252px;
    height: 72px;
    background-image: url(../image/app_store.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.download-bar .download-list li[name=taptap][data-v-a6c7fd00]
{
    width: 242px;
    height: 72px;
    background-image: url(../image/taptap1.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.download-bar .download-list li a[data-v-a6c7fd00]
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.inApp .nav-bar[data-v-a6c7fd00]
{
    display: none;
}
.inApp .download-bar[data-v-a6c7fd00]
{
    display: block;
}
body[data-v-c9cc3424], html[data-v-c9cc3424]
{
    margin: 0;
    padding: 0;
}
li[data-v-c9cc3424], ol[data-v-c9cc3424], ul[data-v-c9cc3424]
{
    list-style: none;
}
ol[data-v-c9cc3424], ul[data-v-c9cc3424]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-c9cc3424]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-c9cc3424]
{
    float: left;
}
.fr[data-v-c9cc3424]
{
    float: right;
}
.fancybox-bg[data-v-c9cc3424], .fancybox-inner[data-v-c9cc3424], .fancybox-stage[data-v-c9cc3424], video[data-v-c9cc3424]
{
    outline: none;
}
.fancybox-slide--html[data-v-c9cc3424]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-c9cc3424], .fancybox-slide[data-v-c9cc3424]:before
{
    margin: 0;
}
video[data-v-c9cc3424]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-c9cc3424]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-c9cc3424]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-c9cc3424]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c9cc3424]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c9cc3424]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-c9cc3424]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-c9cc3424]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-c9cc3424]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-c9cc3424]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-c9cc3424]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-c9cc3424]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-c9cc3424]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-c9cc3424]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-c9cc3424]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-c9cc3424]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-c9cc3424
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-c9cc3424
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-c9cc3424
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-c9cc3424
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-c9cc3424
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-c9cc3424]
{
    -webkit-animation: fadeIn-data-v-c9cc3424 1.6s ease-out forwards;
    animation: fadeIn-data-v-c9cc3424 1.6s ease-out forwards;
}
.fadeInLeft[data-v-c9cc3424]
{
    -webkit-animation: fadeInLeft-data-v-c9cc3424 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-c9cc3424 1.6s ease-out forwards;
}
.fadeInRight[data-v-c9cc3424]
{
    -webkit-animation: fadeInRight-data-v-c9cc3424 1.6s ease-out forwards;
    animation: fadeInRight-data-v-c9cc3424 1.6s ease-out forwards;
}
.fadeInTop[data-v-c9cc3424]
{
    -webkit-animation: fadeInTop-data-v-c9cc3424 1.6s ease-out forwards;
    animation: fadeInTop-data-v-c9cc3424 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-c9cc3424]
{
    -webkit-animation: fadeInTop-data-v-c9cc3424 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-c9cc3424 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-c9cc3424]
{
    -webkit-animation: fadeInTop-data-v-c9cc3424 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-c9cc3424 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-c9cc3424]
{
    -webkit-animation: fullWidth-data-v-c9cc3424 1.6s ease-out forwards;
    animation: fullWidth-data-v-c9cc3424 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-c9cc3424]
{
    -webkit-animation: fadeInLeft-data-v-c9cc3424 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-c9cc3424 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-c9cc3424]
{
    -webkit-animation: fadeInRight-data-v-c9cc3424 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-c9cc3424 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-c9cc3424]
{
    -webkit-animation: fadeInScale-data-v-c9cc3424 2s ease-out forwards;
    animation: fadeInScale-data-v-c9cc3424 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-c9cc3424]
{
    -webkit-animation: fadeInScaleMiddle-data-v-c9cc3424 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-c9cc3424 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-c9cc3424]
{
    -webkit-animation: fadeInScaleMiddle-data-v-c9cc3424 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-c9cc3424 1.5s ease-out .6s forwards;
}
.p2>.title[data-v-c9cc3424]
{
    margin: 75px auto 0;
    width: 150px;
    height: 78px;
    background-image: url(../image/introduction_ttl.png);
    opacity: 0;
}
.p2 .story[data-v-c9cc3424], .p2>.title[data-v-c9cc3424]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p2 .story[data-v-c9cc3424]
{
    position: relative;
    width: 1024px;
    height: 894px;
    background-image: url(../image/story_bg.png);
    margin: 20px auto 0;
    overflow: hidden;
}
.p2 .story>.title[data-v-c9cc3424]
{
    margin-top: 80px;
    margin-left: 63px;
    width: 898px;
    height: 150px;
    background-image: url(../image/story_ttl.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    opacity: 0;
}
.p2 .story .txt[data-v-c9cc3424]
{
    top: 287px;
    left: 65px;
    right: auto;
    width: 474px;
    height: 528px;
    background-image: url(../image/story_txt.png);
}
.p2 .story .img[data-v-c9cc3424], .p2 .story .txt[data-v-c9cc3424]
{
    position: absolute;
    bottom: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p2 .story .img[data-v-c9cc3424]
{
    top: 270px;
    left: auto;
    right: 40px;
    width: 480px;
    height: 550px;
    background-image: url(../image/story_img.png);
}
.p2 .gallery_title[data-v-c9cc3424]
{
    width: 700px;
    height: 130px;
    background-image: url(../image/gallery_ttl.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px auto 0;
    opacity: 0;
}
.p2 .gallery-nav[data-v-c9cc3424]
{
    display: table;
    margin: 25px auto 0;
    opacity: 0;
}
.p2 .gallery-nav li[data-v-c9cc3424]
{
    position: relative;
    margin: 0 20px;
    cursor: pointer;
}
.p2 .gallery-nav li[name=glaphic][data-v-c9cc3424]
{
    width: 280px;
    height: 96px;
    background-image: url(../image/glaphic_btn.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p2 .gallery-nav li[name=glaphic][data-v-c9cc3424]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 280px;
    height: 96px;
    background-image: url(../image/glaphic_btn_hover.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p2 .gallery-nav li[name=movie][data-v-c9cc3424]
{
    width: 280px;
    height: 96px;
    background-image: url(../image/movie_btn.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p2 .gallery-nav li[name=movie][data-v-c9cc3424]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 280px;
    height: 96px;
    background-image: url(../image/movie_btn_hover.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p2 .gallery-nav li[data-v-c9cc3424]:before
{
    opacity: 0;
    transition: all .2s ease-in-out;
}
.p2 .gallery-nav li.active[data-v-c9cc3424]:before, .p2 .gallery-nav li[data-v-c9cc3424]:hover:before
{
    opacity: 1;
}
.p2 .gallery-container[data-v-c9cc3424]
{
    opacity: 0;
}
.p2 .gallery-container ul[data-v-c9cc3424]
{
    width: 680px;
    margin: 15px auto 0;
    overflow: hidden;
}
.p2 .gallery-container ul[name=glaphic] li[name="1"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/glaphic_1.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=glaphic] li[name="2"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/glaphic_2.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=glaphic] li[name="3"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/glaphic_3.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=glaphic] li[name="4"][data-v-c9cc3424]
{
    background-image: url(../image/glaphic_4.png);
}
.p2 .gallery-container ul[name=glaphic] li[name="4"][data-v-c9cc3424], .p2 .gallery-container ul[name=movie] li[name="1"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=movie] li[name="1"][data-v-c9cc3424]
{
    background-image: url(../image/movie_1.png);
}
.p2 .gallery-container ul[name=movie] li[name="1"] a[data-v-c9cc3424]
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.p2 .gallery-container ul[name=movie] li[name="2"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/movie_2.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=movie] li[name="2"] a[data-v-c9cc3424]
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.p2 .gallery-container ul[name=movie] li[name="3"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/movie_3.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=movie] li[name="3"] a[data-v-c9cc3424]
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.p2 .gallery-container ul[name=movie] li[name="4"][data-v-c9cc3424]
{
    width: 320px;
    height: 210px;
    background-image: url(../image/movie_4.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px;
    float: left;
    cursor: pointer;
}
.p2 .gallery-container ul[name=movie] li[name="4"] a[data-v-c9cc3424]
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.inApp .p2 .gallery-nav li[data-v-c9cc3424]
{
    -webkit-tap-highlight-color: transparent;
}
.inApp .p2 .story[data-v-c9cc3424]
{
    width: 768px;
    height: 1036px;
    background-image: url(../image/story_bg_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p2 .story>.title[data-v-c9cc3424]
{
    width: 750px;
    height: 230px;
    background-image: url(../image/story_ttl_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 9px;
    background-size: auto 100%;
    background-position: 0;
}
.inApp .p2 .story .txt[data-v-c9cc3424]
{
    position: absolute;
    top: 340px;
    bottom: auto;
    left: 41px;
    right: auto;
    width: 686px;
    height: 590px;
    background-image: url(../image/story_txt_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p2 .story .img[data-v-c9cc3424]
{
    display: none;
}
.inApp .p2 .gallery_title[data-v-c9cc3424]
{
    margin: 30px auto 0;
}
.inApp .p2 .gallery-container ul li[data-v-c9cc3424]
{
    -webkit-tap-highlight-color: transparent;
}
body[data-v-d66d8572], html[data-v-d66d8572]
{
    margin: 0;
    padding: 0;
}
li[data-v-d66d8572], ol[data-v-d66d8572], ul[data-v-d66d8572]
{
    list-style: none;
}
ol[data-v-d66d8572], ul[data-v-d66d8572]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-d66d8572]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-d66d8572]
{
    float: left;
}
.fr[data-v-d66d8572]
{
    float: right;
}
.fancybox-bg[data-v-d66d8572], .fancybox-inner[data-v-d66d8572], .fancybox-stage[data-v-d66d8572], video[data-v-d66d8572]
{
    outline: none;
}
.fancybox-slide--html[data-v-d66d8572]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-d66d8572], .fancybox-slide[data-v-d66d8572]:before
{
    margin: 0;
}
video[data-v-d66d8572]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-d66d8572]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-d66d8572]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-d66d8572]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-d66d8572]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-d66d8572]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-d66d8572]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-d66d8572]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-d66d8572]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-d66d8572]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-d66d8572]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-d66d8572]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-d66d8572]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-d66d8572]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-d66d8572]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-d66d8572]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-d66d8572
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-d66d8572
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-d66d8572
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-d66d8572
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-d66d8572
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-d66d8572
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-d66d8572
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-d66d8572]
{
    -webkit-animation: fadeIn-data-v-d66d8572 1.6s ease-out forwards;
    animation: fadeIn-data-v-d66d8572 1.6s ease-out forwards;
}
.fadeInLeft[data-v-d66d8572]
{
    -webkit-animation: fadeInLeft-data-v-d66d8572 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-d66d8572 1.6s ease-out forwards;
}
.fadeInRight[data-v-d66d8572]
{
    -webkit-animation: fadeInRight-data-v-d66d8572 1.6s ease-out forwards;
    animation: fadeInRight-data-v-d66d8572 1.6s ease-out forwards;
}
.fadeInTop[data-v-d66d8572]
{
    -webkit-animation: fadeInTop-data-v-d66d8572 1.6s ease-out forwards;
    animation: fadeInTop-data-v-d66d8572 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-d66d8572]
{
    -webkit-animation: fadeInTop-data-v-d66d8572 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-d66d8572 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-d66d8572]
{
    -webkit-animation: fadeInTop-data-v-d66d8572 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-d66d8572 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-d66d8572]
{
    -webkit-animation: fullWidth-data-v-d66d8572 1.6s ease-out forwards;
    animation: fullWidth-data-v-d66d8572 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-d66d8572]
{
    -webkit-animation: fadeInLeft-data-v-d66d8572 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-d66d8572 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-d66d8572]
{
    -webkit-animation: fadeInRight-data-v-d66d8572 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-d66d8572 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-d66d8572]
{
    -webkit-animation: fadeInScale-data-v-d66d8572 2s ease-out forwards;
    animation: fadeInScale-data-v-d66d8572 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-d66d8572]
{
    -webkit-animation: fadeInScaleMiddle-data-v-d66d8572 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-d66d8572 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-d66d8572]
{
    -webkit-animation: fadeInScaleMiddle-data-v-d66d8572 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-d66d8572 1.5s ease-out .6s forwards;
}
.p3>.title[data-v-d66d8572]
{
    margin: 115px auto 0;
    width: 224px;
    height: 78px;
    background-image: url(../image/title.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p3 .grasta-title[data-v-d66d8572]
{
    margin: 60px auto 0;
    height: 100px;
    background-image: url(../image/grasta_ttl.png);
}
.p3 .grasta-container[data-v-d66d8572], .p3 .grasta-title[data-v-d66d8572]
{
    width: 1026px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p3 .grasta-container[data-v-d66d8572]
{
    margin: 0 auto;
    height: 598px;
    background-image: url(../image/grasta_bg.png);
    overflow: hidden;
}
.p3 .grasta-container .img[data-v-d66d8572]
{
    margin: 15px auto 0;
    width: 758px;
    height: 350px;
    background-image: url(../image/grasta_img.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p3 .grasta-container .txt[data-v-d66d8572]
{
    margin: 40px auto 0;
    width: 660px;
    height: 152px;
    background-image: url(../image/grasta_txt.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.inApp .p3>.title[data-v-d66d8572]
{
    margin: 90px auto 0;
}
.inApp .p3 .grasta-title[data-v-d66d8572]
{
    width: 711px;
    height: 90px;
    background-image: url(../image/grasta_ttl_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p3 .grasta-container[data-v-d66d8572]
{
    width: 710px;
    height: 666px;
    background-image: url(../image/grasta_bg_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p3 .grasta-container .img[data-v-d66d8572]
{
    margin: 30px auto 0;
    width: 680px;
    height: 350px;
    background-image: url(../image/grasta_img_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p3 .grasta-container .txt[data-v-d66d8572]
{
    margin: 60px auto 0;
    width: 696px;
    height: 170px;
    background-image: url(../image/grasta_txt_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
body[data-v-00cac0a4], html[data-v-00cac0a4]
{
    margin: 0;
    padding: 0;
}
li[data-v-00cac0a4], ol[data-v-00cac0a4], ul[data-v-00cac0a4]
{
    list-style: none;
}
ol[data-v-00cac0a4], ul[data-v-00cac0a4]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-00cac0a4]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-00cac0a4]
{
    float: left;
}
.fr[data-v-00cac0a4]
{
    float: right;
}
.fancybox-bg[data-v-00cac0a4], .fancybox-inner[data-v-00cac0a4], .fancybox-stage[data-v-00cac0a4], video[data-v-00cac0a4]
{
    outline: none;
}
.fancybox-slide--html[data-v-00cac0a4]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-00cac0a4], .fancybox-slide[data-v-00cac0a4]:before
{
    margin: 0;
}
video[data-v-00cac0a4]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-00cac0a4]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-00cac0a4]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-00cac0a4]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-00cac0a4]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-00cac0a4]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-00cac0a4]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-00cac0a4]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-00cac0a4]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-00cac0a4]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-00cac0a4]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-00cac0a4]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-00cac0a4]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-00cac0a4]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-00cac0a4]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-00cac0a4]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-00cac0a4
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-00cac0a4
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-00cac0a4
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-00cac0a4
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-00cac0a4
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-00cac0a4]
{
    -webkit-animation: fadeIn-data-v-00cac0a4 1.6s ease-out forwards;
    animation: fadeIn-data-v-00cac0a4 1.6s ease-out forwards;
}
.fadeInLeft[data-v-00cac0a4]
{
    -webkit-animation: fadeInLeft-data-v-00cac0a4 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-00cac0a4 1.6s ease-out forwards;
}
.fadeInRight[data-v-00cac0a4]
{
    -webkit-animation: fadeInRight-data-v-00cac0a4 1.6s ease-out forwards;
    animation: fadeInRight-data-v-00cac0a4 1.6s ease-out forwards;
}
.fadeInTop[data-v-00cac0a4]
{
    -webkit-animation: fadeInTop-data-v-00cac0a4 1.6s ease-out forwards;
    animation: fadeInTop-data-v-00cac0a4 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-00cac0a4]
{
    -webkit-animation: fadeInTop-data-v-00cac0a4 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-00cac0a4 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-00cac0a4]
{
    -webkit-animation: fadeInTop-data-v-00cac0a4 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-00cac0a4 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-00cac0a4]
{
    -webkit-animation: fullWidth-data-v-00cac0a4 1.6s ease-out forwards;
    animation: fullWidth-data-v-00cac0a4 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-00cac0a4]
{
    -webkit-animation: fadeInLeft-data-v-00cac0a4 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-00cac0a4 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-00cac0a4]
{
    -webkit-animation: fadeInRight-data-v-00cac0a4 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-00cac0a4 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-00cac0a4]
{
    -webkit-animation: fadeInScale-data-v-00cac0a4 2s ease-out forwards;
    animation: fadeInScale-data-v-00cac0a4 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-00cac0a4]
{
    -webkit-animation: fadeInScaleMiddle-data-v-00cac0a4 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-00cac0a4 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-00cac0a4]
{
    -webkit-animation: fadeInScaleMiddle-data-v-00cac0a4 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-00cac0a4 1.5s ease-out .6s forwards;
}
.p4 .title[data-v-00cac0a4]
{
    margin: 110px auto 0;
    width: 148px;
    height: 78px;
    background-image: url(../image/title1.png);
}
.p4 .encounter-ttl[data-v-00cac0a4], .p4 .title[data-v-00cac0a4]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .encounter-ttl[data-v-00cac0a4]
{
    margin: 20px auto 0;
    width: 700px;
    height: 130px;
    background-image: url(../image/encounter_ttl.png);
}
.p4 .roles-new[data-v-00cac0a4]
{
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -1100px;
}
.p4 .roles-new[name="1"][data-v-00cac0a4]
{
    margin-top: -50px;
    width: 2200px;
    height: 889px;
    background-image: url(../image/chara_bg.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p4 .roles-new[name="1"] .role[data-v-00cac0a4]
{
    top: 45px;
    left: 450px;
    right: auto;
    width: 933px;
    height: 784px;
    background-image: url(../image/chara_tsubame.png);
}
.p4 .roles-new[name="1"] .role[data-v-00cac0a4], .p4 .roles-new[name="1"] .txt[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-new[name="1"] .txt[data-v-00cac0a4]
{
    top: 180px;
    left: auto;
    right: 455px;
    width: 658px;
    height: 160px;
    background-image: url(../image/tsubame_quote.png);
}
.p4 .roles-new[name="1"] .camp[data-v-00cac0a4]
{
    top: 308px;
    right: 485px;
    width: 650px;
    height: 276px;
    background-image: url(../image/tsubame_name.png);
}
.p4 .roles-new[name="1"] .camp[data-v-00cac0a4], .p4 .roles-new[name="1"] .dub[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    left: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-new[name="1"] .dub[data-v-00cac0a4]
{
    top: 570px;
    right: 705px;
    width: 212px;
    height: 38px;
    background-image: url(../image/tsubame_cv.png);
}
.p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]
{
    position: absolute;
    top: -4px;
    bottom: auto;
    left: auto;
    right: -35px;
    width: 100px;
    height: 88px;
    background-image: url(../image/voice_btn.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 44px;
    cursor: pointer;
}
.p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100px;
    height: 88px;
    background-image: url(../image/voice_btn_on.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]:hover:before
{
    opacity: 1;
}
.p4 .roles-new[name="2"][data-v-00cac0a4]
{
    margin-top: -110px;
    width: 2200px;
    height: 889px;
    background-image: url(../image/chara_bg_2.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p4 .roles-new[name="2"] .role[data-v-00cac0a4]
{
    top: -85px;
    left: auto;
    right: 170px;
    width: 1197px;
    height: 920px;
    background-image: url(../image/chara_shigure.png);
}
.p4 .roles-new[name="2"] .role[data-v-00cac0a4], .p4 .roles-new[name="2"] .txt[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-new[name="2"] .txt[data-v-00cac0a4]
{
    top: 195px;
    left: 470px;
    right: auto;
    width: 658px;
    height: 160px;
    background-image: url(../image/shigure_quote.png);
}
.p4 .roles-new[name="2"] .camp[data-v-00cac0a4]
{
    top: 325px;
    left: 455px;
    width: 650px;
    height: 276px;
    background-image: url(../image/shigure_name.png);
}
.p4 .roles-new[name="2"] .camp[data-v-00cac0a4], .p4 .roles-new[name="2"] .dub[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    right: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-new[name="2"] .dub[data-v-00cac0a4]
{
    top: 590px;
    left: 660px;
    width: 212px;
    height: 38px;
    background-image: url(../image/shigure_cv.png);
}
.p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]
{
    position: absolute;
    top: -4px;
    bottom: auto;
    left: auto;
    right: -35px;
    width: 100px;
    height: 88px;
    background-image: url(../image/voice_btn.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 44px;
    cursor: pointer;
}
.p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100px;
    height: 88px;
    background-image: url(../image/voice_btn_on.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]:hover:before
{
    opacity: 1;
}
.p4 .main-ttl[data-v-00cac0a4]
{
    margin: -80px auto 0;
    width: 700px;
    height: 130px;
    background-image: url(../image/main_chara_ttl.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-main[data-v-00cac0a4]
{
    width: 660px;
    margin: 0 auto;
    overflow: hidden;
}
.p4 .roles-main .role-box[name="1"][data-v-00cac0a4]
{
    margin-bottom: 5px;
    width: 660px;
    height: 244px;
    background-image: url(../image/chara_suzaku.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-main .role-box[name="2"][data-v-00cac0a4]
{
    width: 320px;
    height: 244px;
    background-image: url(../image/chara_guarneri.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p4 .roles-main .role-box[name="3"][data-v-00cac0a4]
{
    float: right;
    width: 322px;
    height: 244px;
    background-image: url(../image/chara_genshin.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.inApp .p4 .roles-new[data-v-00cac0a4]
{
    width: 768px;
    margin-left: -384px;
    background-size: auto 100%;
}
.inApp .p4 .roles-new[name="1"] .role[data-v-00cac0a4]
{
    position: absolute;
    top: 37px;
    bottom: auto;
    left: 0;
    right: auto;
    width: 636px;
    height: 1005px;
    background-image: url(../image/chara_tsubame_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p4 .roles-new[name="1"] .txt[data-v-00cac0a4]
{
    top: 110px;
    right: 20px;
    width: 170px;
    height: 480px;
    background-image: url(../image/tsubame_quote_sp.png);
}
.inApp .p4 .roles-new[name="1"] .camp[data-v-00cac0a4], .inApp .p4 .roles-new[name="1"] .txt[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    left: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p4 .roles-new[name="1"] .camp[data-v-00cac0a4]
{
    top: 180px;
    right: 140px;
    width: 316px;
    height: 444px;
    background-image: url(../image/tsubame_name_sp.png);
}
.inApp .p4 .roles-new[name="1"] .dub[data-v-00cac0a4]
{
    position: absolute;
    top: 600px;
    bottom: auto;
    left: auto;
    right: 100px;
}
.inApp .p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]
{
    position: absolute;
    top: -25px;
    bottom: auto;
    left: auto;
    right: -70px;
    width: 100px;
    height: 88px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.inApp .p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]:before
{
    opacity: 0;
    transition: all .2s ease-in-out;
}
.inApp .p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]:hover:before
{
    opacity: 0;
}
.inApp .p4 .roles-new[name="1"] .dub .audio-btn[data-v-00cac0a4]:active:before
{
    opacity: 1;
}
.inApp .p4 .roles-new[name="2"][data-v-00cac0a4]
{
    margin-top: -220px;
}
.inApp .p4 .roles-new[name="2"] .role[data-v-00cac0a4]
{
    position: absolute;
    top: -17px;
    bottom: auto;
    left: auto;
    right: 0;
    width: 671px;
    height: 847px;
    background-image: url(../image/chara_shigure_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p4 .roles-new[name="2"] .txt[data-v-00cac0a4]
{
    top: 150px;
    left: 20px;
    width: 170px;
    height: 480px;
    background-image: url(../image/shigure_quote_sp.png);
}
.inApp .p4 .roles-new[name="2"] .camp[data-v-00cac0a4], .inApp .p4 .roles-new[name="2"] .txt[data-v-00cac0a4]
{
    position: absolute;
    bottom: auto;
    right: auto;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p4 .roles-new[name="2"] .camp[data-v-00cac0a4]
{
    top: 160px;
    left: 200px;
    width: 178px;
    height: 418px;
    background-image: url(../image/shigure_name_sp.png);
}
.inApp .p4 .roles-new[name="2"] .dub[data-v-00cac0a4]
{
    position: absolute;
    top: 620px;
    bottom: auto;
    left: 30px;
    right: auto;
}
.inApp .p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]
{
    position: absolute;
    top: -25px;
    bottom: auto;
    left: auto;
    right: -70px;
    width: 100px;
    height: 88px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.inApp .p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]:before
{
    opacity: 0;
    transition: all .2s ease-in-out;
}
.inApp .p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]:hover:before
{
    opacity: 0;
}
.inApp .p4 .roles-new[name="2"] .dub .audio-btn[data-v-00cac0a4]:active:before
{
    opacity: 1;
}
.inApp .p4 .main-ttl[data-v-00cac0a4]
{
    margin: -50px auto 0;
}
.inApp .p4 .roles-main .role-box[name="2"][data-v-00cac0a4]
{
    width: 660px;
    height: 244px;
    background-image: url(../image/chara_genshin_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p4 .roles-main .role-box[name="3"][data-v-00cac0a4]
{
    float: right;
    width: 660px;
    height: 244px;
    background-image: url(../image/chara_guarneri_sp.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
body[data-v-64cd39c3], html[data-v-64cd39c3]
{
    margin: 0;
    padding: 0;
}
li[data-v-64cd39c3], ol[data-v-64cd39c3], ul[data-v-64cd39c3]
{
    list-style: none;
}
ol[data-v-64cd39c3], ul[data-v-64cd39c3]
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix[data-v-64cd39c3]:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl[data-v-64cd39c3]
{
    float: left;
}
.fr[data-v-64cd39c3]
{
    float: right;
}
.fancybox-bg[data-v-64cd39c3], .fancybox-inner[data-v-64cd39c3], .fancybox-stage[data-v-64cd39c3], video[data-v-64cd39c3]
{
    outline: none;
}
.fancybox-slide--html[data-v-64cd39c3]
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content[data-v-64cd39c3], .fancybox-slide[data-v-64cd39c3]:before
{
    margin: 0;
}
video[data-v-64cd39c3]
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd[data-v-64cd39c3]
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide[data-v-64cd39c3]
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar[data-v-64cd39c3]
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-64cd39c3]
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-64cd39c3]
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small[data-v-64cd39c3]
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button[data-v-64cd39c3]
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-64cd39c3]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg[data-v-64cd39c3]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right[data-v-64cd39c3]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-64cd39c3]
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg[data-v-64cd39c3]
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left[data-v-64cd39c3]
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd[data-v-64cd39c3]
    {
        width: 98%;
        padding-top: 50%;
    }
}
[data-v-64cd39c3]:export
{
    gallery_bigImg_01: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_01.jpg";
    gallery_bigImg_02: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_02.jpg";
    gallery_bigImg_03: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_03.jpg";
    gallery_bigImg_04: "https://website.xdcdn.net/activity-page/ae_pre/pc/p2/graphic_img_04.jpg";
    audio_1: "https://website.xdcdn.net/activity-page/ae_pre/voice_tsubame_story3.ogg";
    audio_2: "https://website.xdcdn.net/activity-page/ae_pre/voice_shigure_story3.ogg";
}
@-webkit-keyframes fullWidth-data-v-64cd39c3
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth-data-v-64cd39c3
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale-data-v-64cd39c3
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale-data-v-64cd39c3
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn-data-v-64cd39c3
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn[data-v-64cd39c3]
{
    -webkit-animation: fadeIn-data-v-64cd39c3 1.6s ease-out forwards;
    animation: fadeIn-data-v-64cd39c3 1.6s ease-out forwards;
}
.fadeInLeft[data-v-64cd39c3]
{
    -webkit-animation: fadeInLeft-data-v-64cd39c3 1.6s ease-out forwards;
    animation: fadeInLeft-data-v-64cd39c3 1.6s ease-out forwards;
}
.fadeInRight[data-v-64cd39c3]
{
    -webkit-animation: fadeInRight-data-v-64cd39c3 1.6s ease-out forwards;
    animation: fadeInRight-data-v-64cd39c3 1.6s ease-out forwards;
}
.fadeInTop[data-v-64cd39c3]
{
    -webkit-animation: fadeInTop-data-v-64cd39c3 1.6s ease-out forwards;
    animation: fadeInTop-data-v-64cd39c3 1.6s ease-out forwards;
}
.fadeInTopDelay1[data-v-64cd39c3]
{
    -webkit-animation: fadeInTop-data-v-64cd39c3 1.6s ease-out .3s forwards;
    animation: fadeInTop-data-v-64cd39c3 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2[data-v-64cd39c3]
{
    -webkit-animation: fadeInTop-data-v-64cd39c3 1.6s ease-out .6s forwards;
    animation: fadeInTop-data-v-64cd39c3 1.6s ease-out .6s forwards;
}
.fullWidth[data-v-64cd39c3]
{
    -webkit-animation: fullWidth-data-v-64cd39c3 1.6s ease-out forwards;
    animation: fullWidth-data-v-64cd39c3 1.6s ease-out forwards;
}
.fadeInLeftDelay[data-v-64cd39c3]
{
    -webkit-animation: fadeInLeft-data-v-64cd39c3 1.6s ease-out .6s forwards;
    animation: fadeInLeft-data-v-64cd39c3 1.6s ease-out .6s forwards;
}
.fadeInRightDelay[data-v-64cd39c3]
{
    -webkit-animation: fadeInRight-data-v-64cd39c3 1.6s ease-out 1.2s forwards;
    animation: fadeInRight-data-v-64cd39c3 1.6s ease-out 1.2s forwards;
}
.fadeInScale[data-v-64cd39c3]
{
    -webkit-animation: fadeInScale-data-v-64cd39c3 2s ease-out forwards;
    animation: fadeInScale-data-v-64cd39c3 2s ease-out forwards;
}
.fadeInScaleMiddle[data-v-64cd39c3]
{
    -webkit-animation: fadeInScaleMiddle-data-v-64cd39c3 1.5s ease-out forwards;
    animation: fadeInScaleMiddle-data-v-64cd39c3 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay[data-v-64cd39c3]
{
    -webkit-animation: fadeInScaleMiddle-data-v-64cd39c3 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle-data-v-64cd39c3 1.5s ease-out .6s forwards;
}
.p5>.title[data-v-64cd39c3]
{
    margin: 110px auto 0;
    width: 1024px;
    height: 80px;
    background-image: url(../image/infomation_ttl.jpg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p5 .msg-container[data-v-64cd39c3]
{
    width: 964px;
    height: 777px;
    margin: 0 auto;
    padding: 20px 30px;
    background-image: radial-gradient(rgba(58,58,58,0),rgba(58,58,58,.3));
    color: #fbfbfd;
}
.p5 .msg-container .msg-box[data-v-64cd39c3]
{
    padding: 15px 0;
    border-bottom: 1px solid #313131;
}
.p5 .msg-container .msg-box>.title[data-v-64cd39c3]
{
    width: 248px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #514b4b;
    border-radius: 3px;
}
.p5 .msg-container .msg-box .des-box[data-v-64cd39c3]
{
    width: 650px;
}
.p5 .msg-container .msg-box .des-box li[data-v-64cd39c3]
{
    line-height: 30px;
}
.p5 .msg-container .msg-box .des-box .main[data-v-64cd39c3]
{
    position: relative;
}
.p5 .msg-container .msg-box .des-box .main[data-v-64cd39c3]:before
{
    content: "";
    position: absolute;
    top: 9px;
    bottom: auto;
    left: -25px;
    right: auto;
    width: 12px;
    height: 12px;
    background-image: url(../image/dots.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p5 .msg-container .msg-box .des-box .main.subtitle[data-v-64cd39c3]
{
    margin: 15px 0 0 -40px;
}
.p5 .msg-container .msg-box .des-box .main.subtitle[data-v-64cd39c3]:before
{
    display: none;
}
.p5 .msg-container .msg-box[data-v-64cd39c3]:last-child
{
    border: none;
}
.p5 .creator_ttl[data-v-64cd39c3]
{
    margin: 20px auto 0;
    width: 700px;
    height: 130px;
    background-image: url(../image/creator_ttl.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.p5 .team[data-v-64cd39c3]
{
    opacity: 0;
}
.p5 .team[name="1"][data-v-64cd39c3]
{
    background-image: url(../image/11.png);
}
.p5 .team[name="1"][data-v-64cd39c3], .p5 .team[name="2"][data-v-64cd39c3]
{
    margin: 40px auto 0;
    width: 108px;
    height: 52px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p5 .team[name="2"][data-v-64cd39c3]
{
    background-image: url(../image/21.png);
}
.p5 .team[name="3"][data-v-64cd39c3]
{
    margin: 40px auto 0;
    width: 440px;
    height: 54px;
    background-image: url(../image/31.png);
}
.p5 .team[name="3"][data-v-64cd39c3], .p5 .toTop[data-v-64cd39c3]
{
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.p5 .toTop[data-v-64cd39c3]
{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 82px;
    height: 82px;
    background-image: url(../image/toTop.png);
    cursor: pointer;
    transition: all .2s ease-in-out;
    opacity: 0;
}
.p5 .toTop[data-v-64cd39c3]:hover
{
    transform: translateY(-10px);
}
.p5 .toTop.active[data-v-64cd39c3]
{
    opacity: 1;
}
.inApp .p5>.title[data-v-64cd39c3]
{
    width: 710px;
    height: 80px;
    background-image: url(../image/information_ttl_sp.jpg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.inApp .p5 .msg-container[data-v-64cd39c3]
{
    width: 670px;
    height: 1391px;
    padding: 10px 20px;
    font-size: 22px;
}
.inApp .p5 .msg-container .msg-box[data-v-64cd39c3]
{
    padding: 23px 0;
}
.inApp .p5 .msg-container .msg-box>.title[data-v-64cd39c3]
{
    width: 363px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 15px;
}
.inApp .p5 .msg-container .msg-box .des-box[data-v-64cd39c3]
{
    width: 635px;
}
.inApp .p5 .msg-container .msg-box .des-box li[data-v-64cd39c3]
{
    line-height: 42px;
}
.inApp .p5 .msg-container .msg-box .des-box .main[data-v-64cd39c3]:before
{
    content: "";
    position: absolute;
    top: 15px;
    bottom: auto;
    left: -25px;
    right: auto;
}
.inApp .p5 .msg-container .msg-box .des-box .main.subtitle[data-v-64cd39c3]
{
    margin: 20px 0 0 -40px;
}
.inApp .p5 .creator_ttl[data-v-64cd39c3], .inApp .p5 .team[name="1"][data-v-64cd39c3], .inApp .p5 .team[name="2"][data-v-64cd39c3], .inApp .p5 .team[name="3"][data-v-64cd39c3]
{
    margin: 60px auto 0;
}
.inApp .p5 .toTop[data-v-64cd39c3]
{
    position: absolute;
    -webkit-tap-highlight-color: transparent;
}
.web-video-xd
{
    height: 480px;
    width: 848px;
}
@media only screen and (max-width: 420px)
{
    .web-video-xd
    {
        height: 200px;
    }
}
body, html
{
    margin: 0;
    padding: 0;
}
li, ol, ul
{
    list-style: none;
}
ol, ul
{
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.clearfix:after
{
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.fancybox-bg, .fancybox-inner, .fancybox-stage, video
{
    outline: none;
}
.fancybox-slide--html
{
    padding: 0;
}
.fancybox-slide--html .fancybox-content, .fancybox-slide:before
{
    margin: 0;
}
video
{
    -o-object-fit: cover;
    object-fit: cover;
}
.web-video-xd
{
    width: 60%;
    padding-top: 32.4%;
}
.web-video-xd.hide
{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
}
.swiper_fancybox .fancybox-infobar
{
    opacity: 1!important;
    visibility: visible!important;
    color: #fff;
}
.swiper_fancybox .fancybox-slide--image .fancybox-close-small
{
    display: block!important;
}
@media(max-width: 828px) and (orientation: landscape)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small
    {
        top: -14px!important;
        right: -43px!important;
    }
}
@media(max-width: 828px) and (orientation: portrait)
{
    .swiper_fancybox .fancybox-slide--image .fancybox-close-small
    {
        right: 0!important;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button
{
    opacity: 1!important;
    visibility: visible!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_next.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right svg
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_right
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left
{
    padding: 0;
    width: 74px;
    height: 66px;
    background-image: url(../image/graphic_prev.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -26px;
    background-color: transparent;
    display: block!important;
}
.swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left svg
{
    display: none;
}
@media(max-width: 828px)
{
    .swiper_fancybox .fancybox-navigation .fancybox-button--arrow_left
    {
        width: 37px!important;
        height: 33px!important;
        margin-top: -10px;
    }
}
@media only screen and (max-width: 768px)
{
    .web-video-xd
    {
        width: 98%;
        padding-top: 50%;
    }
}
@-webkit-keyframes fullWidth
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@keyframes fullWidth
{
    0%
    {
        opacity: .7;
        width: 0;
    }
    to
    {
        opacity: 1;
        width: 100%;
    }
}
@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(40px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInTop
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInTop
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInScale
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScale
{
    0%
    {
        opacity: .7;
        transform: scale(0);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInScaleMiddle
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInScaleMiddle
{
    0%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn
{
    -webkit-animation: fadeIn 1.6s ease-out forwards;
    animation: fadeIn 1.6s ease-out forwards;
}
.fadeInLeft
{
    -webkit-animation: fadeInLeft 1.6s ease-out forwards;
    animation: fadeInLeft 1.6s ease-out forwards;
}
.fadeInRight
{
    -webkit-animation: fadeInRight 1.6s ease-out forwards;
    animation: fadeInRight 1.6s ease-out forwards;
}
.fadeInTop
{
    -webkit-animation: fadeInTop 1.6s ease-out forwards;
    animation: fadeInTop 1.6s ease-out forwards;
}
.fadeInTopDelay1
{
    -webkit-animation: fadeInTop 1.6s ease-out .3s forwards;
    animation: fadeInTop 1.6s ease-out .3s forwards;
}
.fadeInTopDelay2
{
    -webkit-animation: fadeInTop 1.6s ease-out .6s forwards;
    animation: fadeInTop 1.6s ease-out .6s forwards;
}
.fullWidth
{
    -webkit-animation: fullWidth 1.6s ease-out forwards;
    animation: fullWidth 1.6s ease-out forwards;
}
.fadeInLeftDelay
{
    -webkit-animation: fadeInLeft 1.6s ease-out .6s forwards;
    animation: fadeInLeft 1.6s ease-out .6s forwards;
}
.fadeInRightDelay
{
    -webkit-animation: fadeInRight 1.6s ease-out 1.2s forwards;
    animation: fadeInRight 1.6s ease-out 1.2s forwards;
}
.fadeInScale
{
    -webkit-animation: fadeInScale 2s ease-out forwards;
    animation: fadeInScale 2s ease-out forwards;
}
.fadeInScaleMiddle
{
    -webkit-animation: fadeInScaleMiddle 1.5s ease-out forwards;
    animation: fadeInScaleMiddle 1.5s ease-out forwards;
}
.fadeInScaleMiddleDelay
{
    -webkit-animation: fadeInScaleMiddle 1.5s ease-out .6s forwards;
    animation: fadeInScaleMiddle 1.5s ease-out .6s forwards;
}
#main
{
    position: relative;
    left: 50%;
    margin-left: -1100px;
    transform-origin: center top;
}
#main, #main .bg-box .bg
{
    width: 2200px;
}
#main .bg-box .bg[name="1"]
{
    height: 760px;
    background-image: url(../image/bg1.jpg);
}
#main .bg-box .bg[name="1"], #main .bg-box .bg[name="2"]
{
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
#main .bg-box .bg[name="2"]
{
    height: 6930px;
    background-image: url(../image/bg2.jpg);
}
#main .container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 2200px;
    overflow: hidden;
}
#main .wrapper
{
    position: relative;
    width: 1100px;
    left: 50%;
    margin-left: -550px;
}
#main.inApp
{
    width: 768px;
    margin-left: -384px;
}
#main.inApp .bg-box .bg
{
    width: 768px;
}
#main.inApp .bg-box .bg[name="1"]
{
    height: 960px;
    background-image: url(../image/top_main_bg_sp.jpg);
}
#main.inApp .bg-box .bg[name="1"], #main.inApp .bg-box .bg[name="2"]
{
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
#main.inApp .bg-box .bg[name="2"]
{
    height: 8000px;
    background-image: url(../image/bg_sp.jpg);
}
#main.inApp .container
{
    width: 768px;
}
#main.inApp .wrapper
{
    width: 768px;
    left: 0;
    margin-left: 0;
}