h1{ float:left; margin:10px 0 0 0; width:100%; line-height:1.1; font-size:12px; line-height: 1; color: #333; font-weight: normal;}

h2{ float: left; width: 96%; margin:20px 2% 5px 2%; padding: 8px 3% 6px 3%; font-size: 1.8rem; font-weight: bold; line-height: 1.2; border-width:2px 0; border-color:#666; border-style: solid; }



/* ランキング */
.l{ float: left; width: 100%; margin:15px 0 5px 0; padding: 0 1.5%; font-size: 1.4rem; display:flex; flex-wrap:wrap; }
.l-box{ position: relative;  float: left; margin:5px 0.25% 20px 0.25%; width: 16.1%;  }

.l-name{ float: left; width: 100%; height: 36px; padding:8px 0 6px 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.1rem; 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: -22px; left: 0; width: 40px; }
.k-rank-10 img{display: block;}
.l a:hover{ cursor:pointer; opacity:0.6; }



/*ジャンル一覧*/
.g{ float:left; width: 100%; padding: 0 2%; margin:10px 0 10px 0;}
.g-box{ float:left; padding:2px 10px; margin:0 3px 3px 0; border-radius:2px; border:#4FA4E7 solid 1px; border-radius: 2px; font-size:1.4rem; }
.g a:hover{ cursor:pointer; opacity:0.6; }








/*共通*/
.link-box{ float: left; width: 100%; margin:5px 0 0 0; height:30px; text-align: center; }
.link-box-btn{ border-radius: 3px; background-color: #222; color:#FFF; padding: 5px 20px; font-size: 1.4rem; }
.link-box a:hover{ cursor:pointer; opacity:0.6; }