@charset "UTF-8";


.trailerBlock {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.trailerBlock iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.trailerBtn {
	margin: 10px 0;
	text-align: center;
}
.trailerBtn li {
	margin: 5px;
	font-size: 13px;
	width: 250px;
	text-align: center;
	display: inline-block;
	position: relative;
}
.trailerBtn li a {
	padding: 8px 0;
	width: 248px;
	background: #9f7eb5;
	border: solid 1px #e7dbef;
	display: inline-block;
}

.trailerBtn li.thumn a {
	color: #9f7eb5;
	background: #fff;
	border: solid 1px #e7dbef;
}

.trailerBtn li.new a {
	width: 200px;
}
.trailerBtn li.new span {
	padding: 8px 0;
	width: 48px;
	color: #fff;
	background: #e94587;
	display: inline-block;
}


@media only screen and (max-width:800px){
	.trailerBtn li {
		margin: 1%;
		width: 46%;
	}
	.trailerBtn li a {
		padding: 4% 0;
		width: auto;
		font-size: 11px;
		display: block;
	}
	
	.trailerBtn li.new a {
		width: auto;
	}
	.trailerBtn li.new span {
		padding: 1px 8px;
		width: auto;
		font-size: 0.8em;
		display: inline-block;
	}
}