/*
@function fz( $baseSize, $newSize ) {
	@return floor(percentage( $newSize / $baseSize ));
}
*/
.u-calendar-table {
	margin-top : 20px;
	width : 100%;
}
@media screen and (min-width: 768px) {
	.u-calendar-table {
		margin-top : 40px;
	}
}
.u-calendar-table th, .u-calendar-table td {
	border : 1px solid #bfc6cb;
	padding : 10px;
	vertical-align : middle;
	text-align : left;
	line-height : 1.5;
	font-size : 19.2px;
	font-size : 1.2rem;
}
@media screen and (min-width: 768px) {
	.u-calendar-table th, .u-calendar-table td {
		padding : 20px;
		font-size : 1.4rem;
	}
}
.u-calendar-table thead tr th {
	background : #e5edf3;
	font-weight : bold;
	text-align : center;
	width : 14%;
}
.u-calendar-table thead tr th:first-child {
	color : #c00;
	width : 15%;
}
.u-calendar-table thead tr th:last-child {
	color : #00c;
	width : 15%;
}
.u-calendar-table tbody tr td {
	word-break : break-all;
}
.u-calendar-table tbody tr td:first-child .cell-date {
	color : #c00;
}
.u-calendar-table tbody tr td:last-child .cell-date {
	color : #00c;
}

.u-calender-cell .cell-date {
	display : block;
	font-weight : bold;
	text-align : left;
}

.u-calender-cell .cell-status {
	display : block;
	margin-top : 10px;
	text-align : center;
	font-size : 24px;
	font-size : 1.5rem;
	color : #a2a2a1;
}
@media screen and (min-width: 768px) {
	.u-calender-cell .cell-status {
		margin-top : 20px;
		font-size : 2.0rem;
	}
}
.u-calender-cell .cell-status a {
	color : #f68742;
	text-decoration : underline;
}
@media screen and (min-width: 768px) {
	.u-calender-cell .cell-status a:hover, .u-calender-cell .cell-status a:focus, .u-calender-cell .cell-status a:active {
		text-decoration : none;
	}
}