/**********************************************
	ページヘッダー
**********************************************/
#pageTitleBlock {
	z-index:999;
	position:relative;
	margin-top:8rem;
	padding:10rem 0 10rem 0;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url("../images/pageHeader3.jpg");
}

@media screen and (max-width:1023px) {
	#pageTitleBlock {
		margin-top:calc(64px + 1rem);
		padding:6rem 0;
	}
}

/**********************************************
	カレンダー説明
**********************************************/
.holidayText {
	margin-bottom:2rem;
	text-align:right;
	font-size:1.2rem;
}

.holidayText img {
	width:1.8rem;
	height:auto;
}

/**********************************************
	テーブル
**********************************************/
.businessTable {
	width:100%;
	background-color:#fff;
	border-top:1px solid #ccc;
}

.businessTable th {
	padding:1rem 0.5rem;
	white-space:nowrap;
	font-size:1rem;
	border-bottom:1px solid #ccc;
}

.businessTable td {
	padding:1rem 0.5rem;
	font-size:1.1rem;
	border-bottom:1px solid #ccc;
}

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

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

.calendarMonth {
	text-align:center;
	font-size:1.1rem;
	font-weight:500;
	color:#333;
}

.calendarTable {
	border-collapse:separate;
	border-spacing:0;
}

.calendarTable th {
	padding:0px 0;
	text-align:center;
	font-size:0.9rem;
	font-weight:300;
	color:#333;
	background-color:#eee;
}

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

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

.calendarTable td span {
	position:absolute;
	top:0;
	left:0;
	width:32px;
	line-height:32px;
	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;
	}
}