.bgBox{
	position: fixed;
	width: 100%;
	z-index: -1;
}
.bg{
	max-width: 640px;
	margin: 0 auto;
}
/**/
.mainBox{
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
	padding: 0 0 3%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
/**/
.eventLinkBox{
	position: relative;
	display: table;
	width: 100%;
	padding: 0 3%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 5% 0;
}
.tabLogo{
	position: absolute;
	top: -15%;
	left: 50%;
	width: 35%;
	margin-left: -20%;
}
.event{
	display: table-cell;
}

.kaisaiBox{
	margin: 3% 0;
	background: rgba(0,0,0,0.5);
	padding: 2% 5%;
}
/**/
.bnrList > li{
	text-align: right;
	list-style: none;
	padding: 0 5% 2% ;
}

.newsWrap{
	padding: 0 5%;
	text-shadow: 1px 1px 1px #ccc;
}
.newsItem{
	text-align: left;
	padding: 0 5%;
	-ms-overflow-y: scroll;
	    overflow-y: scroll;
	max-height: 100px;
	background: url(../../images/mobile/top/news_flame02.png);
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
.newsDate{
	padding-right: 5px;
	display: table-cell;
}
.newsText{
	display: table-cell;
}
.newsList{
	list-style: none;
	font-size: 1.4rem;
}
.aniBox{
	padding: 5% 0 0;
}
.aniText{
	padding-top: 2%;
}
/**/
.commingBox{
	font-size: 2rem;
	padding: 15% 0 10%;
}
.topMovieBox{
	background: rgba(0,0,0,0.5);
	padding: 5% 10%;
	margin: 3% auto;
}

/**/
.messageBox{
	padding-bottom: 5%;
}
.offeventBox{
	padding-bottom: 5%;
}
.topText{
	padding: 3% 0;
}
.topBtn{
	padding: 0 10%;
}
.snsBox{
	padding: 5% 0;
}
/**/
.movieBox{
	padding: 5%;
	background: rgba(0,0,0,0.5);
}
/**/
.movieList{
	list-style: none;
}

/**/
.dlBtnBox{
	width: 100%;
	padding: 2% 0;
	margin: 0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+20,0.5+80,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}
.dlBtnList{
	list-style: none;
}
.dlBtnList > li{
	width: 100%;
	padding: 0 20%;
}
/**/
.popBox{
	padding: 0 5%;
	text-align: left;
	margin: 	50px auto;
	max-width: 640px;	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.popTitle{
	padding-bottom: 3%;	
}
.popText{
	padding: 	5% 8%;
	margin: -8% auto -5%;
	line-height: 1.6;
	color: #000;
	text-shadow: none;
		background: 	url(../../images/mobile/top/popup_base02.png) repeat-y;
		-webkit-background-size: 	100% auto;
		     -o-background-size: 	100% auto;
		        background-size: 	100% auto;
}
.movieText{
	font-size: 1.2rem;
}
.popDirecter{
	text-align: center;
}
.btnBox{
	padding-top: 5%;
}

/**/
.iwaiBox{
	padding: 2%;
}
.commentList > li{
	width: 30%;
}
.comment,.voiceBtn{
	display: inline-block;
	margin: 2px 0;
	text-align: center;
	width: 100%;
	font-size: 1.6rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
	padding: 10px 0;
	border: 2px solid #9a0000;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	background: #a22421;
	color: #fff;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
	-webkit-box-shadow: 1px 1px 5px #222;
	        box-shadow: 1px 1px 5px #222;
}

.comment:hover,.voiceBtn:hover{
	background: #9A0000;
}
.voiceBtn a{
	color: #FFF;
}

.commentList > li{
	display: inline-block;
}

.popCmntMiddleBox{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: left;
	padding: 0 3%;
	font-size: 1.4rem;
	width: 100%;
	background: url(../../images/mobile/top/flame_sp_02.png) repeat-y;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
.cmtTitle{
	font-weight: bold;
	padding-bottom: 3%;
}
.cmtBox{
	padding-bottom: 2%;
}
.cmtTitle{
	padding:  5% 0 3%;
}