div#contents {
    color: #333333;
}

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

    /* 背景の設定 */
    div#contents {
        width: 100%;
        margin: 0 auto;
		background-size: 100%;
        background: url("../../images/special/eva9-free/background.png") repeat center;
        background-attachment: fixed;
    }
	
	ul,address{
		text-align:center;
	}
	
	div#address{
		text-align:center;;
	}
	
	div.sp2{
		z-index: -1;
	}
	
	/* ボックス */
	 div.box{
	 	background-color: rgba(255, 255, 255, .8);
        border: 8px #c30d23 solid;
        border-radius: 10px;
        width: 50%;
		margin: 0 auto;
		margin-top: -210px;
		position: relative;
	}

	/* 文字装飾 */
	div.text-1{
		font-size:60px;
		font-family:"sans-serif";
		font-weight:bold;
		text-align: center;
		color:#FFFFFF;
		text-shadow: 3px 3px 10px #0E56FF,
		-3px 3px 10px #0E56FF,
		3px -3px 10px #0E56FF,
		-3px -3px 10px #0E56FF;
		position: relative;
		margin-top: 20px;
	}
	div.text-2{
		font-size:30px;
		font-family:"sans-serif";
		font-weight:bold;
		text-align: center;
		color:#FF4700;
		text-shadow: 1px 1px 2px #FFFFFF,
		-1px 1px 2px #FFFFFF,
		1px -1px 2px #FFFFFF,
		-1px -1px 2px #FFFFFF;
	}
	/* 画像位置調整 */
	div#contents img{
		width: 100%;
	}
    div.chassis>a>img{
        width: 80% !important;
        margin: 0 10%;
    }
    div.download {
        width: 100%;
        position: relative;
    }




    /* コピーライト */
    div.copyright {
        text-align: right;
        position: relative;
		top: 3px;
    }

    /* 無料でダウンロード枠 */
    div#other-dl{
        margin: 0 10px;
        background: rgba(255, 255, 255, .8);
        border: 5px #c30d23 solid;
        padding: 10px 17px;
        margin-top: 20px;
        border-radius: 30px;
        text-align:center;
        z-index: 1;
        position: relative;
    }
    div#other-dl>img{
        width: 100%;
    }
    .other-dl-info{
        margin:0;
        width: 50%;
        float: left;
    }
    .other-dl-info .left_side{
        width: 60%;
        margin: 9px 0;
        float: left;
    }
    .other-dl-info .left_side img{
        width: 100%;
    }
    .other-dl-info .right_side{
        width: 40%;
        float: left;
    }
    .other-dl-info .right_side >img{
        width: 100%;
    }
}

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

    /* 背景の設定 */
    div#contents::before {
        content: "";
		margin: auto;
        background: url("../../images/special/eva9-free/background.png");
        background-size: 100%;
        position: fixed; top:0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
	
	div.sp2{
		display: none !important;
	}
	
	div.eye-catch{
		display: none !important;
	}
	
	/* 文字装飾 */
	div.text-1{
		font-size:60px;
		font-family:"sans-serif";
		font-weight:bold;
		text-align: center;
		color:#FFFFFF;
		text-shadow: 3px 3px 10px #0E56FF,
		-3px 3px 10px #0E56FF,
		3px -3px 10px #0E56FF,
		-3px -3px 10px #0E56FF;
		position: relative;
		margin-top: -10px;
		margin-bottom: 5px;
	}
	
	div.text-2 {
		font-size:30px;
		font-family:"sans-serif";
		font-weight:bold;
		text-align: center;
		color:#FF4700;
		text-shadow: 1px 1px 2px #FFFFFF,
		-1px 1px 2px #FFFFFF,
		1px -1px 2px #FFFFFF,
		-1px -1px 2px #FFFFFF;
		margin: 10px 0;
	}
	
	/* 画像位置調整 */
	div.chassis{
		margin: auto 25px;
	}
    div.chassis>a>img{
        width: 90% !important;
        margin: 0 5%;
    }

	div.info,div.info-title{
		margin: 20px auto;
	}
	
	    /* コピーライト */
    div.copyright {
        text-align: right;
        padding-bottom: 10px auto;
    }

    /* 無料でダウンロード枠 */
    div#other-dl{
        margin: 0 10px;
        background: rgba(255, 255, 255, .8);
        border: 3px #c30d23 solid;
        padding: 5px 6px;
        margin-top: 20px;
        border-radius: 10px;
        text-align:center;
        z-index: 1;
        position: relative;
    }
    div#other-dl>img{
        width: 100%;
    }
    .other-dl-info{
        margin:0;
        width: 50%;
        float: left;
    }
    .other-dl-info .left_side{
        width: 60%;
        margin: 9px 0;
        float: left;
    }
    .other-dl-info .left_side img{
        width: 100%;
    }
    .other-dl-info .right_side{
        width: 40%;
        float: left;
    }
    .other-dl-info .right_side >img{
        width: 100%;
    }

}