/* CSS Document */

table {
	width:100%;
	margin-bottom: 2em;
}
	tr {border-bottom: rgba(0,0,0,0.1) solid 1px; background-color: rgba(255,255,255,1.00);}
	tr:first-child {border-top: rgba(0,0,0,0.1) solid 1px;}
		/*画面サイズxs(~767px)の場合*/
		@media screen and (max-width:767px) {
			/*tr:first-child {border-top-style: none;}*/
		}
		th,td {}
			th {padding:0.6em 0.2em 0.6em 0.2em; background-color: rgba(0,160,255,0.10); text-align:center; font-size:12pt; letter-spacing: 0.07em;}
			td {padding:0.6em 0.2em 0.6em 1.4em;}
			
table.CO2{
	border: 1px solid rgba(0,0,0,0.1);
}
table.CO2 th {
  padding:0.6em 0.2em 0.6em 0.2em;
  font-weight: bold;
  vertical-align: top;
  background-color: rgba(0,255,0,0.10);
  text-align:left;
  letter-spacing: 0.07em;
  /*width:50px;*/
}
/*table.CO2 td {width:74%;}*/


/* 左右に一対のth,tdタグがある場合は、tableにclassセレクタを指定しない。 */
	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		/*tr {border-style: none;}*/
		th,td {display: inline-block;}
		th {width:100%; text-align:left; padding-left:0.4em;}
		td {width:100%; padding-left:0em; padding-right:0em;}
	}

	/*画面サイズsm(768px~991px)の場合*/
	@media screen and (min-width:768px) and (max-width:991px) {
		th {width:25%;}
		td {width:75%;}
	}

	 /*画面サイズmd(992px~1199px)の場合*/
	@media screen and (min-width:992px) and (max-width:1199px) {
		th {width:20%;}
		td {width:80%;}
	}

	/*画面サイズlg(1200px~)の場合*/
	@media screen and (min-width:1200px) {
		th {width:24%;}
		td {width:76%;}
	}