/****************************************

batman.css
May-12-2022

****************************************/

header nav li:nth-child(5) a {
	color: #ffffff;
	background: #008000;
	background: linear-gradient(#006400, #009900);
}

#mainbox2 p {
	width: 98%;
	margin: 10px auto;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}

#mainbox2 section {
	width: 100%;
	margin: 10px auto 40px;
}

#mainbox2 table#ranking {
	width: 98%;
	max-width: 640px;
	margin: 10px auto;
	border-collapse: collapse;
	font-size: 14px;
}

#mainbox2 table#ranking caption {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#mainbox2 table#ranking th {
	background: yellowgreen;
	padding: 0.5em 0.25em;
	line-height: 1;
}

#mainbox2 table#ranking tr:nth-child(2n+1) {
	background: #fcfcfc;
}

#mainbox2 table#ranking tr:nth-child(2n) {
	background: #f4f4f4;
}

#mainbox2 table#ranking tr:last-child td {
	border-bottom: 2px solid yellowgreen;
}

#mainbox2 table#ranking td {
	padding: 0.5em 0em;
	line-height: 1;
	text-align: center;
}

#mainbox2 table#data {
	width: 98%;
	max-width: 400px;
	margin: 10px auto 20px;
	border-collapse: collapse;
	font-size: 8pt;
}

#mainbox2 table#data caption {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

#mainbox2 table#data caption span.done {
	background: yellow;
	font-size: 8pt;
	font-weight: normal;
}

#mainbox2 table#data th {
	background: yellowgreen;
	padding: 4px 1px;
	font-weight: normal;
}

#mainbox2 table#data td {
	background: #f8f8f8;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	padding: 3px 0px;
}

#mainbox2 table#data td.done {
	background: yellow;
}

#mainbox2 table#ranking th:nth-child(3), #mainbox2 table#ranking td:nth-child(3), #mainbox2 table#ranking th:nth-child(5), #mainbox2 table#ranking td:nth-child(5), #mainbox2 table#ranking th:nth-child(11), #mainbox2 table#ranking td:nth-child(11) {
	display: none;
}

#mainbox2 table#ranking th:nth-child(4), #mainbox2 table#ranking td:nth-child(4) {
	min-width: 100px;
}

#mainbox2 table#ranking td:nth-child(7) {
	font-weight: bold;
}

#mainbox2 h4 {
	width: 98%;
	max-width: 400px;
	margin: 10px auto;
	font-size: 10pt;
}

#mainbox2 ul.note {
	width: 98%;
	max-width: 400px;
	margin: 10px auto;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

#mainbox2 ul.note li {
	margin: 10px 0px 10px 15px;
	font-size: 10pt;
	line-height: 1.5;
}

@media screen and (min-width:600px) {

	/****************************************

	Stylesheet:600px以上に適用

	****************************************/
	#mainbox2 table#ranking th {
		padding: 8px 0px;
	}

	#mainbox2 table#ranking th:nth-child(3), #mainbox2 table#ranking td:nth-child(3), #mainbox2 table#ranking th:nth-child(5), #mainbox2 table#ranking td:nth-child(5), #mainbox2 table#ranking th:nth-child(11), #mainbox2 table#ranking td:nth-child(11) {
		display: table-cell;
	}

	#mainbox2 table#ranking th:nth-child(4), #mainbox2 table#ranking td:nth-child(4) {
		display: table-cell;
	}
}

/****************************************
end of batman.css
****************************************/