@charset "utf-8";

.det_top{
	margin:30px auto;
}
.title_name{
	font-size:1.8em;
	font-weight:bold;
	margin:20px 0;
	border-bottom:solid 2px #E3027C;
}
@media (max-width:640px){
	.det_top{
		margin:20px auto;
	}
	.title_name{
		font-size:1.1em;
	}
}
.det_top .jacket{
	float:left;
	width:25%;
	text-align:center;
	margin-bottom:20px;
}
@media (max-width:640px){
	.det_top .jacket{
		max-width:216px;
		float:none;
		width:auto;
		padding:0;
		margin:0 auto 20px;
	}
}

.det_top .jacket a{
}
.det_top .jacket a img{
	display:inline-block;
}
.det_top .jacket a p{
	display: inline-block;
	font-weight: bold;
	font-size: 0.8em;
}

.det_top .dt_center{
	float:left;
	width:50%;
	margin-bottom:30px;
}
@media (max-width:640px){
	.det_top .dt_center{
		float:none;
		width:auto;
		padding:0;
	}
}


.det_top .dt_center .outline{
	margin-bottom:20px;
	padding-left:5px;
}
.det_top .dt_center .series_genre{
	width:90%;
	margin:0 auto 20px;
}
@media (max-width:640px){
	.det_top .dt_center .outline{
		padding-left:0;
	}
	.det_top .dt_center .series_genre{
		width:auto;
	}
}

.det_top .dt_center .series_genre dt{float:left;clear:both;width: 6em;text-align:right;}
.det_top .dt_center .series_genre dt:after{content:"："}
.det_top .dt_center .series_genre dd{margin-left:6em;}
@media (max-width:640px){
.det_top .dt_center .series_genre dt{white-space:nowrap;}
}
.det_top .dt_center .detail_data{
	width:80%;
	margin:0 auto 10px;
	text-align:center;
}
.det_top .dt_center .detail_data li{
	text-align:left;
	display:inline-block;
	margin-right:0.5em;
}

.btn_buy a{
	display:inline-block;
	background-color:#fff;
	color:#f80;
	border:solid 2px #f80;
	border-radius:50px;
	text-align:center;
	padding:5px 2em;
	font-weight:bold;
	font-size:1.2em;
}
@media (max-width:640px){
	.btn_buy a{
		font-size:1.1em;
	}
}
.btn_buy a:hover{
	background-color:#f80;
	color:#fff;
	box-shadow: 0 0 4px #ccc;
}
.btn_buy a:active{
	background-color:#fa3;
	color:#fff;
	box-shadow:none;
}

.det_top .dt_center .btn_buy,
.bottom_btn .btn_buy{
	text-align:center;
}

.det_top .dt_right{
	float:left;
	width:23%;
	padding:0 1%;
}
@media (max-width:640px){
	.det_top .dt_right{
		float:none;
		width:auto;
		padding:0;
	}
}

.det_top .dt_right .detail_data dt{float:left;clear:both;width: 6em;text-align:right;}
.det_top .dt_right .detail_data dt:after{content:"："}
.det_top .dt_right .detail_data dd{margin-left:6em;word-break:break-all;}


.det_top .dt_right .btn_wish{
	margin:15px 0;
	text-align:center;
}
.det_top .dt_right .btn_wish a{
	display:inline-block;
	background-color:#fff;
	color:#3c3;
	border:solid 2px #3c3;
	border-radius:50px;
	text-align:center;
	padding:3px 1em;
	font-weight:bold;
}
@media (max-width:640px){
.det_top .dt_right .btn_wish a{
	}
}
.det_top .dt_right .btn_wish a:hover{
	background-color:#3c3;
	color:#fff;
	box-shadow: 0 0 4px #ccc;
}
.det_top .dt_right .btn_wish a:active{
	background-color:#3e3;
	color:#fff;
	box-shadow:none;
}

.sample_movie{
	text-align:center;
	margin-bottom:40px;
	line-height:1;
}
.sample_movie li{
	margin: 0 0 4px;
}
.sample_movie a{
	display:inline-block;
	background-color:#c33;
	color:#fff;
	border-radius:5px;
	text-align:center;
	padding:10px 2em 10px 2.5em;
	font-weight:bold;
	font-size: 1.2em;
	position:relative;
}

.sample_movie a:before{
	content:"";
	display:block;
	position:absolute;
	top:11px;
	left:17px;
	width:0;
	height:0;
	border-top: 16px solid #fff;
	border-right: 8px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 8px solid transparent;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
@media (max-width:640px){
	.sample_movie a:before{
		top:12px;
		width:0;
		height:0;
		border-top: 12px solid #fff;
		border-right: 6px solid transparent;
		border-bottom: 0 solid transparent;
		border-left: 6px solid transparent;
	}
}











@media (max-width:640px){
.sample_movie a{
		font-size: 1.1em;
	}
}
.sample_movie a:hover{
	background-color:#e33;
	color:#fff;
	box-shadow: 0 0 4px #333;
}
.sample_movie a:active{
	background-color:#a33;
	color:#fff;
	box-shadow:none;
}






.sample_image{
	text-align:center;
	margin-bottom:20px;
	line-height:1;
}
.sample_image li,
.sample_image li a{
	width:144px;
	height:80px;
}
.sample_image li{
	display:inline-block;
	margin:0 0 4px;
}
.sample_image li a{
	display:block;
	text-indent:100%;
	overflow:hidden;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
	background-repeat:no-repeat;
}
@media (max-width:640px){
	.sample_image li a,
	.sample_image li{
		width:72px;
		height:40px;
	}
	.sample_image li a{
		background-size:360px 240px;
	}
}

.sample_image li a:hover{
	opacity:0.8;
}

.sample_image li.si01 a{background-position:0 0;}
.sample_image li.si02 a{background-position:-144px 0;}
.sample_image li.si03 a{background-position:-288px 0;}
.sample_image li.si04 a{background-position:-432px 0;}
.sample_image li.si05 a{background-position:-576px 0;}
.sample_image li.si06 a{background-position:0 -80px;}
.sample_image li.si07 a{background-position:-144px -80px;}
.sample_image li.si08 a{background-position:-288px -80px;}
.sample_image li.si09 a{background-position:-432px -80px;}
.sample_image li.si10 a{background-position:-576px -80px;}
.sample_image li.si11 a{background-position:0 -160px;}
.sample_image li.si12 a{background-position:-144px -160px;}
.sample_image li.si13 a{background-position:-288px -160px;}
.sample_image li.si14 a{background-position:-432px -160px;}
.sample_image li.si15 a{background-position:-576px -160px;}
.sample_image li.si16 a{background-position:0 -240px;}
.sample_image li.si17 a{background-position:-144px -240px;}
.sample_image li.si18 a{background-position:-288px -240px;}
.sample_image li.si19 a{background-position:-432px -240px;}
.sample_image li.si20 a{background-position:-576px -240px;}
.sample_image li.si21 a{background-position:0 -320px;}
.sample_image li.si22 a{background-position:-144px -320px;}
.sample_image li.si23 a{background-position:-288px -320px;}
.sample_image li.si24 a{background-position:-432px -320px;}
.sample_image li.si25 a{background-position:-576px -320px;}
.sample_image li.si26 a{background-position:0 -400px;}
.sample_image li.si27 a{background-position:-144px -400px;}
.sample_image li.si28 a{background-position:-288px -400px;}
.sample_image li.si29 a{background-position:-432px -400px;}
.sample_image li.si30 a{background-position:-576px -400px;}

@media (max-width:640px){
.sample_image li.si01 a{background-position:0 0;}
.sample_image li.si02 a{background-position:-72px 0;}
.sample_image li.si03 a{background-position:-144px 0;}
.sample_image li.si04 a{background-position:-216px 0;}
.sample_image li.si05 a{background-position:-288px 0;}
.sample_image li.si06 a{background-position:0 -40px;}
.sample_image li.si07 a{background-position:-72px -40px;}
.sample_image li.si08 a{background-position:-144px -40px;}
.sample_image li.si09 a{background-position:-216px -40px;}
.sample_image li.si10 a{background-position:-288px -40px;}
.sample_image li.si11 a{background-position:0 -80px;}
.sample_image li.si12 a{background-position:-72px -80px;}
.sample_image li.si13 a{background-position:-144px -80px;}
.sample_image li.si14 a{background-position:-216px -80px;}
.sample_image li.si15 a{background-position:-288px -80px;}
.sample_image li.si16 a{background-position:0 -120px;}
.sample_image li.si17 a{background-position:-72px -120px;}
.sample_image li.si18 a{background-position:-144px -120px;}
.sample_image li.si19 a{background-position:-216px -120px;}
.sample_image li.si20 a{background-position:-288px -120px;}
.sample_image li.si21 a{background-position:0 -160px;}
.sample_image li.si22 a{background-position:-72px -160px;}
.sample_image li.si23 a{background-position:-144px -160px;}
.sample_image li.si24 a{background-position:-216px -160px;}
.sample_image li.si25 a{background-position:-288px -160px;}
.sample_image li.si26 a{background-position:0 -200px;}
.sample_image li.si27 a{background-position:-72px -200px;}
.sample_image li.si28 a{background-position:-144px -200px;}
.sample_image li.si29 a{background-position:-216px -200px;}
.sample_image li.si30 a{background-position:-288px -200px;}

}

.bottom_btn{
	margin-bottom:30px;
}
.bottom_btn .btn_buy{
	padding-bottom:24px;
	border-bottom:solid 2px #E3027C;
	margin-bottom:24px;
}
.bottom_btn .btn_pn{
	margin-bottom:40px;
}
.bottom_btn .btn_pn li{
	width:50%;
}
.bottom_btn .btn_pn li.prev{
	float:left;
	text-align:left;
}
.bottom_btn .btn_pn li.next{
	float:right;
	text-align:right;
}
.bottom_btn .btn_pn li a{
	display:inline-block;
	text-align:center;
	background-color:#fff;
	color:#E3027C;
	border:solid 2px #E3027C;
	border-radius:50px;
	padding:5px 2em;
	font-weight:bold;
	font-size:1.2em;
	position:relative;
}
@media (max-width:640px){
	.bottom_btn .btn_pn li a{
		font-size:0.8em;
		padding:5px 1.5em;
	}
}
.bottom_btn .btn_pn li a:hover{
	background-color:#E3027C;
	color:#fff;
	box-shadow: 0 0 4px #ccc;
}
.bottom_btn .btn_pn li a:active{
	background-color:#f3a;
	color:#fff;
	box-shadow:none;
}

.bottom_btn .btn_pn li a:before{
	content:"";
	display:block;
	position:absolute;
	top:13px;
	width:10px;
	height:10px;
	border-top:3px solid #E3027C;
	border-right:3px solid #E3027C;
}
@media (max-width:640px){
	.bottom_btn .btn_pn li a:before{
		top:10px;
		width:5px;
		height:5px;
		border-top:2px solid #E3027C;
		border-right:2px solid #E3027C;
	}
}

.bottom_btn .btn_pn li a:hover:before,
.bottom_btn .btn_pn li a:active:before{
	border-color:#fff;
}

.bottom_btn .btn_pn li.prev a:before{
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	left:17px;
}

.bottom_btn .btn_pn li.next a:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right:17px;
}

@media (max-width:640px){
	.bottom_btn .btn_pn li.prev a:before{
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		left:10px;
	}

	.bottom_btn .btn_pn li.next a:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right:10px;
	}

}


.recomend{
	margin-bottom:40px;
}
.recomend ul{}
.recomend ul li{
	width:18%;
	padding:0 1%;
	float:left;
	text-align:center;
}
.recomend ul li a{
	
}
.recomend ul li a img{
	display:inline-block;
}
.recomend ul li a p{
	display:inline-block;
	text-align:left;
	font-size:0.8em;
}









.sec_ttl{
	border-left:solid 10px #e3027c;
	font-size:1.5em;
	padding:5px 0 5px 10px;
	margin-bottom:30px;
	font-weight:bold;
}
@media (max-width:640px){
	.sec_ttl{
		font-size:1em;
		margin-bottom:20px;
	}
}









/*================================
			samplemovie
================================*/


.samplemovie video{
	max-width:576px;
	width:100%;
	height:auto;
	box-shadow: 0 0 4px #333;
	display:block;
	margin:20px auto;
}
.samplemovie .btn_detback{
	text-align:center;
	margin:40px auto 80px;
}

.samplemovie .btn_detback a{
	display:inline-block;
	text-align:center;
	background-color:#fff;
	color:#666;
	border:solid 2px #666;
	border-radius:50px;
	padding:5px 2em;
	font-weight:bold;
	font-size:1.2em;
	position:relative;
}
@media (max-width:640px){
	.samplemovie .btn_detback a{
		font-size:1em;
		padding:5px 1.5em;
	}
}
.samplemovie .btn_detback a:hover{
	background-color:#666;
	color:#fff;
	box-shadow: 0 0 4px #ccc;
}
.samplemovie .btn_detback a:active{
	background-color:#999;
	color:#fff;
	box-shadow:none;
}