/* ------------------------------------------------------------ */
/* for calendar */

#calendar_table {
	
}

.calendar_td {
	
	vertical-align: top;
	
}

.calendar_div {
	
	margin: 5px 0 0 5px;
	
	padding: 1px 5px 0 3px;
	
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	
}

.not_tm {
	
	opacity: 0.5;
	
}

.wday_0 div {
	
	background-color: #ffeeee;
	
	color: #ff0000;
	
}

.wday_6 div {
	
	background-color: #eeffff;
	
	color: #4169e1;
	
}

.day_p {
	
	position: relative;
	
	text-align: left;
	
}

.uu_p {
	
	text-align: right;
	
}

.holiday {
	
	position: absolute;
	
	top: 0;
	right: 0;
	
	font-size: 1.0rem;
	
}

/* ------------------------------------------------------------ */

/* for Tablet & Smat Phone */
@media screen and (max-width: 959px) {
	
	/* ------------------------------------------------------------ */
	/* for calendar */
	
	#calendar_table {
		
		margin: 0 0 1em;
		
	}
	
	.calendar_td {
		
		font-size: 0.8em;
		
	}
	
	.calendar_div {
		
		margin: 0.2em 0 0 0.2em;
		
		padding: 0.1em 0.2em 0 0.1em;
		
	}
	
	.day_p {
		
		font-size: 0.9em;
		
	}
	
	.holiday {
		
		top: 0.3em;
		
		font-size: 0.7em;
		
	}
	
}