#contents a:hover{ cursor: pointer;	opacity: 0.6; }

body{height: auto;}

h1{ 
	width: 96%;
	height: auto;
	margin:0 auto;
	padding: 10px 2% 8px 2%;
	color:#fff;
	background-color: #1B1B1B;
	font-size: 2.6rem;
	line-height: 1.2;
/*	box-shadow: 2px 0px 5px rgb(147 147 147 / 50%), -2px 0px 3px rgb(129 117 120 / 30%), -1px 0px 1px #fff;*/
}

h1 span{ 
	margin:0 0 0 5px;
	font-size: 1.8rem;
}
.h1wrap{
    float: left;
	width:100%;
    margin-bottom: 3px;
}

.kikan_des{
    font-size: 1.2rem;
    text-align: right;
    padding: 0px 2%;
    float: left;
    width: 100%;
}

/* nav */
.menu-taikai {
    float: left;
    width: 100%;
    padding: 0 2%;
    margin: 0px 0 6px 0;
}
.menu-taikai-btn-off{
    background-color: #f1f1f1; 
    color: #245ed3; 
    border:1px solid #245ed3; }
.menu-taikai-btn-on{ 
    background-color: #245ed3; 
    color: #FFF;
    border:1px solid #245ed3; }
.menu-taikai-btn-off2{
    background-color: #f1f1f1; 
    color: #477deb;
    border:1px solid #477deb;
}
.menu-taikai-btn-on2{ 
    background-color: #477deb;
    color: #FFF;
    border:1px solid #477deb;
}    
.menu-taikai-btn {
    float: left;
    border-radius: 1px;
    padding: 4px 7px;
    margin: 0 2px 2px 0;
    line-height: 1.3;
    text-align: center;
    font-size: 1.7rem;
}
.menu-taikai-btn-unit{ font-size:1.1rem;}
.menu-taikai-btn-unit:first-child{margin-right:1px;}
.menu-taikai-btn-unit:last-child{margin-left:1px;}

.menu-all{ float: left; width: 100%; padding: 0 2%; margin:5px 0 0 0; }
.menu-all-btn {
    float: left;
    border-radius: 1px;
    padding: 5px 7px 4px;
    margin: 0 2px 2px 0;
    line-height: 1.3;
    text-align: center;
    font-size: 1.6rem;
}
.menu-all-btn-off{ background-color: #f1f1f1; color: #245ed3; border:1px solid #245ed3;}
.menu-all-btn-on{ background-color: #245ed3; color: #FFF;border:1px solid #245ed3;}
.menu-all-btn-off2{ 
    background-color: #f1f1f1; 
    color: #477deb ;
    border:1px solid #477deb;
}
.menu-all-btn-on2{ 
    background-color: #477deb;
    color: #FFF;
    border:1px solid #477deb;
}
.menu-cat{ float: left; width: 100%; padding: 0 2%; margin:0px 0 3px 0; }
.menu-cat-btn{ 
    float: left; 
    width: 10%; 
    padding: 4px 7px;
    margin: 0 2px 3px 0;
    line-height: 1.2;
    text-align: center;
    font-size: 1.6rem;
    border-radius:1px;
}
.menu-cat-btn-off{ 
    background-color: #f1f1f1; 
    color: #00ab8e; 
    border:1px solid #00ab8e;
}
.menu-cat-btn-on{ 
    background-color: #00ab8e; 
    color: #FFF; 
    border:1px solid #00ab8e;
}
/*.menu-cat-btn:first-child{ border-radius: 3px 0 0 3px;}
.menu-cat-btn:last-child{ border-radius: 0 3px 3px 0 ; }*/
.menu-cat-btn-unit{ font-size:0.9rem;}

.menu-kikan{ float: left; width: 100%; padding: 0 2%; margin:0px 0 3px 0; }
.menu-kikan-btn{ 
    float: left; 
    min-width:10%;
    padding: 4px 8px;
    margin: 0 2px 3px 0;
    line-height: 1.2;
    text-align: center;
    font-size: 1.6rem;
    border-radius:1px;
}
.menu-kikan-btn-off{ 
    background-color: #f1f1f1; 
    color: #e75a5a; 
    border:1px solid #e75a5a;
}
.menu-kikan-btn-on{ 
    background-color: #e75a5a;
    color: #FFF; 
    border:1px solid #e75a5a;
}
.menu-kikan-btn-unit{ font-size:0.9rem;}


/*リスト*/
.fighter{
    float: left; 
    width: 100%; 
    padding: 0 2%; 
    margin:3px 0 0 0;}
.fighter-box{
    position: relative; 
    display: flex; 
    width: 100%; 
    margin:0 0 15px 0; 
    background-color: #FFF; 
    border-radius: 3px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);} 
.fighter-box:nth-of-type(3){
    margin:0 0 0px 0; 
}

.fighter-pic{
	position: relative;
	display: block; 
	width: 200px; 
	height: 200px; 
	margin:0 2% 0 0; 
	overflow: hidden; }
.fighter-pic > img{
    height: 100%; 
    object-fit: cover;
}


.fighter-left{
	position:relative;
	display: block; 
	width: 200px;  
	color: #333; 
/*    background-color: #000;*/
	font-size:1.4rem; 
	font-weight: bold; 
	padding: 0px 0px 0px 0px;  
    overflow: hidden; 
}
.fighter-right{
	display: block; 
	width: calc(100% - 200px);  
	color: #333; 
	font-size:1.4rem; 
	font-weight: bold; 
	padding: 8px 16px 12px 12px;
}

.fighter-prof{
    padding:3px 3px 1px 3px;
}
.age-span{font-size: 1.6rem;color: #333; font-weight: normal;}
.tall_height{font-size: 1.6rem; font-weight: normal; color: #333; display: inline-block; padding: 5px 0 0 0;}
.fighter-name{
	padding: 6px 0 3px 0; 
	font-size:2.2rem; 
	line-height: 1;
}

.fighter-katagaki{ 
	padding: 0px 0 0px 0; 
    font-size: 1.6rem; 
    line-height: 1.0; 
}
.fighter-info{
    font-size:1.2rem;
    font-weight:normal;
    line-height:1.2;
    padding:1px 0px 4px;
}
.fighter-info span{
    display:inline-block;
    padding:0px 6px 0 0;
    margin:auto 0;
}
.bd_from {padding: 0 0 0 0;font-size: 1.1rem; font-weight: normal; color: #333;}
.taikai_ct{padding:3px 0 0 3px;font-size: 1.6rem; font-weight: normal; color: #333;}
.janru-name{margin: 0; font-size: 1.6rem; font-weight: normal;
	display: inline-block; background-color: darkgray; color: #fff;
	 padding: 5px 10px 3px 10px; border-radius: 2px;line-height: 1.2; }

.f-tag{
    display:inline-block;
    color:#fff;
    background-color:#333;
    padding:2px 6px;
    margin:2px 3px 2px 0;
    border-radius:2px;
    font-size:1.2rem;
    line-height:1.2;
}
.f-red{
    color:#fff;
    background-color:#B91111;
}
.f-gr{
    color:#fff;
    background-color:#75a930;
}
.f-flag{
    display:inline-block;
    width:30px;
    margin:2px 0 0 0;
}
.f-vote{ 
    position: absolute; 
    top: 12px;
    right: 0px;
    height: 24px;
    z-index: 10;
    padding:0px 8px 0 10px; 
    background-color: rgba(255,255,255,0.9); 
    color: #333; 
    font-size: 1.5rem; 
    line-height:1.7;
    border-radius: 2px 0px 0px 2px; 
}
.f-vote2{ 
    position: absolute;
    bottom: 12px;
    right: 0px;
    height: 28px;
    z-index: 10;
    padding: 0px 8px 0 13px;
    background-color: #fff;
    color: #1a1a1a;
    font-size: 1.6rem;
    line-height: 1.8;
    border-radius: 14px 0px 0px 14px;
}
.f-vote i{ margin-right: 5px; color: #333;}
.f-vote2 i{ margin-right: 5px; color: #fd8708;}
.f-rank{ 
	position: absolute; 
	top: 12px; 
	left: 0px; 
	width: 50px; 
	height: 24px; 
	line-height: 1.7; 
	padding: 0 0 0 0;
	background-color: #B91111; 
	color: #FFF; 
	text-align: center; 
	font-size: 1.5rem; font-weight: normal; 
	border-radius: 0 2px 2px 0;
    z-index: 5;
}

.f-rank2{ 
    position: absolute; 
    top: 10px; 
    left: 0px; 
    width: 50px; 
    height: 26px; 
    line-height: 1.7; 
    padding: 1px 0 0 0;
    background-color: #B91111; 
    color: #FFF; 
    text-align: center; 
    font-size: 1.6rem;
    font-weight: normal; 
    border-radius: 0 2px 2px 0;
    z-index: 5;
}

.bd-icon{ position: absolute; bottom:0px; left:0px;  height: 24px; line-height: 24px; padding: 0 5px;background-color: rgba(0,0,0,0.9); color: #fff; text-align: center; font-size: 1.2rem; font-weight: normal; 
z-index: 6; }
.f-rank span{margin: 0; font-size: 0.8rem;}
.f-nenrei{ display:inline-block; }
.syohai_wrap{
    width:calc( 100% );
    background-color:#f7f5f5;
    border-radius:2px;
    margin: 0px 0px 0px 0px;
    padding: 5px 12px 5px 12px;
    border:1px solid #9d9d9d;
    border-radius:3px;
    font-size:1.1rem;
    line-height:1.1;
    font-weight:normal;

}
.syohai{
    display:inline-block;
    margin:0px 0 0px;
    padding:6px 4px 3px 0px;
    font-size:1.8rem; 
    line-height:0.8;
    font-weight:bold;
}	 
.syouhai-span {
    display:inline-block;
    margin:0 2px;
    padding:3px 7px;
    font-size:1.6rem; 
    font-weight:bold;
}
.syouhai-span-win{color: red; padding: 0 1px 0 0 ;}
.f18{
    font-size:2.4rem;
}

.battle{
    font-size:1.4rem;
    line-height:1.2;
    margin:3px 0 0;
}
.battle-ttl{
    display:block;
    font-size:0.9rem;
    line-height:1.0;
    margin:3px 0 2px 0;
}
.battle-row{
    display:flex;
}
.battle-num{
    width:36px;
    margin:0 3px 0 2px;
}
.battle-num2{
    width:45px;
    margin:0 3px 0 2px;
}
.battle-p{
}
.f-votelog{
    text-align:right;
    color:#818181;
    font-size:0.9rem;
    font-weight:nomal;
    line-height:1.0;
    padding:3px 0 0px 0px;
}






.cat{ float: left; width: 100%; padding: 0 3%; margin:0px 0 0 0; font-size: 1.8rem;}
.cat td{padding: 0 0 5px 0;}
.cat a:hover{ cursor: pointer; opacity: 0.6;  }


/*ページネーション*/
.page-all{ float: left; margin:30px 0 0 0; width: 100%; text-align: center; font-size: 16px; }
.page-all a{ margin:0 8px; }
.page-all span{ color: #999; margin:0 8px; }
/*↓　詳細度対策でクラス名重ねてあります*/
.page-here.page-here{
    font-weight:bold;
    color:#171d2b;
}
.no-data{ float: left; width: 100%; margin:20px 0 0 0; padding: 0 2%; font-weight: bold; color: #999; font-size: 1.8rem; }