@charset "UTF-8";
/* === もしも大阪市が === */
/*   三宅龍太郎 2017  */

@media screen {

	h3 {
		counter-reset: city_counter;
	}
	h4 ~ ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	h4 + ul li:nth-of-type(2),
	h4:last-of-type + p + ul > :is(li:first-of-type, li:nth-of-type(2)) {
		overflow: auto;
	}
	h4:not(h4:last-of-type)::before {
		counter-increment: city_counter;
		content: counter(city_counter) '.';
		margin: 0 .2em 0 0;
	}

	table {
		margin: 0;
		width: 100%;
		border-collapse: collapse;
		border: .125em solid #99f;
		border-spacing: 0;
	}
	table:last-of-type {
		margin: 0 0 .5em;
	}
	table caption {
		display: none;
	}
	table col:first-of-type {
		width: 4.5em;
	}
	table col:nth-of-type(2) {
		width: 7em;
	}
	table th:nth-of-type(3) {
		width: 9em;
	}
	table col:nth-of-type(4) {
		width: 9em;
	}

	table th {
		text-align: center;
		background-color: #d9dfee66; /* 末尾2桁は透明度 */
	}
	table th,
	table td {
		padding: 0 8px;
		border: .0625em solid #99f;
	}
	table td {
		text-align: right;
	}
	table td:nth-of-type(4) {
		text-align: left;
	}
	table .day {
		background-color: #ccf;
	}
	table span {
		font-size: 80%;
	}
	table th:empty, table td:empty {
		background-color: #cbcbcb;
	}
	#OSAKASHI caption, #FUKUSHIMAKU caption {
		display: table-caption;
	}

}

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

	h4:not(h4:last-of-type) + ul {
		display: grid;
		grid-template-columns: 128px 1fr;
		gap: 0 1em;
		margin-left: 2%;
	}
	h4:last-of-type + p + ul {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto auto;
		gap: 0 1em;
	}
	h4:last-of-type + p + ul > li:nth-of-type(2) {
		grid-column: 2;
		grid-row: 1 / 3;
	}
	h4:last-of-type + p + ul > li:nth-of-type(2) table col:first-of-type {
		min-width: 4.5em;
	}
}