@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {

	font-family: 'Noto Sans JP';
	font-weight: 400;
}

h1 {
	font-size: 18pt;
	font-weight: 700;
	margin: 10pt 0pt 10pt 0pt;
}

h1 #last-update {
	font-size: 10pt;
	font-weight: 400;
	margin: 0pt 0pt 0pt 8pt;
	color: #404040;
}

div#units {
	
	margin: 8pt 0pt 18pt 0pt;
	color: #404040;
}

div#units wbr {

}

div#units .unitTab {
	
	margin: 2pt 2pt;
	padding: 4pt 12pt;
	border: solid 1pt #404040;
	cursor: pointer;
	word-break: keep-all;
	white-space: nowrap;
	display: inline-block;
}

table {
	
	font-family: 'Noto Sans JP';
	color: #000000;
	font-size: 12pt;
	font-weight: 400;
	width: 100%;
	max-width: 250pt;
	border: solid 1pt #ffffff;
	border-collapse: collapse;
}

table.sakura-cinderella, table.sakura-cinderella-student {
	
	border-color: #db9ecb;
}

table th {

	white-space: nowrap;
	text-align: left;
	padding: 3pt 6pt;
	border: solid 1pt #ffffff;
	font-weight: 600;
}

table thead th {
	
		color: #ffffff;
}

table td {

	white-space: nowrap;
	text-align: left;
	padding: 3pt 6pt;
	border: solid 1pt #ffffff;
}

table.sakura-cinderella thead th, table.sakura-cinderella-student thead th {
	
	background-color: #db9ecb;
	border-color: #a5789d;
}

table.sakura-cinderella tbody th, table.sakura-cinderella-student tbody th {

	border-color: #db9ecb;
}

table.sakura-cinderella tbody td, table.sakura-cinderella-student tbody td {

	border-color: #db9ecb;
}

table.syoujyo-no-kisetsu thead th {
	
	background-color: #71d0ad;
	border-color: #5ba580;
}

table.syoujyo-no-kisetsu tbody th {

	border-color: #71d0ad;
}

table.syoujyo-no-kisetsu tbody td {

	border-color: #71d0ad;
}

table.ichigozero thead th {
	
	background-color: #e67423;
	border-color: #c95e20;
}

table.ichigozero tbody th {

	border-color: #e67423;
}

table.ichigozero tbody td {

	border-color: #e67423;
}

table.twenty-four-oclock thead th {
	
	background-color: #300000;
	border-color: #560000;
}

table.twenty-four-oclock tbody th {

	border-color: #300000;
}

table.twenty-four-oclock tbody td {

	border-color: #300000;
}

table.white-lovers thead th {
	
	background-color: #8fc7d8;
	border-color: #f2f2f2;
}

table.white-lovers tbody th {

	border-color: #8fc7d8;
}

table.white-lovers tbody td {

	border-color: #8fc7d8;
}

td.team {

	width: 50pt;
}

td.color-main {

	width: 24pt;
}

td.color-sub {

	width: 24pt;
}

td.color-unconfirmed {

	width: 24pt;
	border: none;
	text-align: center;
	font-weight: bold;
	color: #DDD;
	font-size: 7pt;
}