@charset "utf-8";
/* CSS Document */

main .calendar_comment {
	margin:30px 0;
}
main .calendar_comment .kind {
	text-align:center;
	border:3px solid #999;
	padding:12px;
	margin:0 0 30px;
	font-size:128.5%;/*18px*/
}
main .calendar_comment .att {
	margin:12px 0 0;
}
main .calendar_comment .sp_text {
	display:none;
}
main .table_wrapper .calendar_table {
	border-collapse:collapse;
	width:100%;
}
main .table_wrapper .calendar_table td {
	border:1px solid #CCC;
}
main .table_wrapper .calendar_table td.td_name {
	padding:3px 10px;
}
main .table_wrapper .calendar_table td.td_name br {
	display:none;
}
main .table_outer .sp_table {
	display:none;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
main .table_outer {
	position:relative;
}
main .calendar_comment .sp_text {
	display:block;
}
main .table_outer .sp_table {
	display:block;
	position:absolute;
	left:0;
	top:30px;
	width:133px;
	font-size:85.7%;/*12px*/
	border-collapse:collapse;
}
main .table_outer .sp_table td {
	padding:3px 0 3px 5px;
	width:133px;
	border:1px solid #CCC;
}
main .table_outer .sp_table td.top_name {
	height:44px;
}
main .table_wrapper {
	width:100%;
	overflow:scroll;
}
main .table_wrapper .calendar_table {
	width:500px;
	font-size:85.7%;/*12px*/
}
main .table_wrapper .calendar_table .month {
	height:30px;
}
main .table_wrapper .calendar_table td.td_name {
	padding:3px 0 3px 5px;
	width:133px;
}
main .table_wrapper .calendar_table td.td_name br {
	display:block;
}
}