h1{float:left; margin:14px 3% 0 3%; width:94%; line-height:1.1; font-size:1rem; color:#FFF; line-height: 1; font-weight: normal; }
h2{ float: left; width: 96%; margin:20px 2% 10px 2%; padding: 6px 3%; font-size: 1.4rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#FF8181; border-style: solid; }





/* 24時間ランキング */
.t24{ position: relative; float: left; width: 96%; margin:30px 2% 0 2%; padding: 30px 3% 3px 3%; background-color: #C2EBE2; border-radius: 3px;
background-size: auto auto;
background-color: rgba(210, 244, 236, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(201, 239, 230, 1) 20px, rgba(201, 239, 230, 1) 40px );
 }
.t24-title{ position: absolute; top:-28px;  width: 40%; margin:15px 25% 0 25%; padding: 4px 2%; background-color: #28BE9C; color: #FFF; text-align: center; border-radius: 20px; font-weight: bold; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);  font-size: 1.2rem}
.t24-box{ position: relative; float: left; padding: 1px; margin:5px 1%; width: 18%; border:#999 solid 0px;  }
.t24-rank{ position: absolute; top: -8px; left: -5px; width: 45px; z-index: 9; }
.t24-pic{ position: relative; float: left; width: 100%; height: 150px; overflow:hidden; border:#28BE9C solid 1px; border-radius: 50%; overflow: hidden; }
.t24-pic img {  float: left; display: block; width: 100%; height: auto;  }
.t24-name{ float: left; width: 100%; text-align: center; font-size: 1rem; line-height: 1.2; margin:3px 0 0 0; padding: 1px 2px; height: 12px;}
.t24-name a{ color: #333; }
.t24-vote{ position: absolute; bottom: 0px; width:100%; background-color: rgba(0,0,0,0.5); padding: 4px 8px 3px 8px; color: #FFF; font-size: 1rem; line-height: 1.2; text-align: center; }
.t24-vote i{ color: #FFF0F0;}

.t24-link-box{ float: left; width: 100%; text-align: center; margin:8px 0 8px 0; }
.t24-link-box a{ float: left; width: 30%; margin:0 35%; padding: 4px 25px 3px 25px; border-radius: 15px; font-size: 0.9rem; background-color: #FFF; color: #15A080; border:#80D5C1 solid 1px; }
.t24 a:hover{ cursor: pointer; opacity: 0.6; }










/* 新人 */
.new{ float: left; width: 100%; margin:5px 0; padding: 0 2%; }
.new-box{ position: relative; float: left; margin:0 0.6%; width: 15.4%; height: 190px; border:#999 solid 0px; overflow: hidden; }
.new-icon{ position: absolute; top:8px; left:-23%; transform:rotate(-35deg);  width: 100px; padding:3px 5% 2px 5%; color: #F12C47; background-color: #F93550; font-size: 1rem; line-height: 1; font-weight: bold; z-index: 9; color:#FFF; text-align: center; box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.6);}
.new-rank{ float: left; width: 100%; padding:1px 5%; color: #F98494; background-color: #FFF; font-style: italic; font-size: 1rem; line-height: 1; font-weight: bold;}
.new-pic{ position: relative; float: left; width: 100%; height: auto; overflow:hidden; border:#F98494 solid 1px; border-radius: 3px; overflow: hidden; }
.new-debut{ position: absolute; bottom:3px; width: 100%; padding:2px 0 1px 0; color: #F12C47; background-color: rgba(255,255,255,0.8); font-style: italic; font-size: 1rem; line-height: 1.2; text-align: center; }
.new-debut span{ font-size: 0.6rem; }
.new-pic{ position: relative; float: left; width: 100%; height: auto; overflow:hidden; border:#F98494 solid 1px; border-radius: 3px; overflow: hidden; }
.new-pic img {  float: left; display: block; width: 100%; height: auto;  }
.new-name{ float: left; width: 100%; text-align: center; font-size: 1rem; line-height: 1.2; margin:3px 0 0 0; padding: 1px 2px;}
.new-vote-up{ position: absolute; bottom: 25px; right: 0; background-color: rgba(0,0,0,0.6); border-radius: 3px 0 0 3px; padding: 4px 8px 2px 8px; color: #FFF; font-size: 0.9rem; line-height: 1.2; }
.new-vote-up i{ color: #FFF0F0;}
.new-pic img:hover,
.new-name:hover{ cursor: pointer; opacity: 0.6; }
.new-date{ float: left; width: 100%; padding: 0 2%; margin:3px 0 0 0; font-size: 1.2rem; }






/*デビュー作*/
.nw{ float: left; width: 100%; padding: 0 2%; }
.nw-box{ position: relative; float: left; margin:0 0.6%; width: 15.4%; height: 210px; border:#999 solid 0px; overflow: hidden; }
.nw-date{ position: relative; float: left; width: 100%; font-size: 1rem; margin:2px 0; font-style: italic;}
.nw-date-today{ border-radius: 2px; background-color: #FF3F3F; color: #FFF; text-align: center; }
.nw-date-today:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 45%;
  border: 7px solid transparent;
  border-top: 7px solid #FF3F3F;
  z-index: 5;
}
.nw-date-other{ display: inline-block; padding: 2px 8px; color: #FF3F3F; font-weight: bold; line-height: 1.1; }
.nw-pic{ position: relative; float: left; width: 100%; height: auto;  overflow: hidden; }
.nw-pic img {  float: left; display: block; width: 100%; height: auto;  }
.nw-name{ float: left; width: 100%; text-align: center; font-size: 1rem; line-height: 1.2; margin:3px 0 0 0; padding: 1px 2px;}
.nw-vote{ position: absolute; bottom: 3px; right: 0; background-color: rgba(0,0,0,0.6); border-radius: 3px 0 0 3px; padding: 4px 8px 2px 8px; color: #FFF; font-size: 0.9rem; line-height: 1.2; }
.nw-vote i{ color: #FFF0F0;}





/*コメント*/
.co-all{ float: left; width: 100%; margin:5px 0 0 0 ; padding: 0 2%;}
.co-box{ float: left; width: 100%; margin:0 0 5px 0; border:#C4AE75 solid 1px; border-radius: 4px; padding: 7px 2%; background-color: #FFFCF3; }
.co-left{ float: left; width: 80px; margin:0 5px 0 0;  }
.co-pic{ float: left; width: 100%; height: 100px;  border-radius: 3px;overflow: hidden;}
.co-pic img{ display: block; }
.co-right{ float: left; width: 80%;  }
.co-text{ float: left; width: 100%; font-size: 16px; line-height: 1.2;  }
.co-page{ float: left; margin:3px 0 0 0; width: 100%; font-size: 0.8rem; line-height: 1.2; color: #999; }
.co-info{ float: left; margin:3px 0 0 0; width: 100%; font-size: 0.8rem; line-height: 1.2; color: #999;  }


.bbs-link{ float: left; width: 100%; margin:5px 0 30px 0; text-align: center; }
.bbs-link a{ background-color: #EF340F; color: #FFF; padding: 8px 20px; border-radius: 5px; font-size: 1.2rem; }






/* タグリスト */
.t{ float: left; width: 100%; margin:10px 0; padding:  0 5%; }
.t-box{ float: left;  margin:3px; }
.t-link{ float: left;}
.t-btn{ float: left; font-size: 1.3rem; padding: 2px;  }
.t-btn-bg1{background-color:#F45E73;border-radius: 4px;}
.t-btn-bg2{background-color:#B24AB4;border-radius: 4px;}
.t-btn-bg3{background-color:#F47733;border-radius: 4px;}
.t-btn-bg4{background-color:#2DBE67;border-radius: 4px;}
.t-btn-bg5{background-color:#2DA4BE;border-radius: 4px;}
.t-btn:hover{ cursor: pointer; opacity: 0.6; }
.t-btn a{ float: left; color: #FFF;}
.t-pic{ float: left; width: 40px; height: 40px; margin:0; border-radius: 3px; overflow: hidden; }
.t-pic img{ display: block; width: 100%;}
.t-text{ float: left; margin:6px 15px; color: #FFF; }




/* ランキング */
.l{ float: left; width: 100%; margin:5px 0; padding: 0 2%; }
.l-box{ position: relative; float: left; margin:0 0.6%; width: 15.4%; height: 200px; border:#999 solid 0px; }

.l-rank{ float: left; width: 100%; padding:0 5%; color: #F98494; background-color: #FFF; font-style: italic; font-size: 1rem; line-height: 1; font-weight: bold;}

.l-pic{ position: relative; float: left; width: 100%; height: auto; overflow:hidden; border:#F98494 solid 1px; border-radius: 3px; overflow: hidden; }
.l-pic img {  float: left; display: block; width: 100%; height: auto;  }
.l-name{ float: left; width: 100%; text-align: center; font-size: 1rem; line-height: 1.2; margin:3px 0 0 0; padding: 1px 2px;}
.l-vote{ position: absolute; bottom: 3px; right: 0; background-color: rgba(0,0,0,0.6); border-radius: 3px 0 0 3px; padding: 4px 8px 2px 8px; color: #FFF; font-size: 0.9rem; line-height: 1.2; }
.l-vote i{ color: #FFF0F0;}



.link-box{ float: left; width: 100%; margin:15px 0 0 0; height: 40px; padding: 0 2%; text-align: center; }
.link-btn{ padding: 5px 15px; border-radius: 4px; border:#3289DB solid 1px; }
.link-btn:hover{ cursor: pointer; opacity: 0.6; }




/* プロダクション一覧 */
.p{ float: left; width: 100%; margin:10px 0; padding: 0 3% }



.l-box:hover{ cursor: pointer; opacity: 0.6; }