/**********************************************
	カレンダーテーブル
**********************************************/
#calendar {
	margin-bottom:15px;
	text-align:center;
}

.calendarBox {
	display:inline-block;
	margin:10px;
	background-color:#fff;
	border:1px solid #ccc;
}

.calendarMonth {
	text-align:center;
	font-size:110%;
}

.calendarTable {
	border-collapse:separate;
	border:1px solid #fff;
	border-spacing:2px;
}

.calendarTable th {
	padding:2px 0;
	text-align:center;
	font-size:80%;
	color:#888;
}

.calendarTable td {
	width:30px;
	height:30px;
	font-size:90%;
}

.calendarTable td div {
	position:relative;
	overflow:hidden;
	width:30px;
	height:30px;
}

.calendarTable td span {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	line-height:30px;
	text-align:center;
}

.calendarTable td.normalday {
	color:#222;
}

.calendarTable td.holiday {
	color:#e74c3c;
}

.calendarTable td.saturday {
	color:#2980b9;
}

.calendarTable td.businessHoliday {
	color:#fff;
}

@media screen and (max-width:768px) {
	.calendarMonth {
		font-size:110%;
	}

	.calendarTable th {
		height:24px;
	}

	.calendarTable td {
		width:24px;
		height:24px;
		font-size:86%;
	}

	.calendarTable td div {
		position:relative;
		overflow:hidden;
		width:24px;
		height:24px;
	}

	.calendarTable td span {
		position:absolute;
		top:0;
		left:0;
		width:24px;
		line-height:24px;
		text-align:center;
	}
}