@charset "UTF-8";
/***********************************************************:
 * JPubb [日本語用]
 * CSS for Japanese
 * extra set - covid19
 * modifydate	2020/04/17 stsujino
 ***********************************************************/
.caticon {float:left;width:150px;font-size:120%;}
.attrib {float:left;width:125px;padding-right:5px;}
.indy {float:left;width:70px;}
.indy a{font-size:96%;}
.rlttl {margin-left:360px;}
.dd {text-align:center;border-radius:5px;background-color:#ccc;padding:2px;}
.heatmaps {
 	margin-top:1em;
}
.heatmaps, .heatmaps td {
	border-collapse: collapse;
	border:#DDD 1px solid;
}
.heatmaps td{
	padding:2px;
	font-size:90%;
	font-weight:bold;
	width:9%;
	height:50px;
	text-align:center;
}
.heatmaps td.tier1 {
	background-color:#d84027;
}
.heatmaps td.tier1 a{
	color:#FFF;
}
.heatmaps td.tier1 li a{
	color:#640303;
}
.heatmaps td.tier2 {
	background-color:#e88c7d;
}
.heatmaps td.tier3 {
	background-color:#f0b2a8;
}
.heatmaps td.tier4 {
	background-color:#f8d9d4;
}
.heatmaps td.tier5 {
	background-color:#fcecea;
}
.heatmaps td.tier0 {
	background-color:#FFF;
}
.heatmaps td.last {
	width:70%;
	background-color:#FFF;
}
.hmcap{
	margin-top:5px;
	font-size:96%;
}
.heatmaps_caption{
	float:left;
}
.heatmaps_lastmodified {
	width:100%;
	text-align:right;
}
.hTtip ol {
    display: none;
    color: #666;
    text-decoration: none;
    text-align:left;
    font-size:120%;
    padding: 5px;
    list-style-type: disc;
    list-style-position: inside;
}
.hTtip:hover ol {
    display: block;
    position: absolute;
    border-radius: 5px;
    border: solid 1px #DDD;
    background: #FFD;
    background-color:#fffd80;
    min-width: 200px;
    z-index:100;
}
.hTtip:hover{
    border:solid 4px #fffd80;
}
.btn,
a.btn{
  font-size: 8pt;
  /*font-weight: 700;*/
  font-weight: 300;
  /*line-height: 1.5;*/
  position: relative;
  display: inline-block;
  padding: 2px 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin-top: 3px;
}
a.btn--radius {
   border-radius: 1vh;
}
a.btn--radius-bar {
   border-radius: 1vh;
   font-size:14pt;
   margin-right:10px;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
a.btn--blue {
  color: #fff;
  background-color: #4A90A4;
}
a.btn--green {
  color: #fff;
  background-color: #42B038;
}
a.btn--yellow {
  color: #fff;
  background-color: #B39D24;
}
a.btn--purple {
  color: #fff;
  background-color: #A37AC2;
}
a.btn--pink {
  color: #fff;
  background-color: #dd6c7c;
}
a.btn--gray {
  color: #fff;
  background-color: #525252;
}
h2.gtitle {
  margin:20px 0 5px 10px;
  padding: 0 0 0 5px;
  border-left: solid 10px #ff7f50;
}
.heatmaps td {
  width: 7%;
}