@media all{
	
h3 + p{
	margin:0;
}

table.sample_calendar{
	margin:0 0 3em;
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	text-align:center;
}

table.sample_calendar > thead,
table.sample_calendar > tbody{
	border:none;
}

table.sample_calendar tr{
	background:#fff;
}

table.sample_calendar th{
	background:rgba(240 240 240 / .7);
	padding:1em;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px !important;
	border-bottom-style:hidden;
	border-right-style:hidden;
}

table.sample_calendar th:last-child{
	border-right:#ccc solid 1px !important;
}

table.sample_calendar th:first-child::after{
	content:"→";
	margin-left:.5em;
}

table.sample_calendar th.holiday{
	color:#f00;
}

table.sample_calendar th.saturday{
	color:#00F;
}

table.sample_calendar th.runon{
	color:#090;
}

table.sample_calendar tr th.vacation {
    background: rgb(233 189 162 / 50%) !important;
}

table.sample_calendar td{
	border:#ccc solid 1px;
	border-left:#ccc solid 1px !important;
	border-right-style:hidden;
	border-bottom-style:hidden;
	padding:1em 0;
}

table.sample_calendar td:last-child{
	border-right:#ccc solid 1px !important;
}


table.sample_calendar td:nth-child(1){
	width:16% !important;
}

table.sample_calendar td:nth-child(3),
table.sample_calendar td:nth-child(4),
table.sample_calendar td:nth-child(5),
table.sample_calendar td:nth-child(6),
table.sample_calendar td:nth-child(7),
table.sample_calendar td:nth-child(8),
table.sample_calendar td:nth-child(9){
	width:12% !important;
}

table.sample_calendar th:last-of-type,
table.sample_calendar td:last-of-type{
	border-right:#ccc solid 1px;
}

table.sample_calendar tr:last-of-type > td{
	border-bottom-style:solid;
}

table.sample_calendar + ul li,
p + ul li{
	margin:0;
	list-style:none;
}

table.sample_calendar + ul li::before,
p + ul li::before{
	content:"※";
}

ul li span{
	display:inline;
	background :rgba(233 189 162 / .5) !important;
	margin-right: .5em;
	width: 60px;
	
}

}

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

table.sample_calendar td span{
	display:block;
}

}

@media screen and (max-width:700px) {
	
h1 + p{
	text-align:center;
}

}

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

table.sample_calendar {
	font-size:.9em !important;
}

}

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

table.sample_calendar {
	font-size:.8em !important;
}

}

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

table.sample_calendar {
	font-size:.75em !important;
}

}