/* コピーライト */
    div#contents.before p.copyright.before{
        color: #ffffff;
        float: right;
    }

    div#contents.middle p.copyright.middle{
        color: #000000;
        float: right;
    }

    div#contents.after p.copyright.after{
        color: #000000;
        float: right;
    }

/*ダウンロードボタン*/
    div.download{
        background-color: rgba(140,18,152,0.6);
        width: 47%;
        margin: 2% 1%;
    }

    div.download.googleplay{
        float: right;
    }

    div.download.appstore{
        float: left;
    }

    div.download>a>img{
        width: 66% !important;
        position: relative;
    }

    div.download .qr>img{
        width: 30% !important;
        float: right;
        padding: 2%;
    }

/*事前登録キャンペーン*/
    div.box-campaign-apply {
        display: block;
		color: #ffffff;
    }
    
    div.box-campaign-apply p {
        line-height: 220%;
		color: #ffffff;
		text-align: center;
		font-size: 1.6vw;
    }
    
    div.box-campaign-apply dl {
        padding: 22px 45px;
        font-size: 13px;
        text-align: left;
        line-height: 1.5vw;
    }
    
    div.box-campaign-apply dt {
        float: left;
        clear: both;
        width: 120px;
        margin-bottom: 10px;
    }
    
    div.box-campaign-apply dt:before { content: "【"; }
    div.box-campaign-apply dt:after  { content: "】"; }
    
    div.box-campaign-apply dd {
        float: left;
        width: 32vw;
        margin-bottom: 10px;
    }

/*動画装飾*/
    div.pre-movie div.movie{
        width: 95%;
        height: 100%;
        padding: 0 2.5%;
    }
	
    div.pre-movie div.video{
        width: 95%;
        height: 100%;
        padding: 0 2.5%;
    }
	
    div#contents.middle div.box.middle div.pre-movie div.video>p {
		color: #ffffff;
	}
    div#contents.after div.box.after div.pre-movie div.video>p {
		color: #ffffff;
	}
	
    div#contents.after div.box.after div.pre-movie>p {
		color: #ffffff;
	}
	

@media screen and (min-width: 670px) {

/* Twitterキャンペーン */
    div.twitter {
	    position: relative;
	}
	
    div.twitter .twitter_inner_detail>a>img {
        position: absolute;
		width: 90% !important;
		margin-left: 5%;
		top: 16%;
    }

/* 背景の設定 */
    div#contents.before{
        background: url("../../images/special/eva12/background_1.png") repeat center;
    }

    div#contents.middle{
        background: url("../../images/special/eva12/background_2.png") repeat center;
    }

    div#contents.after{
        background: url("../../images/special/eva12/background_2.png") repeat center;
    }

    div#contents{
        width: 100%;
        margin: 0 auto;
        background-size: 100%;
        background-attachment: fixed;
    }

/* ページトップ画像 */
    div.sp2{
        z-index: -1;
    }

    div#contents img{
        width: 100%;
    }

    div#contents .app-info{
        transform: scale(1.2);
		padding: 10% 0;
    }

/* ボックス */
    div.box.before{
        background-color: rgba(255,255,255,0.9);
        margin-top: -35%;
    }

    div.box.middle{
        background: url("../../images/special/eva12/background-box_2.png") repeat center;
        margin-top: -25%;
    }

    div.box.after{
        background: url("../../images/special/eva12/background-box_2.png") repeat center;
        margin-top: -25%;
    }

    div.box{
        width: 50%;
        margin: 0 auto;
        padding: 10px;
        position: relative;
    }

}

@media screen and (max-width: 669px) {

/* 背景の設定 */
    div#contents.before::before {
        background-color: rgba(255,255,255,0.9);
        margin-top: -50%;
    }

    div#contents.middle::middle {
        background: url("../../images/special/eva12/background_2.png");
    }

    div#contents.after::after {
        background: url("../../images/special/eva12/background_2.png");
    }

    div#contents::before {
        content: "";
        margin: auto;
        background-size: 100%;
        position: fixed;
        top:0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

/* ページトップ画像 */
    div.sp2{
        display: none !important;
    }

    div#contents img{
        width: 100%;
    }

/* ボックス */
    div.box.before{
        background-color: rgba(255,255,255,0.9);
        margin-top: -50%;
    }

    div.box.middle{
        background-image: url("../../images/special/eva12/background-box_2.png") repeat center;
        margin-top: -50%;
	}

    div.box.after{
        background-image: url("../../images/special/eva12/background-box_2.png") repeat center;
        margin-top: -50%;
	}

    div.box{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    div.box>img{
        width: 100%;
    }

    div#contents.before{
	background-color: rgba(255,255,255,1.0);
	}

    div#contents.middle{
	background-color: rgba(140,18,152,1.0);
	}

    div#contents.after{
	background-color: rgba(140,18,152,1.0);
	}

    div#contents.before p.copyright.before{
        color: #000000;
        float: right;
    }

    div#contents.middle p.copyright.middle{
        color: #ffffff;
        float: right;
    }

    div#contents.after p.copyright.after{
        color: #ffffff;
        float: right;
    }
	
/* Twitterキャンペーン */
    div.twitter {
	    position: relative;
	}
	
    div.twitter .twitter_inner_detail>a>img {
        position: absolute;
		width: 90% !important;
		margin-left: 5%;
		top: 16%;
    }
}

/*事前登録キャンペーン*/
    div.box-campaign-apply {
        display: block;
		color: #ffffff;
    }
    
    div.box-campaign-apply p {
        line-height: 220%;
		color: #ffffff;
		text-align: center;
		font-size: 1.6vw;
    }
    
    div.box-campaign-apply dl {
        padding: 22px 45px;
        font-size: 13px;
        text-align: left;
        line-height: 150%;
    }
    
    div.box-campaign-apply dt {
        float: left;
        clear: both;
        width: 120px;
        margin-bottom: 10px;
    }
    
    div.box-campaign-apply dt:before { content: "【"; }
    div.box-campaign-apply dt:after  { content: "】"; }
    
    div.box-campaign-apply dd {
        float: left;
        width: 32vw;
        margin-bottom: 10px;
    }