@charset "utf-8";

.sidebar {width:98%}

.calendar {border-collapse:collapse;width:98%}
.calendar caption{padding-bottom:6px;font-size:15px}
.calendar th,.calendar td{width:14%;font-size:15px;border:1px solid #bbb;text-align:center;height:30px;}

.calendar th{background:#ddedf8;}
.calendar th:first-child{color:#f30;}
.calendar th:last-child{color:#03c;}

.calendar td {text-align:left;padding:2px;line-height:14px;font-size:12px;}
.calendar td div{text-align:center;}

.calendar td a{text-decoration:underline;display:block;width:100%;}
.calendar td a:hover{background:#fe814d;color:#fff;text-decoration:none}
.calendar td a:active{background:#f30;}

.days{background:#ffffff;}
.saturday{background:#f3f9fd;}
.sunday{background:#fff5f2;}

.today{background:#fffbcc;}


.calendar1 {border-collapse:collapse;width:98%}
.calendar1 caption{padding-bottom:6px;font-size:15px}
.calendar1 th,.calendar1 td{width:14%;font-size:15px;border:1px solid #bbb;text-align:center;height:30px;}

.calendar1 th{background:#ddedf8;}
.calendar1 th:first-child{color:#f30;}
.calendar1 th:last-child{color:#03c;}

.calendar1 td{text-align:left;padding:2px;line-height:14px;font-size:12px;}
.calendar1 td div{text-align:center;}

.calendar1 td a{text-decoration:underline;display:block;width:100%;}
.calendar1 td a:hover{background:#fe814d;color:#fff;text-decoration:none}
.calendar1 td a:active{background:#f30;}

@media screen and (max-width:640px) {

.calendar1,
.calendar1 caption,
.calendar1 tbody,
.calendar1 tr,
.calendar1 td {
	display: block;
	width: auto;
	height: auto !important;
}

.calendar1 td {
	padding: .5em;
	border-bottom-width: 0px;
}

.calendar1 td::after {
	content: "";
	display: block;
	clear: both;
}

.calendar1 td div:first-child {
	float: left;
	width: 70px;
	text-align: right;
}

.calendar1 td a {
	display: block;
	width: auto;
	margin-left: 84px;
}
.calendar1 .wd0 div:first-child {
	color: #f00;
}
.calendar1 .wd0 div:first-child::after {
	content: "（日）";
}
.calendar1 .wd1 div:first-child::after {
	content: "（月）";
}
.calendar1 .wd2 div:first-child::after {
	content: "（火）";
}
.calendar1 .wd3 div:first-child::after {
	content: "（水）";
}
.calendar1 .wd4 div:first-child::after {
	content: "（木）";
}
.calendar1 .wd5 div:first-child::after {
	content: "（金）";
}
.calendar1 .wd6 div:first-child {
	color: #00f;
}
.calendar1 .wd6 div:first-child::after {
	content: "（土）";
}

.calendar1 td br {
	display: none;
}

tr.calendardateheaders1 {
	display: none;
}



}