@charset "UTF-8";

/*CSSリセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSSリセットここまで */

/* 魔人独自 */
#bgmagin{
	background: url(../img/bg_magin.png) no-repeat center top;
}

#bgmaginbottom{
	background: url(../img/bg_grd_bottom.png);
	height: 137px;
	margin-top: -117px;
}

.sdw{box-shadow: 0 0 5px #666;}

/* productカスタム */
#productdetail img{border: none;}
#productdetail h1,h2{margin: 0 0 10px 0; padding: 0; text-align: left; color: #ff4a97;}
#productdetail h1{
	font-size: 18px;
	color: #ff4a97;
}
#productdetail h2{
	font-size: 16px;
}
#productdetail .migiyose{text-align: right;}
/* 右コーナー 500pxまで対応*/
#productdetail .contents-left{
	width: 520px;
	padding: 9px;
	float: left;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius:10px;box-shadow: 0px 0px 7px #999;
}
/* 左コーナー枠は220pxまで対応 */
#productdetail .contents-right{
	width: 220px;
	margin-right: 20px;
	padding: 9px;
	float: left;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius:10px;box-shadow: 0px 0px 7px #999;
}
#productdetail .kugiri{border-top: dashed 1px #CCC; padding-top: 10px;}
#majin-navi{
	margin: 10px 0;
	text-align: left;
	color: #333;
	font-size: 12px;
}
#majin-navi a{color: #ff4a97;}
#productdetail a img:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.pkg .pkg-omote{
	text-align: center;
	margin-right: 10px;
	width: 250px;
	float: left;
}
.pkg .pkg-ura{
	text-align: center;
	width: 250px;
	float: left;
}
.hukudai{font-size: 12px; color: #333333;}

.centerlayout{text-align: center;}

#protitle img{border-radius:20px;box-shadow: 0px 0px 7px #666;}

/* 魔人独自ここまで */



/* 基本構成 */
body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;;
	font-size: 12px;
	line-height: 1.3em;
	color: #666;
	background: url(../img/bg_grd.png) repeat-x;
	background-size: contain;
	background-color: #FFF;
}

a{
	text-decoration: none;
	color: #fc669f;
}

h1{
	font-size: 16px;
	margin-bottom: 0.5em;
}

#brandbar{
	height: 5px;
	background-color: #333333;
	margin-bottom: 10px;
}

#maincontents{
	width: 954px;
	margin: 0 auto;
}
#leftcontents{
	width: 100px;
	margin-right: 15px;
	float: left;
}

#centercontents{
	width: 650px;
	margin-right: 15px;
	float: left;
}

#rightcontents{
	width: 174px;
	float: left;
}

#footer{
	clear: both;
	margin: 10px 0;
	color: #666;
	text-align: center;
	font-size: 10px;
	line-height: 1.2em;
	font-weight: bold;
}

#brandlogo{
	margin-bottom: 10px;
	box-shadow: 0 0 5px #666;
}

#productlist{
	background-color: #373636;
	box-shadow: 0 0 5px #666;
	border-radius:10px;
	padding: 10px 3px;
	background: #555 url(../img/bg_subcontents.png) repeat-x;
	background-size: contain;
}

.productlisttitle{
	text-align: center;
	color: #FFF;
	font-size: 14px;
	margin-bottom: 3px;
}

#lineup, #lineupporore{
	text-align: center;
	font-size: 10px;
}

#lineup a, #lineupporore a{
	color: #fc669f;
}

#lineup li, #lineupporore li{
	background-color: #eee;
	margin-bottom: 2px;
	border-radius: 5px;
}

#menubar{
	background-image:url(../img/menubar_base.png);
	height: 30px;
	margin-bottom: 10px;
	box-shadow: 0 0 5px #666;
	border-radius: 10px;
}

#menubar .buttonlist{
	padding-left: 72px;
}

#menubar .buttonlist li{float: left;}

#a1clogo{
	position:relative;
	text-align: center;
	margin-bottom: -23px;
	z-index: 2;
}

#common{
	position:relative;
	z-index: 1;
	
	border: #b4b4b4 solid 1px;
	border-radius: 10px;
	box-shadow: 0 0 5px #999 inset;
	background-color: #FFF;
	
	padding: 27px 13px 13px 13px;
}

#common .whatnew, #common .information{
	padding: 5px;
	
	font-size: 10px;
	line-height: 1.2em;
}

#common .gotohistory{
	text-align: right;
	margin-top: 5px;
}

#common .gotohistory a{
}

#common .anime, #common .game{
	margin: 5px 0 0 0;
}

#common .anime img, #common .game img{
	display: block;
	margin-bottom: 5px;
}

#common .anime{margin-bottom: 15px;}

.kadomaru{
	border-radius: 15px;
}

.fade{}

/* 基本構成ここまで */

/* トップページ */

.mainvisual{
	margin-bottom: 15px;
}

#subcontents{
	height: 385px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	padding: 10px 10px;
	background: #555 url(../img/bg_subcontents.png) repeat-x;
	background-size: contain;
	box-shadow: 0 0 5px #666;
}

.newrelease, .lineup{
	margin: 5px 0 10px 0;
}

#historycontents{
	height: 859px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #EEE;
	padding: 20px;
	box-shadow: 0 0 5px #666;
}

#historycontents p{
	margin-bottom: 10px;
}

/* トップページここまで */

/* Product */

#productlistbanner{
	height: 859px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #EEE;
	padding: 10px 10px;
	box-shadow: 0 0 5px #666;
}

#productlistbanner .product li{
	margin-bottom: 10px;
}

#productlistbanner .product li img{
	border-radius: 10px;
}

.product{
	margin: 5px 0 10px 0;
}

/* Productここまで */

/* 作品詳細ページ */

#productdetail{
	margin-bottom: 5px;
	border-radius: 15px;
	background-color: #FFF;
	padding: 20px;
	font-size: 14px;
	line-height: 1.5em;
	box-shadow: 0 0 5px #666;
}

#poroph h1{
	color: #fb34ae;
}

#porotokuten{
	margin: 20px 0;
	text-align: center;
}

#porotokuten li{
	display: inline;
}

/* 作品詳細ページここまで */

/* Help */
#helpform{
	height: 859px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #EEE;
	padding: 20px;
	box-shadow: 0 0 5px #666;
}

#helpform .section{
	margin-bottom: 10px;
}

#helpform .hanbai{
	margin-top: 15px;
}

/* Helpここまで */

/* リンクここから */

#linkcontents{
	height: 859px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #EEE;
	padding: 20px;
	box-shadow: 0 0 5px #666;
}

#linkcontents li{
	display: block;
	float: left;
	
	margin: 0 1px 10px 1px;
}

#linkcontents .section{
	margin-bottom: 10px;
}

#linkcontents .info{
	background-color: #FFF;
	border-radius:10px;
	padding: 10px;
	
	text-align:center;
}

#linkcontents .attension{
	font-size: 14px;
	font-weight:bold;
	line-height: 1.5em;
}

/* リンクここまで */


/* trailerここから */
#trailer .body{
	color: #333333;
	margin-bottom: 0.5em;
}

#trailer td{
	vertical-align: middle;
}

#contenttrail{
	clear: both;
	padding: 0;
	margin: 115px auto 0 auto;
	width: 550px;
	border-top: 20px solid #333333;
	border-bottom: 20px solid #333333;
	border-right: none;
	border-left: none;
	color: #999999;
	background-color: #ffffff;
	}

#trailermov{
	margin:0 auto 15px;
	padding:0;
	width:480px;
	text-align:center;
	}
#trailermov2{
	margin:0 auto 15px;
	padding:0;
	width:320px;
	text-align:center;
	}	

#trailer h1{
	font-size:12px;
	text-align:center;
	color:#ff00cc;
	}
#trailermov h5{
	font-size:10px;
	color:#ff0000;
	}
#contenttrail ul{
	padding:0;
	margin:0;
	}

#toptrail{
	margin: 0 auto;
	padding: 0;
	}
#toptrail #inner-content{
	list-style: none;
	margin: 0;
	padding: 5px;
	}
#trailer td.details {padding: 2px 0 0 15px;}


#trailer .details h4 {font-size: 14px; margin: 0 0 3px 0;color:#ffcc00;}

#toptrail #inner-content p{
	font-size:11px;
	}
#toptrail #inner-content p.txt_right{
	font-size:11px;
	color:#ff0000;
	}

	
#toptrail #inner-content table.layout{
	font-size:12px;
	}
#toptrail #inner-content table.layout td.art{
	margin:0;
	padding:0 0 0 5px;
	}
#trailer .rule
	{border-top: 1px solid #c4c6c7; margin: 10px 0;}




#toptrail ul#growordbox li{
	padding:0;
	background:#000000;
	}

#toptrail ul#growordbox li#mainph{
	padding:0;
	margin:0;
	width:200px;
	height:450px;
	display:block;
	float:left;
	}

#trailer span.size10{
	font-size: 14pt;
	color: #333333;
	line-height: 1.2em;
	}
#trailer span.subtitle{
	font-size:10pt;
	
	}
#trailer .head{
	font-size:8pt;
	color:#666666;
	}

#toptrail #inner-content a {text-decoration:none; color:#ff00cc;}
#toptrail #inner-content a:visited{color:#ffcc00;}
#toptrail #inner-content a:hover{color:#999999;}

#subpr.cleared:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#trailer .cleared{display:inline-block;}

#subpr #detaile2 #spec dl.bun{
	margin:15px 10px 0 0;
	padding:0:
	float:right;
	color:#999999;
	}
/* trailerここまで */


/* ギャラリー設定 */
#galleria{
width: 610px;
height:450px;
margin-bottom: 30px;
}

#galleria .galleria-info-text{
color: #ff4a97;
font-size: 12px;
}

.galleria-image img{
	border-radius: 15px;
}

span.cvtext.chara01 font{
	font-size:17px;
}

.staff td{
	padding: 5px;
	border: solid 1px #CCC;
}

table .subtitle{
	text-align: center;
	background-color: #efefef;
}

/* limited版 */

.sengen{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	color: #6633FF;
}

.attenciontext{
	color: #FF00FF;
}

.container{margin-bottom: 15px;}

.pckbox{
	width: 175px;
	float: left;
	margin: 0 10px;

	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
}
.pckbox img{border: solid 1px #e1e1e1 !important;}

.staff td{
	padding: 5px;
	border: solid 1px #333;
}

table .subtitle{
	text-align: center;
	background-color: #efefef;
}

.to-top{text-align: right;}

.tokuten{
	width: 500px; margin: 0 auto; padding: 20px 18px; border: 1px solid #CCC; font-weight: bold;
}

/* submenu */

.fadefix :hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* 201310new */

.charasam{padding-left: 15px;}
.charasam a{
	display: block;
	width: 130px;
	height: 130px;
	float: left;
	margin: 7px;
}

.teleca{
	width: 175px;
	float: left;
	margin: 0 10px;

	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
}
.teleca img{}


/* 特典 */

.dvdextitle{
	color: #333333;
	font-weight: bold;
	font-size: 16px;
}

.dvdexnal{
	color: #4A0007;
}

.dvdexsubtitle{
	color: #FF0000;
}

.dvdexchara1{
	color: #BB6B49;
}

.dvdexnext{
	color: #6600FF;
	text-align: right;
}

.dvdexcontents{
	width: 490px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 20px;
	box-shadow: 0 0 5px #CCC;
}


/* sam still 20131029 */

#still-content {  
	margin: 0 auto;
}
#still-content .grid {
	margin: 0 1px 1px 0;
}
.grid img:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

.medium-text{font-size: 16px;}

.information h1{
	font-size: 12px;
	font-weight: normal;
}

.information h2{
	font-size: 10px;
	border-top: dashed 1px #CCC;
	padding-top: 5px;
	margin-top: 5px;
}


/* kakosaku */
.caution{
	font-size: 12px;
	border: solid 1px #CCC;
	padding: 3px 10px;
	margin: 0 10px;
	border-radius: 5px;
}

.caution a{font-weight: bold;}

/* 黒獣DVDBOX */
.charasam_box{margin-left: 20px;}
.charasam_box a{
	display: block;
	width: 104px;
	height: 230px;
	float: left;
	margin: 5px;
}

/* 黒獣5巻_20180806 */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}