/**********************************************
	カレンダー
**********************************************/
.calendarBlock {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	gap:1rem;
}

.calendarMonth {
	padding:0.25rem 0;
	text-align:center;
	font-size:1.2rem;
	font-weight:600;
}

.calendarTable {
	width:18rem;
	table-layout:fixed;
	background-color:#fff;
}

.calendarTable th {
	padding:0.25rem 0;
	text-align:center;
	font-size:0.75rem;
	background-color:#bdc3c7;
	border:1px solid #999;
}

.calendarTable td {
	padding:0.25rem;
	height:3.3rem;
	vertical-align:top;
	text-align:center;
	font-family:"Oswald";
	font-size:0.9rem;
	font-weight:300;
	border:1px solid #999;
}

.calendarTable .holiday {
	color:#f00;
}

.commentText {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	gap:1rem;
	margin:1rem 0;
}

.reasonBlock {
	padding:0.1rem;
	font-size:0.75rem;
	color:#fff;
	border-radius:0.25rem;
}

.commentReasonBlock {
	display:inline-block;
	margin-right:0.5rem;
	padding:0.1rem;
	font-size:0.75rem;
	color:#fff;
	border-radius:0.25rem;
}

.reason1 {
	background-color:#f39c12;
}

.reason2 {
	background-color:#3498db;
}

.reason3 {
	background-color:#666666;
}

.reason4 {
	background-color:#27ae60;
}

.reason5 {
	background-color:#9b59b6;
}

.reason9 {
	background-color:#e74c3c;
}