html{
	margin: 0px;
	padding: 0px;

}

body{
	font-family: 'Noto Sans Japanese', serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	background-color: #000000;
	background-image: url(../images/dvd_bg_body.gif);
}


table,tr,td{

}
 


a:link{color : #003366;}
a:visited{color : #CC0000;}
a:active{color : #CC0000;}
a:hover	{
	color : #FF0000;
}




h1,h2,.nasi{
display:none;
}



#content{
	width: 1000px;
	margin: 0px auto;
	background-repeat: repeat;
	background-color: #000000;
}


#head_1{
	width: 1000px;
	margin: 0px auto;
	background-color: #000000;
	height: 612px;
}

#head_2{
	width: 1000px;
	margin: 0px auto;
	background-repeat: no-repeat;
	/*height: 602px;*/
}

.dvd_head{
	display:block;
}

.dvd_sp_head{
	display:none;
}


/*---------　映像特典　------------------*/

#tokuten{
	width: 970px;
	margin-top: 10px;
	clear: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	margin-bottom: 0px;
	color: #FFFFFF;
	padding-bottom: 22px;
	background-image:url(../images/dvd_setumei_bg.jpg);
	background-repeat:repeat-x;
	box-sizing: border-box;
	padding:15px;
}

.tokuten_pt{
	position: absolute;



}


#tokuten strong{
	color: #C96878;
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
}



#tokuten h3{
	margin-top: 8px;
	margin-bottom: 0px;
	/*margin-left: 376px;*/
	margin-left: auto;
	margin-right: auto;
	color: #00b7c3;
	padding-top: 0px;
	text-align: left;
	font-size: 28pt;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: italic;
}

#tokuten h3:not(:first-child){
	margin-top: 0;
	margin-bottom: 19px;
	padding-top: 0;
	text-align: right;
}


.tokuten_left{
	float: left;
	font-size: 13pt;
	line-height: 2em;
	margin-left: 17px;
	width: 400px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}


.tokuten_rgt{
	float: left;
	font-size: 13pt;
	line-height: 1.5em;
	color: #A40019;
	margin-left: 15px;
	margin-top: 22px;
	width: 533px;
}

.tokuten_rgt img{
margin : 1px;
}


#tokuten_midasi{
	width: 970px;
	clear: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 20pt;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #D38EBA;
	font-weight: bold;
}

.dvd_tokuten_midasi{
	width:639px;
	height: 96px;
}
	
/*---------　写真　------------------*/

.photo_box{
	width: 941px;
	margin-top: 10px;
	clear: none;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

.pt_left{
	width:456px;
	height:286px;
	float:left;
}

.pt_rgt{
	width:456px;
	height:286px;
	float:right;
}




/*---------　紹介　------------------*/


#syoukai{
	width: 1000px;
	margin-top:35px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/dvd_syoukai.jpg);
	background-repeat: no-repeat;
}

.dvd_dvd{
	width:303px;
	height:427px;
}

#bd_box h3{
	color: #C9151E;
	font-size: 24pt;
	text-align: left;
	font-family: 'Coda Caption', sans-serif;
	margin-top: -10px;
}

#dvd_box h3{
	color: #C9151E;
	font-size: 24pt;
	text-align: left;
	font-family: 'Coda Caption', sans-serif;
	margin-top: -10px;
}



#bd_box{
	width: 324px;
	height:427px;
	margin-left: 15px;
	text-align: left;
	background-color: #000000;
	float: left;
	font-size: 10pt;
	text-decoration: none;
	color: #FFFFFF;
}

#dvd_box{
	width: 645px;
	text-align: left;
	background-color: #000000;
	margin-right: 15px;
	box-sizing: border-box;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 10pt;
	color: #FFFFFF;
	float: right;
	line-height:2em;
}

#dvd_box h4{
	font-size: 26pt;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom: 1px #ffffff solid;
	padding-bottom: 15px;
	margin: 0;
	color: #ffffff;
	text-shadow: 0 0 6px rgba(255,255,255,0.8);
}

.price_num{
	width:100%;
	text-align:center;
	color:#ffeb00;
	font-size: 14pt;
	margin-top:17px;
	margin-bottom:35px;
}

.price{
	font-size: 20pt;
}


#dvd_box strong{
	color:#01868f;
}

.syoukai_txt{
	margin-top: 10px;

}

.kounyu_bnr{
	text-align: center;
}

.syoukai_BD{
	width: 438px;
	height: 225px;
}

.syoukai_DVD{
	width: 438px;
	height: 225px;
}


.kounyu_bnr img{
	margin-top: 0px;
	margin-bottom: 1px;
	margin-right: 1px;
}


.kounyu1{
	text-align: center;
	color: #FFE500;
	font-size: 17pt;
	font-weight: bold;
	margin-top: 10px;

}


.kounyu2{
	text-align: center;
	color: #FFE500;
	font-size: 17pt;
	font-weight: bold;
	margin-top: 10px;

}





/*---------　ストーリー類　------------------*/


#about_box{
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;}



#about_box h3{
	color: #FFFFFF;
	font-size: 15pt;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-top: 3px;
	margin-top: 0px;
	background-color: #000000;
	font-family: 'Coda Caption', sans-serif;
	text-align: center;
	letter-spacing: 0.7em;
}


#about_midasi{
	margin-bottom: 20px;
	text-align: center;
}

.dvd_midasi{
	display:block;
}

.dvd_sp_midasi{
	display:none;
}




/*---------ストーリー-------------*/


#story_box{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 20px;
}


#story_box h3{
	color: #FFFFFF;
	font-size: 15pt;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-top: 3px;
	margin-top: 0px;
	background-color: #000000;
	font-family: 'Coda Caption', sans-serif;
	text-align: center;
	letter-spacing: 0.7em;
	font-weight: bold;
	background-image: url(../images/waku_bg.gif);
}


#story_rgt{
	float: right;
	padding-top: 0px;
	margin-top: 5px;
	width: 518px;


}


#story_box strong{
	color: #C9151E;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}


#story_left{
	float: left;
	width: 438px;
	margin-top: 5px;
}


#story_trailer_box{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	position: relative;
}

.story_trailer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.story_pt{
	width: 438px;
	height:292px;
}

.story_br{
	display:none;	
}


/*---------キャストスタッフ-------------*/


#caststaff_box{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 20px;
}


#caststaff_box h3{
	color: #FFFFFF;
	font-size: 15pt;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-top: 3px;
	margin-top: 0px;
	background-color: #000000;
	font-family: 'Coda Caption', sans-serif;
	text-align: center;
	letter-spacing: 0.7em;
	font-weight: bold;
	background-image: url(../images/waku_bg.gif);
}


/*---------フッター上--------------*/



#chui{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9pt;
}






/*---------- フッター -----------------*/



#ftr_pt{
	width: 1000px;
	margin: 0px auto;
}

#ftr_bnr{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 0;
}


#ftr{
	width: 1000px;
	margin: 20px auto 0px auto;
	background-repeat: no-repeat;
	background-color: #00868e;
	color: #FFFFFF;
	text-align: center;
	padding-top: 7px;
	font-size: 10pt;
	padding-bottom: 7px;
}

.dvd_bnr{
	width: 532px;
	height:74px;
}


/*------- SNS ----------------*/

#top_tw{
	z-index: 500;
	position:absolute;
	margin-top: 5px;
	margin-left: 5px;
	height: 25px;
	width: 500px;
}


.fb {
	margin: -2px 1px 0px 0px;
	padding: 0px;
	width: 110px;
	display: inline;
	float: left;
} 


.tw {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 79px;
	display: inline;
	float: left;
} 

.eigacom{
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 120px;
	display: inline;
	float: left;
} 


@media screen and (max-width: 768px) {
	#content{
		width: 100%;
	}

	#head_1{
		display:none;
	}
	
	#head_2{
		width: 100%;
	}
	
	.dvd_head{
		display:none;
	}

	.dvd_sp_head{
		display:block;
		width:100%;
		height:auto;
	}

	
	.tokuten_left{
		float: none;
		font-size:12pt;
		width: 98%;
		margin-left: 0;
		padding-top:8px;
		padding-left:16px;
		box-sizing: border-box;
	}

	.tokuten_rgt{
		float: none;
		font-size:12pt;
		width: 98%;
		margin-top:5px;
		margin-left: 0;
		margin-right:auto;
		padding-left:16px;
		box-sizing: border-box;
		text-align:center;
	}
	
	#tokuten h3{
		font-size: 20pt;
		text-align: left;
		width: -webkit-calc(100% - 16px);
		width: calc(100% - 16px);
		text-align: left;
	}
	
	#tokuten h3:not(:first-child){
		text-align: left;
	}

	.tokuten_pt{
		width: 100%;
		height:auto;
	}
	
	#tokuten{
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		background-size:100% 100%;
	}

	#tokuten_midasi{
		width: 100%;
		clear: none;
	}

	.dvd_tokuten_midasi{
		width:90%;
		height: auto;
	}
	
	/*---------　写真　------------------*/
	
	.photo_box{
		width: 100%;
		margin-top: 10px;
		clear: none;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
	.pt_left{
		width:95%;
		height:auto;
		float:none;
	}
	
	.pt_rgt{
		width:95%;
		height:auto;
		float:none;
	}



	
	#syoukai{
		width: 100%;
		overflow: auto;
		padding: 0 5px;
		box-sizing: border-box;
	}

	#bd_box{
		text-align:center;
	}

	#dvd_box{
		width: 100%;
		box-sizing: border-box;
		padding:15px;
	}

	.syoukai_txt {
		margin-top: 10px;
	}
	
	#bd_box{
		width: 100%;
		margin-left:0px;
		-moz-background-size:100% auto;
		background-size:96% auto;
		background-position: center 8px;
		box-sizing: border-box;
	}


	#dvd_box{
		width: 100%;
		margin-top:20px;
		margin-right:0px;
		-moz-background-size:100% auto;
		background-size:96% auto;
		background-position: center 8px;
		box-sizing: border-box;
	}

	#dvd_box h4{
		text-align:center;
		font-size: 20pt;
	}
	
	#dvd_box em{}

	.syoukai_BD{
		width:98%;
		height:auto;
	}

	.syoukai_DVD{
		width:98%;
		height:auto;
	}



	#about_box{
		width: 100%;
	}
	

	.dvd_midasi{
		display:none;
	}

	.dvd_sp_midasi{
		display:block;
		width:100%;
		height:auto;
	}

	#about_left{
		width: 100%;
		float:none;
	}

	#about_rgt{
		width: 100%;
		float:none;
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
	}

	#about_box h3:not(:first-child){
		margin-left:10px;
		margin-right:10px;
	}

	#about_box p:not(:first-child){
		margin-left:10px;
		margin-right:10px;
	}


	.dvd_bnr{
		width: 96%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}

	.dvd_ftr_pt{
		width: 100%;
		height:auto;
	}

	#chui{
		width: 100%;
	}

	#top_tw{
		width:100%;
	}


	#ftr_bnr{
		width: 100%;
	}

	#ftr{
		width: 100%;
	}
	
	
	#ftr_bnr img{
		margin:2px;
	}

	
}