h1{float: left; width: 96%; margin:15px 2% 0 2%; padding: 7px 1.5% 6px 1.5%; font-size: 2.2rem; line-height: 1.2;
      border:#FF5824 solid; border-width: 2px 0;
}
h1 span{ font-size: 1.4rem; }


h2{float: left; width: 96%; margin:15px 2% 0 2%; padding: 8px 3%; font-size: 1.4rem; font-weight: normal; line-height: 1.2; background-color: #444; color:#FFF; border-radius: 3px 3px 0 0;
}

/*ジャンプボタン*/
.j{ float: left; width: 100%; padding: 0 2%; margin:10px 0 0 0; }
.j-btn{ float: left; margin:0 3px 0 0; padding: 3px 16px; border-radius: 3px; font-size: 1.4rem; background-color: #00A987; color: #FFF; }


/*list*/
.t{float: left; width: 96%; margin:0 2%; padding: 10px 0; border:#999 solid; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px}
.t-cat-box{ float: left; width: 96%; margin:6px 2% 0 2%; border-bottom: #73CDBA solid 1px; }
.t-cat-name{ float: left; width: 25%; margin:0; padding: 4px 10px 2px 12px; color: #FFF; background-color: #73CDBA; border-radius: 5px 5px 0 0; font-size: 1.4rem; line-height: 1.2; }
.t-box{ float: left; width: 94%;  padding: 5px 0 0 0; margin:0 3% 5px 3%; border-top: #E1E1E1 solid 1px;}
.t-box-border-none{ border:none; }
.t-box:first-of-type{ border:none; }
.t-name{ float: left; width: 50%; padding: 0 0 0 0; font-weight: bold; font-size: 1.6rem;  }
.t-name-count{ font-size: 1.4rem; font-weight: normal; }
.t-hensati{ float: left; width: 45%; margin:3px 0 0 0;}
.t-hensati-data{ float: left; width: 100%; border-collapse: collapse; margin:0; line-height: 1;  }
.t-hensati-col{ float: left; font-size: 1.2rem; color: #8C8C8C; width: 40%; }
.t-hensati-val{ float: left; width: 50%; }
.t-hensati-val-on{ font-weight: bold;  color: #FF3D00; font-size: 1.6rem;}
.t-hensati-val-off{ color: #666; font-size: 1.2rem;}
.t-hensati-val-float{ font-size: 1.4rem; }
.t-hensati-chart{ float: left; width: 100%; padding: 1px 0 0 0; line-height: 1.2;
	background: linear-gradient(90deg, 
      #FFF 0%,
      #FFF 25%,
      #FFCFC1 25%,
      #FFCFC1 26%,
      #FFF 26%,
      #FFF 50%,
      #FFCFC1 50%,
      #FFCFC1 51%,
      #FFF 51%,
      #FFF 75%,
      #FFCFC1 75%,
      #FFCFC1 76%,
      #FFF 76%,
      #FFF 100%);
 }
.t-hensati-chart-bar{margin:2px 0 0 0; height: 6px; border-radius: 3px; border:#FFCFC1 solid 0px;}







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













/*index-area*/
.p{ float: left; width: 100%; padding: 0 3%; }
.p-tbl{ float: left; width: 100%; margin:10px 0 0 0; border-collapse: collapse; font-size: 1.4rem; }
.p-tbl a{ }
.p-tbl th{ width: 20%; text-align: left; font-weight: normal; vertical-align: top; padding: 5px 10px 5px 0 ;}
.p-tbl td{ padding: 7px 0px; }
.p-tbl tr{ border-bottom: #D5D5D5 solid 1px; }
.p-tbl-btn{display: inline-block; margin:0 3px 0 0 ; }
.p-tbl-btn-1{ font-weight: bold;  }
.p-tbl-btn-0{ font-weight: normal; }

.p-tbl-btn-small{ font-size: 1.2rem; }





/*ジャンル別*/
.l-tbl{ float: left; width: 100%; border-collapse: collapse; font-size: 1.4rem; }
.l-tbl caption{ padding: 6px 8px 5px 8px; margin:0 0 0px 0; text-align: left; font-weight: normal; font-size: 1.4rem; line-height: 1.4; border-radius: 3px 3px 0 0; color: #FFF; }
.l-tbl-caption0{ background-color: #11AC77; }
.l-tbl-caption1{ background-color: #4B65BB; }
.l-tbl-caption2{ background-color: #D21E48; }
.l-tbl-caption3{ background-color: #D4760C; }

.l-tbl th,
.l-tbl td{ border:#999 solid 1px; padding: 3px 10px; }






/*gakubu*/
.g{float: left; width: 96%; margin:0 2%; padding: 10px 3%; border:#999 solid; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px}
.g-btn{ float: left; width: 100%; margin:0 10px 0 0; padding: 0 2%; font-size: 1.4rem; }



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