@font-face {
    font-family: "NotoSansCJKjp";
/*急ぎの修正でサブセット作る余裕なかった*/
    src: url("../font/NotoSansCJKjp-Black.otf") format("opentype");
}

/*<editor-fold desc="common">*/

body{
    background-color: #f5f4f6;

    /*スマホで見た時ちょっとフォントがシャープになる*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#root{
}

#main{
}

#header {
    position: relative;
    padding: 0;
    margin: 0;
}

#language {
    position: absolute;
    top: 2%;
    right: 2.0vw;
}

#language-label {
    text-align: right;
    font-family: 'NotoSansCJKjp';
    padding-bottom: 5%;
}

#language select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}


#dynamic-footer-content{
    flex-direction: column;

    position: relative;
    z-index : 100;
}

#js-dynamic-footer.is-active {
    transition: all 0.65s;
    bottom: 0;
}

.half-Translucent{
    opacity: 0.5;
}

.w-fill {
	width: 100%;
}

.z-index-1 {
    z-index: 1;
}

.full-image {
    width: 100%;
    display: block;
}

.center-self {
    margin-left: auto;
    margin-right: auto;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-view {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    position: relative;
}

.campaign-detail-non-clear{
    display: none;
}


/*</editor-fold>*/

/*<editor-fold desc="pc">*/

@media (min-width: 1025px) {

    #content {
        /*1920(親widthPx) 282Ypx*/
        margin-top: -14.6vw;

        /*1920(親widthPx) 138Ypx*/
        margin-bottom: 7.18vw;
    }

    #footer {
        margin-bottom: 190px;
    }

    #caption-view {
        /*1920(親widthPx) 1610Xpx*/
        width: 83.8vw;

        /*1920(親widthPx) 32Ypx*/
        margin-bottom: 1.67vw;
    }

    /*registration-banners*/
    #registration-destination-banners {
        /*1920(親widthPx) 90Ypx*/
        margin-bottom: 4.68vw;
    }
    .registration-destination-banner-content{
        display: inline;
    }

    .registration-destination-banner-content-inner{
        /*1920(親widthPx) 381Xpx*/
        width: 19.84vw;
    }

    /*campaign*/
    #campaign-view{
        background-image:url("../images/img_campaign_bg_pc.png");
        background-size: 100% 100%;

        width: 100%;

        /*1920(親widthPx) 132Ypx*/
        padding-bottom: 6.87vw;
    }

    #campaign-summary-view {
        /*1920(親widthPx) 1183Xpx*/
        width: 61.61vw;

        /*1920(親widthPx) 32Ypx*/
        padding-bottom: 1.66vw;
    }

    #campaign-detail-view{
        flex-direction: column;

        /*1920(親widthPx) 1024Xpx*/
        width: 53.33vw;
    }

    .campaign-detail-content{
    }

    .campaign-detail-clear{
        position: absolute;

        /*!*1920(親widthPx) 262Ypx*!*/
        margin-top: -13.9%;

        /*!*1920(親widthPx) 382Xpx*!*/
        margin-left: 19.89vw;

        /*1920(親widthPx) 262Ypx*/
        height: 13.64vw;
    }

    #twitter-reward-caution{
        /*1920(親widthPx) 32Xpx*/
        margin-top: 1.67vw;

        /*1920(親widthPx) 762Xpx*/
        width: 39.68vw;
    }

    /*twitter-view*/

    #twitter-view{
        /*1920(親widthPx) 90Ypx*/
        padding-bottom: 4.68vw;
    }

    #twitter-spacer-view{
        /*1920(親widthPx) 48Ypx*/
        padding-bottom: 2.5vw;
    }

    #twitter-timeline-wrap{
        border:2px solid rgb(29, 161, 242);
        border-radius: 12px;
        background-color: #ffffff;

        /*1920(親widthPx) 494Ypx*/
        margin-right: 25.72vw;
        margin-left: 25.72vw;

        /*1920(親widthPx) 932Xpx*/
        width: 48.54vw;
        /*1920(親widthPx) 932Xpx*/
        height: 48.54vw;

        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #twitter-timeline-wrap::-webkit-scrollbar{
        display: none;
    }

    #banner-view{
        padding-bottom: 4.68vw;
    }

    /*gallery*/
    #gallery-caution{
        /*1920(親widthPx) 20Ypx*/
        margin-top: 1.04vw;

        /*1920(親widthPx) 762Xpx*/
        width: 39.68vw;
    }

    .gallery-caution-view{
        /*1920(親widthPx) 762Xpx*/
        width: 39.68vw;
    }

    #gallery-ss-list-view{
        display: flex;

        /*1920(親widthPx) 20Ypx*/
        margin-top: 1.04vw;

        /*1920(親widthPx) 1784Xpx*/
        width: 92.91vw;
    }

    .ss-content {
        /*1920(親widthPx) 342Xpx*/
        width: 17.81vw;

        /*1920(親widthPx) 20Xpx*/
        padding-right: 1.04vw;
    }

    .ss-content-last {
        /*1920(親widthPx) 342Xpx*/
        width: 17.81vw;
    }

    .ss-view {
        max-width:100%;
    }

    /*external-link*/
    #external-link-view {

        /*1920(親widthPx) 70Ypx*/
        padding-bottom: 3.64vw;
    }

    #anime-link-banner-content{
        /*1920(親widthPx) 240Xpx*/
        width: 12.5vw;
    }
    #origin-link-banner-content{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;
    }
    #movie-link-banner-content{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;
    }
    #stage-link-banner-content{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;
    }
    #exhibition231127-link-banner-content{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;
    }

    .anime-link-banner-content-view{
        /*1920(親widthPx) 240Xpx*/
        width: 12.5vw;
    }
    .origin-link-banner-content-view{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;

    }
    .movie-link-banner-content-view{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;

    }
    .stage-link-banner-content-view{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;

    }
    .exhibition231127-link-banner-content-view{
        /*1920(親widthPx) 200Xpx*/
        width: 10.41vw;

    }

    .external-link-banner-content {
        display: inline;

        /*1920(親widthPx) 15Xpx*/
        padding-right   : 0.78vw;
    }

    .external-link-banner-content-last {
        display: inline;
    }

    /*corporate*/
    #corporate-view {
        /*1920(親widthPx) 70Ypx*/
        padding-bottom: 3.64vw;
    }

    .corporate-view-inner{
        /*1920(親widthPx) 277Xpx*/
        width: 14.42vw;
    }


    /*copyright*/
    #copyright-view {
        /*1920(親widthPx) 700Xpx*/
        width: 36.45vw;

        font-size: 1.25vw;
        font-family: "NotoSansCJKjp";

        /*1920(親widthPx) 80Ypx*/
        padding-bottom: 4.16vw;

        text-align: center;
    }

    /*dynamic footer */

    #js-dynamic-footer{
        z-index : 100;
        bottom: -20%;
        transition: all 0.65s;
        width: 100%;

        /*1920(親widthPx) 195Ypx*/
        height: 10.15vw;
        position: fixed;
    }

    .dynamic-footer-bg-inner{
        z-index : 99;
        position: absolute;
        bottom: 0;
    }

    #dynamic-footer-content-entry-view{
        /*1920(親widthPx) 530Xpx*/
        width: 27.60vw;
    }


    #dynamic-footer-banners-view{

        /*1920(親widthPx) 785Xpx*/
        width: 40.88vw;
    }

    .dynamic-footer-banner-content-inner{
        /*1920(親widthPx) 245Xpx*/
        width: 12.76vw;
    }
}

/*</editor-fold>*/

/*<editor-fold desc="sp">*/

@media (max-width: 1024px) {
    #pre-registration-view{
    }

    #content {

        /*1024(親widthPx) 134Ypx*/
        margin-top: -13.08vw;

        /*1024(親widthPx) 138Ypx*/
        margin-bottom: 13.47vw;
    }

    #caption-view {
        /*1024(親widthPx) 940Xpx*/
        width: 91.79vw;

        /*1024(親widthPx) 32Ypx*/
        margin-bottom: 3.12vw;
    }

    /*registration-banners*/
    #registration-destination-banners {
        /*1024(親widthPx) 90Ypx*/
        margin-bottom: 8.78vw;
        text-align: center;
    }
    .registration-destination-banner-content{
        display: inline;
    }

    .registration-destination-banner-content-inner{
        /*1024(親widthPx) 350Xpx*/
        width: 34.17vw;
    }

    #registration-destination-banners-view{
        display: flex;
        flex-wrap : wrap;
        justify-content: center;

    }

    #google-play-banner{
        order: 1;
    }
    #apple-store-banner{
        order: 3;
    }
    #official-sns-banner{
        order: 2;
    }

    /*campaign*/
    #campaign-view{
        background-image:url("../images/img_campaign_bg_sp.png");
        background-size: 100% 100%;

        /*1024(親widthPx) 132Ypx*/
        padding-bottom: 12.89vw;
    }

    #campaign-summary-view {
        /*1024(親widthPx) 800Xpx*/
        width: 78.12vw;

        /*1024(親widthPx) 32Ypx*/
        padding-bottom: 3.12vw;
    }

    #campaign-detail-view{
        flex-direction: column;

        /*1024(親widthPx) 1024Xpx*/
        width: 100vw;
    }

    .campaign-detail-content{
    }

    .campaign-detail-clear{
        position: absolute;

        /*!*1024(親widthPx) 262Ypx*!*/
        margin-top: -25.58%;

        /*!*1024(親widthPx) 382Xpx*!*/
        margin-left: 37.30vw;

        /*1024(親widthPx) 262Ypx*/
        height: 25.58vw;
    }

    #twitter-reward-caution{
        /*1024(親widthPx) 28Ypx*/
        margin-top: 2.73vw;

        /*1024(親widthPx) 680Xpx*/
        width: 66.4vw;
    }

    /*twitter-view*/
    #twitter-view{
        /*1024(親widthPx) 90Ypx*/
        padding-bottom: 8.78vw;
    }

    #twitter-spacer-view{
        /*1024(親widthPx) 48Ypx*/
        padding-bottom: 4.68vw;
    }

    #twitter-timeline-wrap{
        border:2px solid rgb(29, 161, 242);
        border-radius: 12px;
        background-color: #ffffff;

        /*1024(親widthPx) 50Ypx*/
        margin-right: 4.88vw;
        margin-left: 4.88vw;

        /*1024(親widthPx) 927Xpx*/
        width: 90.52vw;
        /*1024(親widthPx) 927Xpx*/
        height: 90.52vw;

        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #twitter-timeline-wrap::-webkit-scrollbar{
        display: none;
    }

    #banner-view{
        padding-bottom: 8.78vw;
    }

    /*gallery*/
    #gallery-caution{
        /*1024(親widthPx) 20Ypx*/
        margin-top: 1.95vw;

        /*1024(親widthPx) 750Xpx*/
        width: 73.24vw;
    }

    .gallery-caution-view{
        /*1024(親widthPx) 750Xpx*/
        width: 73.24vw;
    }

    #gallery-ss-list-view{
        /*1024(親widthPx) 20Ypx*/
        margin-top: 1.95vw;
    }

    .ss-content {
        /*1024(親widthPx) 935Xpx*/
        width: 91.3vw;

        /*1024(親widthPx) 32Xpx*/
        padding-bottom: 3.12vw;
    }

    .ss-content-last {
        /*1024(親widthPx) 935Xpx*/
        width: 91.3vw;
    }

    .ss-view {
        width: 100%;
    }

    #footer {
        /*1024(親widthPx) 195Ypx*/
        margin-bottom: 19.04vw;
    }

    /*external-link*/
    #external-link-view {
        /*1024(親widthPx) 70Ypx*/
        padding-bottom: 6.83vw;
    }

    #anime-link-banner-content{
        /*1024(親widthPx) 240Xpx*/
        width: 23.43vw;
    }
    #origin-link-banner-content{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    #movie-link-banner-content{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    #stage-link-banner-content{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    #exhibition231127-link-banner-content{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }


    .anime-link-banner-content-view{
        /*1024(親widthPx) 240Xpx*/
        width: 23.43vw;

    }
    .origin-link-banner-content-view{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    .movie-link-banner-content-view{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    .stage-link-banner-content-view{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }
    .exhibition231127-link-banner-content-view{
        /*1024(親widthPx) 200Xpx*/
        width: 19.53vw;

    }

    .external-link-banner-content {
        display: inline;

        /*1024(親widthPx) 15Xpx*/
        padding-right   : 1.46vw;
    }

    .external-link-banner-content-last {
        display: inline;
    }


    /*corporate*/
    #corporate-view {
        /*1024(親widthPx) 70Ypx*/
        padding-bottom: 6.83vw;
    }

    .corporate-view-inner{
        /*1024(親widthPx) 277Xpx*/
        width: 27.05vw;
    }

    /*copyright*/
    #copyright-view {
        /*1024(親widthPx) 700Xpx*/
        /*width: 68.35vw;*/

        font-size: 2.25vw;
        /*font-size: 24pt;*/
        font-family: "NotoSansCJKjp";

        /*1024(親widthPx) 70Ypx*/
        padding-bottom: 6.83vw;

        text-align: center;
    }


    /*dynamic footer */
    #js-dynamic-footer{
        z-index : 100;
        bottom: -20%;
        transition: all 0.65s;
        width: 100%;

        /*1024(親widthPx) 195Ypx*/
        height: 19.04vw;
        position: fixed;
    }

    .dynamic-footer-bg-inner{
        z-index : 99;
        position: absolute;
        bottom: 0;
    }

    #dynamic-footer-content-entry-view{
        /*1024(親widthPx) 530Xpx*/
        width: 51.75vw;
    }

    .dynamic-footer-banner-content-inner{
        /*1024(親widthPx) 321Xpx*/
        /*width: 31.38vw;*/
        width: 21.8178vw;
    }

}
/*</editor-fold>*/