h1{float:left; margin:12px 0 0 0; width:94%; line-height:1.1; font-size:1.2rem; color:#FFF; line-height: 1; font-weight: normal; color: #666; 
}

h2{ float: left; width: 100%; margin:20px 0 5px 0; padding: 7px 3% 5px 3%; font-size: 1.6rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#666; border-style: solid; }



/* ランキング */
.l{ float: left; width: 100%; margin:10px 0; padding: 0 2%; }
.l-box{ position: relative; float: left; margin:0 1% 5px 0; width: 19%; height: 160px; border:#999 solid 0px; overflow: hidden; overflow: hidden;  }
.l-date{ float: left; width: 100%; font-size: 1.2rem; font-weight: bold; color: #666; }
.l-new{ color: #FF304D; }
.l-left{float: left; width: 35%; margin:0 2% 0 0;}
.l-right{float: left; width: 60%;}

.l-pic{ position: relative; float: left; width: 100%; height: 110px; overflow:hidden; border:#F98494 solid 0px; border-radius: 3px; overflow: hidden; }
.l-pic img {  float: left; display: block; width: 100%; height: 100%; object-fit: cover; object-position:  }
.l-title{ float: left; width: 100%; margin:3px 0 0 0; font-size: 1.2rem; line-height: 1.2; text-align: center; }
.l-box a:hover{ cursor: pointer; opacity: 0.6; }





/* ランキング */
.a{ float: left; width: 100%; margin:10px 0; padding: 0 3%; }
.a-box{ position: relative; float: left; margin:0 0 5px 0; width: 100%; border:#999 solid 0px; overflow: hidden; overflow: hidden; }
.a-date{ float: left; width: 100%; font-size: 1.2rem; font-weight: bold; color: #666; }
.a-new{ color: #FF304D; }
.a-left{float: left; width: 35%; margin:0 2% 0 0;}
.a-right{float: left; width: 60%;}

.a-pic{ position: relative; float: left; margin:0 2% 0 0; width: 8%; height: 30px; overflow:hidden; border:#F98494 solid 0px; border-radius: 3px; overflow: hidden; }
.a-pic img {  float: left; display: block; width: 100%; height: 100%; object-fit: cover; object-position:  }

.a-auth{ float: left; width: 85%; margin:3px 0 0 0; font-size: 1.6rem; line-height: 1.2; }
.a-auth-s{ font-size: 1.1rem; }
.a-auth-count{ font-size: 1.1rem; color: #666; }
.a-box a:hover{ cursor: pointer; opacity: 0.6; }


/* ランキング */
.t{ float: left; width: 100%; margin:10px 0; padding: 0 3%; }
.t a{ float: left; display: block; }

.t-tag{ float: left; margin:0 2px 2px 0; padding: 7px 8px 5px 8px; line-height: 1.0;  border-radius: 2px; font-size: 1.2rem;}
.t-stag{ color: #1FBA82; border:#1FBA82 solid 1px; }
.t-utag{ color: #FF8181; border:#FF8181 solid 1px; }
.t-wtag{ color: #977FDD; border:#977FDD solid 1px; }
.t-stag:hover{ color: #FFF; background-color:#1FBA82; }
.t-utag:hover{ color: #FFF; background-color:#FF8181; }
.t-wtag:hover{ color: #FFF; background-color:#977FDD; }







.link-box{ float: left; width: 100%; margin:15px 0 0 0; height:30px; text-align: center; }
.link-box-btn{ border-radius: 3px; border:#2488EF solid 1px; padding: 4px 20px; font-size: 1.2rem; }
.link-box-btn:hover{ cursor: pointer;opacity: 0.6;  }