@charset "utf-8";
body {
	line-height: 1.6;
	background-color: #ffc;
}
#container {
	width: 80%;
	margin: auto;
}
#calendar {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
}
#calendar div {
	box-sizing: border-box;
	width: calc(100% / 7);
	text-align: center;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	height: 4rem;
	cursor: pointer;
}
#calendar div.head {
	height: 1.6rem;
	cursor: auto;
	background-color: #eee;
}
#calendar div.emp {
	height: 4rem;
	cursor: auto;
	opacity: 0.7;
	background-color: #eee;
}
#calendar div:nth-child(7n+1) {
	color: #c00;
}
#calendar div:nth-child(7n) {
	color: #00c;
}
#calendar div.holiday {
	color: #c00;
}
#calendar div.holiday p {
	font-size: 0.7rem;
}
nav div a {
	text-decoration: none;
}
nav div span {
	visibility: hidden;
	margin: 0 0.3rem;
}
span {
	color: #f00;
}