h1{ display: inline; font-size:14px; font-weight: normal;}
h2{ float: left; width: 96%; margin:20px 3% 10px 3%; font-size: 2.3rem; line-height: 1.2; }


/* ランキング表示部 */
.ra-all { float:left; margin:0 0 20px 0px; padding:5px 2%; width:100%;}
.m-rr{ position:absolute; top:0px; left:0px; width: 60px; z-index:9 ;}
.ra-box{ position: relative; float:left; margin:0 0 10px 0; padding: 8px 2% ; width:100%; height:auto; border:#000 solid 3px; border-radius: 4px;}
.ra-pic{ display: block; float:left; position:relative; width:14%; height:110px; overflow: hidden; margin:8px 1% 0 0;border-radius: 4px; overflow: hidden; }
.ra-title{ float: left; width: 100%; padding: 3px 0 0 50px; font-size:3rem; font-weight:bold; line-height: 1.2;}
.ra-right-col{ float: left; width: 85%; }
.ra-val{ float: left; width: 100%; margin:5px 0 0 0; font-size:2.8rem; font-weight:bold;  color:#FF4747; line-height:1.1;  }
.ra-vn{  font-size:1.4rem; margin:0 10px 0 0; font-weight:normal;}

.ra-v{ float: left; width: 100%; margin:5px 0 0 0; }
.ra-v-box{ float: left; width: 19%; margin:0.3%; height: 75px; border-radius: 2px; overflow: hidden; }

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


/* 更に見る */
.ra-more{ float: left; margin:10px 0 0 25%; width: 50%; padding:10px 20px; font-size:16px; background-color: #000; color: #FFF; border-radius:5px; text-align: center;}
.ra-more:hover{ opacity:0.8; }






/* Ike tag */
.ike-tag{ float: left; width: 100%; padding:5px 3%; font-size: 1.6rem; }
.ike-tag-box{ float: left; width: 100%; margin:5px 0; padding: 5px 2%;  }
.ike-tag-box-title{ float: left; width: 100%; text-align: center; font-weight: bold; }
.ike-tag1-box-title{ color:#E77842; }
.ike-tag2-box-title{ color:#39AA53; }
.ike-tag3-box-title{ color:#3799D5; }
.ike-tag4-box-title{ color:#EB5858; }
.ike-tag-btn{ float: left; padding: 3px 8px;  margin:2px; background-color: #FFF; border-radius: 2px;}
.ike-tag-btn span{ font-size: 1.1rem; }
.ike-tag-btn-on{ color: #FFF; background-color: #000; border:#000 solid 1px;}
.ike-tag-btn-off{ color: #333; border:#333 solid 1px;}
.ike-tag1-box{ background-color: #FFEADE; border:#D15E2C solid 3px; border-radius: 3px;  }
.ike-tag2-box{ background-color: #CEEFD5; border:#39AA53 solid 3px; border-radius: 3px; }
.ike-tag3-box{ background-color: #D4EAF7; border:#3799D5 solid 3px; border-radius: 3px; }
.ike-tag4-box{ background-color: #FDDFDF; border:#EB5858 solid 3px; border-radius: 3px; }

.ike-link-box{ float: left; width: 100%; }
.ike-link-btn{ float: left; margin:10px 0 30px 25%; width: 50%; padding:10px 20px; font-size:16px; background-color: #000; color: #FFF; border-radius:5px; text-align: center;}
.ike-link-btn:hover{ opacity:0.8; }





/*今年誕生したチャンネルランキング*/
.y{ float:left; width:100%; margin:0 0 30px 0; padding:  0 2%; }
.y-box{ position: relative; float:left; margin:0 0 10px 0; padding: 10px 3%; width:100%; border:#000 solid 3px; border-radius: 4px;}
.y-pic{ float:left; width:13%; margin:0 2% 0 0; border-radius: 4px; overflow: hidden;}
.y-pic img { display: block; }
.y-text{ float: left; width: 80%; }
.y-title{ float:left; width:100%; font-size:2.4rem; font-weight: bold;  line-height: 1.2;}

.y-val-box{ float:left; width:100%; font-size: 1.2rem;}
.y-val{font-size:2rem; font-weight:bold; color:#FF4747; margin:0 0 0 10px;}

.y-link-box{ float: left; margin:10px 0; width: 100%; text-align: center; }
.y-link-btn{float: left; margin:10px 0 30px 25%; width: 50%; padding:10px 20px; font-size:16px; background-color: #000; color: #FFF; border-radius:5px; text-align: center;}
.y-link-btn:hover{ cursor: pointer; opacity: 0.8; }
.y-rrx{ position:absolute; box-sizing:border-box; top:-12px; left:3px; width:30px; height:30px; border-radius:50%; color:#5A3611;  font-size:1.4rem; font-weight:bold; text-align:center; padding-top:6px; z-index: 9;
box-shadow:rgba(0, 0, 0, 0.65098) 2px 3px 6px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.65098) 2px 3px 6px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.65098) 2px 3px 6px 0px;
background: #e3ae61; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e3ae61 0%, #fce0c0 47%, #e3ae61 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e3ae61), color-stop(47%,#fce0c0), color-stop(100%,#e3ae61)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #e3ae61 0%,#fce0c0 47%,#e3ae61 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #e3ae61 0%,#fce0c0 47%,#e3ae61 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #e3ae61 0%,#fce0c0 47%,#e3ae61 100%); /* IE10+ */
background: linear-gradient(135deg,  #e3ae61 0%,#fce0c0 47%,#e3ae61 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ae61', endColorstr='#e3ae61',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.y-rrx2{ position:absolute; box-sizing:border-box; top:-10px; left:5px; width:26px; height:26px; border-radius:50%; border:#5A3611 solid 1px; z-index: 9; }
.y-info{ float:left; margin:0; width:100%; border-collapse:collapse; line-height: 1.2;}
.y-info th{ padding:1px;  font-weight:normal; width:25%; text-align:left; font-size: 1.2rem;}
.y-info td{ padding:1px; font-size: 1.3rem;}

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




.exp{ float: left; width: 100%; padding: 0 3%; margin:5px 0; font-size: 1.4rem; color: #666; }