html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #000;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 14px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: underline;
}

nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #000000;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 10px;
}
.content
{
	padding: 150px 50px 50px 50px;
}





.rdcube{font-weight:bold;}
#wrapperp{
color:#ffffff;
}

/* trailer */
.trailerblock{width:300px;height:166px;margin:0;}
.trailericn {width: 300px;height:auto;}
.trailericn .moviePlay {position: absolute;top: 50px;left: 120px;color: #ffffff;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.trailericn .img {position: relative;overflow: hidden;margin: 0;padding:0;}
.trailericn a:hover {position: relative;top:0px;left: 0px;}
.trailericn a:hover .moviePlay {filter: alpha(opacity=90);-moz-opacity:0.98;opacity:0.98;position: absolute;top:-105px;left: 120px;}

.infolist{
margin:0 auto;
text-align:center;
}

.infolist ul{
list-style-type:none;
margin:5px;padding:5px;
overflow:hidden;
}

.infolist li{
display:inline-block;
margin:4px;
padding:6px 8px;
border:5px solid #a60106;

}

.infolist li a{
display:block;
text-decoration:none;
}

.infolist li a:hover{
margin:0;padding:0;
background:#c00c09;
color:#ffffff;
}




/*
.eventinfo li{
color:#ff0c09;
}
*/


.eventinfo span{
color:#ffffff;
}

.eventinfo li{
color:#ffffff;
}


#photo{position:relative;min-height:300px;}
#sphoto{display:none;}
#loading{position:absolute;left:50%;top:40%;margin-left:-30px;}



.icn img{border-radius:2px;margin-bottom:-3px;}



.vs{color:#ffffff;}

.rdcube{font-size:14px;}


.buttonlist{margin:0 auto;text-align:center;}
.buttonlist ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}




@media(min-width:481px){
.copy{
width:96%;
font-size:18px;
line-height:28px;
margin-bottom:20px;
}

.release{
clear:both;
width:96%;
margin:0 auto;
padding-top:10px;
}
.release p{
margin:4px 10px;
}

.pagesiler{margin-top:-30px;}

#card table{padding:4px 0;margin-bottom:10px;border:none;}

.cardcolorr{border-bottom:8px solid #a60106;display:block;border-radius:0px;}
.cardcolorr img{width:80px;height:auto;vertical-align: bottom;}
.cardcolorb img{width:80px;height:auto;vertical-align: bottom;}
.cardcolorb{border-bottom:8px solid #146db1;display:block;border-radius:0px;}


.secbox{max-width:980px;margin:0 auto;}
.arenabackground{width:100%;height:100%;overflow:hidden;background:url(../img/bg.jpg) no-repeat center;top;}
.fightcardimg{width:800px;margin:0 auto;}
.fightcardimg img{width:400px;height:400px;}
.fightcardimg-left{float:left;}
.fightcardimg-right{}

.buttonlist li{display:inline-block;margin:10px 5px 20px;padding:0;}

.button a{
display:block;
font-size:14px;
margin:4px auto;
padding:6px 14px;
text-align:center;
color:#ffffff;
text-decoration:none;
background:#d51323;
border-radius:4px;
box-shadow:0 3px 0 #6a0911;
}

.button a:hover{
display:block;
margin:4px auto;
padding:6px 14px;
text-align:center;
color:#ffffff;
text-decoration:none;
background:#ff8833;
border-radius:4px;
box-shadow:0 3px 0 #ff5500;
}

div.gridbox{
	margin: 0 auto;
}
div.gridblock{
	float: left;
	margin: 10px;
	padding: 10px;
	border-radius:5px;	width: 360px;
}


}









@media(max-width:480px){

#main{
max-width:400px;
}


div.gridbox{
	margin: 0 auto;
}
div.gridblock{
	float: left;
	margin: 5px auto;
	padding: 10px;
	border-radius:5px;	width: 280px;
}


.copy{
max-width:400px;
font-size:14px;
line-height:20px;
margin-bottom:20px;

}

.release{
clear:both;
width:96%;
margin:0 auto;
padding-top:2px;
}
.release p{
margin:4px 10px;
}



#card{
width:320px;padding:0px;margin:10px auto 20px;
font-size:12px;color:#ffffff;line-height:16px;
}

#card table{padding:4px 0;margin-bottom:10px;border:none;}
#card td{}

.card-ttl{
padding-bottom:8px;
}


.crdl{width:95px;margin:0;padding:0 5px 0 0;font-size:12px;color:#ffffff;text-align:right;vertical-align:middle;}
.crdr{width:95px;margin:0;padding:0 0 0 5px;font-size:12px;color:#ffffff;text-align:left;vertical-align:middle;}
.crdl .sm{font-size:10px;word-break: break-all }
.crdr .sm{font-size:10px;word-break: break-all }





.vs{display:none;}
.icn{
vertical-align:middle;
}


.result{padding-top:4px;width:90%;}


.cardcolorr{width:50px;height:50px;margin:0 -1px 0 0;border-bottom:6px solid #a60106;float:left;}
.cardcolorb{width:50px;height:50px;margin:0 0 0 -2px;border-bottom:6px solid #146db1;float:right;}
.cardcolorr img{margin:0;width:50px;height:50px;vertical-align: bottom;}
.cardcolorb img{margin:0;width:50px;height:50px;vertical-align: bottom;}


.secbox{max-width:400px;margin:0 auto;}
.arenabackground{max-width:400px;height:auto;overflow:hidden;margin:0 auto;}
.arenabackground{width:100%;height:100%;overflow:hidden;}
.fightcardimg{width:800px;margin:0 auto;}
.fightcardimg img{width:400px;height:400px;}
.fightcardimg-left{float:none;}
.fightcardimg-right{display:none;}



.buttonlist{clear:both;max-width:300px;}
.buttonlist li{display:block;margin:10px 5px;padding:0;}

.button a{
max-width:400px;
min-height:30px;
display:block;
font-size:16px;
padding-top:12px;
margin:4px auto;
text-align:center;
vertical-align:middle;
color:#ffffff;
text-decoration:none;
background:#d51323;
border-radius:2px;
box-shadow:0 3px 0 #6a0911;
font-weight:bold;
}

.button a:hover{
max-width:400px;
min-height:30px;
display:block;
padding-top:12px;
margin:4px auto;
text-align:center;
vertical-align:middle;
color:#ffffff;
text-decoration:none;
background:#ff8833;
border-radius:2px;
box-shadow:0 3px 0 #ff5500;
}


}



.pancrasemma{
width:180px;margin:0 auto;
}
.pancrasemma10{
width:180px;margin:10px auto 0;
}
.pancrasemma-menu{
width:180px;margin:0 auto;
}
.close{
text-align:center;color:#ffffff;font-weight:bold;
}


.back{
margin:0 auto;
}
/*
.navi{
max-width:400px;
}
*/

h3{
border-left:4px solid #c00c09;
line-height:20px;
padding-left:4px;
}

.centering{

}

.map{
margin:0 auto;
text-align:center;
}


.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .9;
	margin:20px auto 40px;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #ff0c09, transparent);
	background: linear-gradient(to right, transparent, #ff0c09, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: red;
	padding: 0 .5em;
	line-height: 1.8em;
	color: #ff0c09;
	background-color: #000000;
}

.hr-card {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .9;
	margin:5px auto 10px;
}
.hr-card:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #c0c0c0, transparent);
	background: linear-gradient(to right, transparent, #c0c0c0, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
}
.hr-card:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: red;
	padding: 0 .5em;
	line-height: 1.8em;
	color: #888888;
	background-color: #000000;
}



.icon-decagonb{font-size:18px;padding-right:4px;color:#c0c0c0;}
.icon-decagonop{font-size:18px;padding-right:4px;color:#ff0c09;}
.icon-decagonopb{font-size:18px;line-height:16px;padding-right:2px;color:#ff0c09;}
.icon-pancrase{font-size:18px;padding-right:4px;color:#d51323;}


.result{
}
.result p{
margin:2px;
}
.result h5{
font-size:13px;
margin:0;padding:6px 0;
}


@media(min-width:481px){
.infobox{overflow:hidden;padding-bottom:10px;margin-bottom:40px;}
.infobox-left{width:390px;margin-right:15px;float:left;}
.infobox-right{width:390px;float:right;}
.infobox-block{}
.infobox p{padding:14px;}
.infoboxshadow{
padding:5px 10px 20px 10px;
box-shadow:0 0 10px #666666;
margin:4px 4px 20px 4px;
}
}
@media(max-width:480px){
.infobox{clear:both;overflow:hidden;padding-bottom:10px;margin-bottom:40px;}
.infobox-left{width:95%;margin:0 auto;}
.infobox-right{width:95%;margin:0 auto;}
.infobox-block{}
.infobox p{padding:10px;}
.infoboxshadow{
padding:5px 10px 20px 10px;
box-shadow:0 0 5px #ffffff;
margin:4px 4px 20px 4px;
}
}

.btn2016{
font-size:14px;
width:100%;
margin:50px auto;
text-align:center;
}

.btn2016 a{
padding:6px 10px;
border-radius:4px;
background:#d51323;
text-decoration:none;
}

.crdl{word-break: break-all;}
.crdr{word-break: break-all;}


.linelivebtn{
clear:both;
font-size:14px;
width:100%;
margin:20px auto;
text-align:center;
}

.linelivebtn a{
padding:6px 10px;
border-radius:4px;
background:#3ec01c;
text-shadow:-1px -1px 0 #555555;
text-decoration:none;
}

.infoboximg{
width:300px;
margin:0 auto;
text-align:center;
}

.top-10{
border:1px solid #000000;padding-top:10px;"
}

.pagecdbox{
width:300px;padding:0;margin:-20px auto 0;
}
.pagecd{
height:40px;
}