/*=================================================
 * CSS for PC
 * ================================================= */

#left{	padding: 0;}


/** movie **/

.sdm{
	font-size: 0;
	line-height: 0;
	text-align: left;
	padding: 0 5px;
}

.mv{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 2 - 20px);
	margin: 0 10px 20px 10px;
}

.mv_main{
	text-align: center;
	background: #000;
}

.mv_main video{
	width: 100%;
	height: 330px;
}

.mv_info{
	position: relative;
	text-align: left;
	margin: 0 0 0 0;
	padding: 10px;
}

.mv_info .mtitle{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 3px 2px;
}

.mv_info .mtitle .mi{	margin: 2px 10px 0 2px;}

.mv_info .mtitle span{
	display: inline-block;
	vertical-align: middle;
}

.mv_info .mcate{
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 0;
}

.mv_info .mname_shop{
	font-size: 0;
	line-height: 0;
	margin: 0 0 3px 0;
}
.mv_info .mname_shop p a{
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
	width: auto;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.mv_info .mname_shop .tx_3{	font-size: 14px;}
.mv_info .mname_shop .shop{	font-size: 13px;}

.mv_info .illbt{
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	padding: 0 2px;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	right: 10px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.mv_info .illbt:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/** mvlist **/

.mvlist{	margin: 0 0 10px 0;}
.mvlist_in{	padding-left: 10px;}



.next{	padding-top: 10px;}


/*=================================================
 * CSS for SP
 * ================================================= */

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

	.sdm{
		padding: 0 10px;
	}
	.mv{
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}



	.next{	padding-top: 10px;}
}