h1{float:left; margin:10px 1% 0 1%; padding: 8px 2% 6px 2%; width:98%;  font-size:2.2rem; line-height: 1.2; border:#333 solid 2px; border-width:2px 0; }
h2{ float: left; width: 96%; margin:30px 2% 0px 2%; padding: 6px 2%; font-size: 1.4rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#999; border-style: solid; }













/* ランキング */
.l{ float: left; width: 100%; margin:25px 0; padding: 0 1.5%; font-size: 1.4rem; display:flex; flex-wrap:wrap; }
.l-noresult{ float: left; width: 100%; padding: 0 3%; margin:10px 0 0 0; font-weight: bold; color: #999; font-size: 1.8rem; }
.l-box{ position: relative;  float: left; margin:0 0.5% 25px 0.5%; width: 19%;  }

.l-name{ float: left; width: 100%; padding:9px 0 8px 0;line-height: 1.2; font-size: 1.6rem; text-align:center; font-weight: bold; border:#222 solid 2px; border-radius:3px 3px 0 0; background-color:#FFF6F6; }

.l-data{ float: left; width: 100%; padding:2px 0;line-height: 1.2; font-size: 1.2rem; text-align:center; color:#FFF; background-color:#222; }

.l-pic{ float: left; width: 100%; margin:0; border:#222 solid 2px; border-radius:0 0 3px 3px ;}
.l-pic img { display: block;}

.l-rank-10{ position: absolute; top: -21px; left: 0; width: 36px; }
.k-rank-10 img{display: block;}
.l-rank-100{ position: absolute; top: -10px; left: 5px; padding: 3px 8px 3px 8px; background-color: #333; border-radius: 2px; color: #FFF; font-size:1rem; line-height:1.2; font-weight:bold; }

.l a:hover{ cursor:pointer; opacity:0.6; }








/*ページネーション*/
.page-all{ float: left; margin:30px 0 50px 0; width: 100%; text-align: center; font-size: 16px; }
.page-all a{ margin:0 8px; }
.page-all span{ color: #999; margin:0 8px; }

.page-all a:hover{ cursor:pointer; opacity:0.6; }