@charset "UTF-8";

.calendar {
	text-align: center;
}

.caltbl {
	width: 95%;
	margin: 3em auto;
}
table.caltbl th {
	text-align: center;
	background-color: #666;
	color: #fff;
	vertical-align: middle;
}

table.caltbl th,
table.caltbl td {
	border: 1px #ccc solid;
	vertical-align: middle;
	table-layout:  fixed;
	padding: 3px;
}

table.caltbl td.gok {
	background-color: #e0f8f8;
	/*padding: 0.5% 15%;*/
}

table.caltbl td a:hover {
	background-color: #23b8bc;
	color: #fff;
	text-decoration: none;
}
@media screen and (min-width: 400px) {
		/*table.caltbl td a {
		padding: 0.5% 20%;

		}*/
}

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

	.calendar {
		display: flex;
	}
.caltbl {
		width: 30%;
	}
	table.caltbl th {
		font-size: 0.9em;
	}
/*table.caltbl td a {
	padding: 0.5% 10%;
}*/

}