#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{
	width:100%;
}

h2{
	width: 100%;
	margin:8px 0 0 0;
	line-height: 1.4;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 10px 3% 8px 3%;
	background: #FFF;
	color: #1B1B1B;
	border:#cd0e0e solid;
	border-width: 3px 0 3px 0;
}

/*共通*/
.content-box{
	float: left;
	width: 96%;
	margin:25px 2% 0px;
	padding: 10px 2% 10px 2%;
	background-color: #fff; 
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	border-radius: 3px 3px 3px 3px;
}

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

body{height: auto;}

.menu-age{ float: left; width: 100%; padding: 0 3%; margin:0px 0 10px 0; }
.menu-age-btn{ float: left; width: 15%; padding: 4px 0 4px 0; margin:0 1px 0 0; line-height: 1.2; text-align: center; font-size: 1.6rem; }
.menu-age-btn-off{ background-color: #B7B7B7; color: #FFF; }
.menu-age-btn-on{ background-color: #000000; color: #FFF; }
.menu-age-btn:first-child{ border-radius: 3px 0 0 3px; }
.menu-age-btn:last-child{ border-radius: 0 3px 3px 0 ; }
.menu-age-btn-unit{ font-size:1.0rem;}


/*リスト*/
.fighter{float: left; width: 100%; padding: 5px 1%; margin:10px 0 0 0;  border-radius: 3px; }
.fighter-box{
	position: relative; 
	display: flex; 
	width: 100%; 
	margin:0 0 10px 0; 
	background-color: #FFF; 
	border-radius: 3px; 
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);} 
.fighter-pic{
	position: relative;
	display: block; 
	width: 200px; 
	height: 200px; 
	margin:0 2% 0 0; 
/*	border-radius: 3px 0 0 3px; */
	overflow: hidden; }
.fighter-right{display: block; width: 60%;  color: #0079c2; font-size:1.4rem; font-weight: bold; padding: 5px 0 0 0;  }
.fighter-info{font-size: 1.6rem; font-weight: normal;color: #333;padding : 3px 0;}


.tall_height{font-size: 1.6rem; font-weight: normal; color: #333; display: inline-block; padding: 5px 0 0 0;}
.fighter-name{padding: 5px 0 5px 0; font-size:2.2rem; line-height: 1;}
.age-span{font-size: 1.6rem;font-weight: normal;color: #333;}
.janru-name{margin: 0; padding: 0 0 2px 0;}
.janru-name li{ font-size: 1.6rem; font-weight: normal;
	display: inline-block; background-color: #999; color: #fff;
	 padding: 1px 6px ; margin:0 2px 0 0; border-radius: 2px;}
.title-val{
	font-weight: normal; color: #333;
	margin: 10px 0 5px 0;
	padding-left: 25px;
	position: relative;
    overflow: hidden;
    line-height: 1.3;
list-style: none;}

.title-val::before {
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-weight: 900;
  content: '\f521';
  color: #ffcc00;
}

.kakutoku_s{font-size: 1.6rem;}

.kakutoku_m{font-size: 1.6rem;}


.f-vote{ position: absolute;  bottom:5px; right:0px; padding:0px 8px 0 10px; background-color: rgba(0,0,0,0.7); color: #FFF; font-size: 18px; border-radius: 4px 0 0 4px; }
.f-vote i{ margin-right: 5px; color: #FFF;}
.f-rank{ position: absolute; top: -2px; left: 4px; width: 30px; height: 27px; line-height: 28px; padding: 0 0 0 0;background-color: #B91111; color: #FFF; text-align: center; font-size: 1.6rem; font-weight: normal; border-radius: 2px;
z-index: 5;}
.f-rank span{margin: 0; font-size: 0.8rem;}
.taikai_ct{padding:3px 0 0 0;font-size: 1.6rem; font-weight: normal; color: #333;}
.bd-janru-name{margin: 8px 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; }

 

.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; }
/*リスト*/
.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;  }
.menu-btn{ float: left; padding: 6px 16px; margin:0 1px 2px 0; line-height: 1.2; text-align: center; font-size: 1.6rem; }
.menu-cat-btn-off{ background-color: #B7B7B7; color: #FFF; }
.menu-cat-btn-on{ background-color: #000000; color: #FFF; }
.menu-btn:first-child{ border-radius: 3px 0 0 3px; }
.menu-btn:last-child{ border-radius: 0 3px 3px 0 ; }

/*ページネーション*/
.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; }

.no-data{ float: left; width: 100%; margin:20px 0 0 0; padding: 0 5%; font-weight: bold; color: #999; font-size: 1.8rem; }