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

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

body{
    background-color: #f5f4f6;
	height: 100%;

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

.bg-scrolling-element-when-modal-active {
    /* when modal active */
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    /* Other browsers */
    overscroll-behavior: none;
}

#root{
	height: 100%;
}

#main{
	height: 100%;
}

#header {
    position: relative;
}

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

    position: relative;
    z-index : 100;
}

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

.popup-wrapper{
    position: fixed;
	top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    z-index : 200;
	background: rgb(255 255 255 / 60%);
    backdrop-filter: blur(2px);
	overflow-y: scroll;
}

.apppay-popup{
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, 0);
}

.apppay-popup-img{
	filter: drop-shadow(1px 1px 6px #dddddd);
	width: 100%;
}

.apppay-popup .close-button{
	display: block;
	position: absolute;
	top: 1%;
    right: 2%;
    width: 9%;
    height: 6%;
	pointer-events: auto;
	cursor: pointer;
}

.apppay-popup .link-button{
	display: block;
    transform: translate(-50%, 0);
	position: absolute;
	bottom: 3%;
	left: 50%;
	width: 92%;
	height: 26%;
}

.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;
}

.link-apppay{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}


/*</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: 0px;
    }

    #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;
    }

	.link-apppay-width{
		width: 20vw;
	}

	.apppay-popup-width{
		width: 60vh;
	}
	
}

/*</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;
    }

	.link-apppay-width{
		width: 30vw;
	}

	.apppay-popup-width{
		width: 78vw;
		max-width: 525px;
	}
	
}
/*</editor-fold>*/