a2:link{color:black;}
a2:visited{color:black;}
a2:hover{color:#ff8cff;}
a2:active{color:#ff8cff;}

#sp{
	position:relative;
	margin-top:75px;
}

.category{
	width:97%;
	background-color:#FFD5EC;
	font-size:18px;
	vertical-align: middle;
	padding-left:3%;
	line-height: 30px;
}

.text{
	margin-left:15px;
	font-size:4;
}

.movie_wrapper{
	width:640px;
	margin:0 auto;
}

@media only screen and (max-width:767px){
	#sp{
		margin-top:20px;
	}
	.text{
		margin-left:0px;
	}
	.movie{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.movie_wrapper{
		position:relative;
		width: 95%;
		padding: calc(360 / 640 * 100%) 0 0;/* topを0、bottomをcalc()としてもOK */
	}
}