@charset "UTF-8";


/* -------- top --------  */
#topWrapper{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	color:#fff;
	background: url("../img/home/mainvisual.png") center top no-repeat;
	background-size:100%;
}

#topWrapper img{
	display:block;
	width:100%;
}

.topBDbnr{
	display:block;
	margin: 0 auto 16px auto;
	width:96%;
}

/* -------- newsArea --------  */
.homeNewsBox{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 0 3% 0;
	position:relative;
	background: #a60000 url("../img/home/bg_newsbox.png") center top repeat-y;
	background-size:100% auto;
}

.newsHead{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
.newsHead h3{
	display:block;
	width:70%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.newsHead p{
	display:block;
	width:30%;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

.homeNewsBox__inner{
	clear:both;
	display:block;
	width:95%;
	height:auto;
	margin: 0 auto;
	padding:2%;
	background: rgba(0,0,0,0.8);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position:relative;
}


#headline{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:10px;
	padding:6px;
	position:relative;
	font-weight:bolder;
	text-align:left;
}

#headline .date {
	display:block;
	font-size:0.9em;
	padding-top:8px;
	line-height:1.2em;
	color: #ff7a29;
}

#headline .topics0 {
	text-align:left;
	padding-bottom:15px;
	border:0;
}

#headline .topics1 {
	text-align:left;
	border:0;
}

#headline .topics2, .topics3, .topics4 {
	display:none;
}
	
#headline a {
	font-size:0.9em;
	line-height:1.2em;
}

#headline a:link, #headline a:visited {
	color: #fff;
	text-decoration: none;
}
	
#headline a:active, #headline a:hover {
	color: #ffd220;
	text-decoration:underline;
}

#headline .tadashigaki{
	font-size:96%;
	line-height:1.5em;
	color: #F0F0E0;
}



/* credit--------------------------------*/
#credit{
	clear:both;
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

#credit img{
	width:100%;
}

/* -------- share button(footer) --------  */
ul.shareBox{
	display:block;
	width:306px;
	height:auto;
	margin:0 auto 30px auto;
	padding:10px 0 20px 0;
	text-align: center;
	position:relative;
}

.shareBox li{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	margin:0 3px;
	padding:0;
	text-align: center;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}


/* -------- banner --------  */

div.bannerBox{
	display:block;
	width:80%;
	max-width:640px;
	height:auto;
	margin:3% auto;
	padding:0;
	text-align: center;
	position:relative;
}

.dvdbnr{
	display:block;
	width:auto;
	max-width:640px;
	margin:20px auto 15px auto;
}


.bannerBox ul{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:25px 0 5px 0;
	text-align: left;
	position:relative;
}

.bannerBox .center{
	text-align:center;
}


.bannerBox li{
	display:inline-block;
	width:48%;
	margin:0 0 8px 4px;
	padding:0;
	text-align: center;
}

@media screen and (max-width: 480px) {
	.bannerBox ul{
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:20px 0 5px 0;
		text-align:center;
		position:relative;
	}	

	.bannerBox li{
		display:block;
		width:96%;
		margin:0 auto 8px auto;
		padding:0;
		text-align: center;
	}
}

.bannerBox ul img{
	display:block;
	width:100%;
	margin:0;
}

.dotBox{
	display:block;
	width:100%;
	background:url("../img/home/bg_dot.png") center top no-repeat;
	background-size:100%;
	padding-bottom: 50px;
}

/* movie--------------------------------*/
#movieArea{
	display:block;
	width:96%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:url("../img/home/moviebox2.png") center bottom no-repeat;
	background-size:100%;
}

#movieInner{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:2% 0.85% 2% 0.85%;
	background:url("../img/home/moviebox1.png") center top no-repeat;
	background-size:100%;
}


#trailer{
	display:block;
	width:96%;
	height:auto;
	margin:0 auto;
	padding:0 0 2% 0;
	background:transparent;
	text-align:center;
	position:relative;
	border-bottom:2px solid #c10000;
}


#player{
	width:100%;
	margin:0 auto;
    position:relative;
    padding-bottom: 56.25%;
    padding-top:10px;
    height:0;
    overflow:hidden;
}

#player iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#movieArea ul.nav{
	display:block;
	width:100%;
	height:auto;
	margin:1% auto;
	padding:0 0 20px 0;
	text-align:center;
	position:relative;
}

#movieArea ul.nav li{
	display:inline-block;
	width:30%;
	height:auto;
	margin:0 2px 10px 2px ;
	padding:0;
	text-align:center;
	vertical-align: middle !important;
	font-weight: 700;
	font-size: 0.84em;
	position:relative;
}

#movieArea ul.nav li.mvBtn_lge{
	width:90.78%;
	line-height:1.2em;
}

#movieArea ul.nav li.mvBtn_mdl{
	width:45.5%;
}

#movieArea ul.nav li a{
	width:100%;
	height:100%;
	display: block;
	padding:4px 2px;
	background-color:#98242d;
	cursor: pointer;
	color:#fff;
	text-decoration: none;
	border: 1px solid #98242d;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.mvBtn_lge　a{
	width:100%;
	height:100%;
	display: block;
	padding:0 2px;
	background-color:#98242d;
	cursor: pointer;
	color:#fff;
	text-decoration: none;
	border: 1px solid #98242d;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#movieArea ul.nav li a:hover{
	background-color:#ff6e27;
	text-decoration: none;
	border: 1px solid #a0a0a0;
}

#movieArea ul.nav li.active a{
	cursor: default;
	background:#ff0000 url("../../img/common/movie_active.png") right top no-repeat;
	background-size: auto 100%;
	text-decoration: none;
	border: 1px solid #ff0000;
}


#movieArea ul.nav span.new{
	background: #000;
	padding:3px;
	margin-left:5px;
	font-size:0.72em;
	font-weight:700;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

span.fz13{font-size:0.8em;}


.billing{
	// display:block;
	// width:100%;
	// background:url("../img/home/billing.png") center top no-repeat;
	// background-size:100%;
}


/* -------- topBannerBox　（※トップページNEWS上バナー配置） --------  */

.topBannerBox{
	display:block;
	width:96%;
	height: auto;
	margin: -10px auto 0 auto;
	padding: 0 0 5% 0;
}

.topBannerBox li{padding-bottom:2%;}

.topBannerBox img{width:100%;}




.magazineCover{
	display: none;
	content:"";
	min-height: 2000px;
	/*--　background-color: #555;  -- */
	background-color: rgba(50,50,50,0.96); /* fadeの背景色 */
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	right:0;
	z-index: 101;
}
.magazineCover.is_magazine{
	display: block;
}

.magazineWrap{
	display: none;
	width: 320px;
	height: 503px;
	position: fixed;
	z-index: 102;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	overflow: hidden;
	padding: 10px;
}
.magazineWrap .close{
	position: absolute;
	z-index: 102;
	top:0;
	right:10px;
	margin: auto;
	color:#fff;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	cursor:pointer;
}
#magazine{
	margin-top: 30px;
	width: 100%;
}
#magazine>div{
	background-size: 100%;
	width: 300px;
	height: 423px;
	overflow: hidden;
}
.magazineTxt{
	position: absolute;
	bottom:0;
	left:10px;
	z-index: 2;
	margin: auto;
	color:#fff;
	font-size: 12px;
	line-height: 1.4;
}