*{
  font-family: "Roboto", "Roboto Slab", Arial, sans-serif;
/*	color: rgba(88,88,88,1); */
/*	color: rgb(0,0,0); */
		color: rgba(88,88,88,1);
}


h2{
	font-size: 28pt;		
}

.f-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.font-daily{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
	
.bgcolor-chart{
	background-color: rgba(225,225,225,0.4);
	padding: 1em;
	margin-bottom: 3em;
}

.lastupdated{
	margin-bottom: 2em;	
	font-size: 18pt;		
}

.color-cases{
/*	color: rgba(255,153,0,1); */
	color: rgba(225,125,0,1);
	font-size: 24pt;
}

.color-deaths{
/*	color: rgba(255,153,0,1); */
	color: rgba(255,48,48,0.8);
	font-size: 24pt;
}

.disp-number{
/*	color: rgba(255,153,0,1); */
  font-family: "Roboto Slab", Arial, sans-serif;
	font-size: 32pt;
}

.table-title{
	text-align: center;
}

.table-number{
	text-align: right;
}

.table-font{
	font-size: 16pt;		
}

.nominal-fontsize{
	font-size: 18pt;		
}

header{
  width: 100%;
  height: 80px; 
  background-color: #dddddd;
	margin-bottom: 6em;
}

footer{
  width: 100%;
  height: 100px; 
  text-align: center;
  padding: 5em;
  background-color: #dddddd;
/*  background-color: #cab64a; */
	margin-top: 6em;
	font-size: 18pt;		
}


/*　画面サイズが991px以下の場合読み込む　*/
@media screen and (max-width:991px) {
	*{
		color: rgb(0,0,0);
	}
	
	h1{
		font-size: 48pt;
	}
	
	h2{
		font-size: 42pt;
	}

	.lastupdated {
		margin-top: 1em;	
		margin-bottom: 2em;	
		font-size: 38pt;
	}

	.color-cases {
	/*	color: rgba(255,153,0,1); */
		font-size: 38pt;
	}

	.color-deaths {
		font-size: 38pt;
	}

	.disp-number { 
		font-size: 48pt;
	}
	
	.table-font {
		font-size: 38pt;		
	}

	.nominal-fontsize {
		font-size: 38pt;		
	}

	footer{
		font-size: 48pt;		
	}
	
	
	
}


/*　画面サイズが991px以上の場合読み込む　*/
/* @media screen and (min-width:992px){ */
/*	*{
		color: rgba(88,88,88,1);
	}
*/
/* } */