.calendar_table{
    border-spacing: 1px;
    background-color: #ddd;
    font-size: 17px;
    font-weight: bold;
}

.calendar_table th {
    padding: 6px 15px;
    width: 150px;
    background-color:#f8f8f8;
    text-align: center;
}

.calendar_table td {
    padding:15px;
    width: 150px;
    background-color: #fff;
    text-align: center;
}

/* 土曜・一部の店舗 */
.calendar_table td:last-of-type,
.calendar_table td.saturday {
	background-color: #6fcdea;
    color: #fff;
}

/* 日曜 */
.calendar_table td:first-of-type,
.calendar_table td.holiday {
    background-color: #ff9999;
    color: #fff;
}

/* イレギュラー */
.calendar_table td.irregular {
    background-color: #ffcc33;
    color: #fff;
}

/* 時短 */
.calendar_table td.irregular2 {
    background-color: #60bf9f;
    color: #fff;
}

/* 当月以外 */
.calendar_table td.othermonth {
    background-color: #eee;
    color: #fff;
}

small {
    font-size: 11px;
}

.cl_saturday {
	color: #6fcdea;
}

.cl_holiday {
	color: #ff9999;
}

.cl_irregular {
	color: #ffcc33;
}

.cl_irregular2 {
	color: #60bf9f;
}

@media screen and (max-width:600px){
    .calendar_table {
        font-size: 14px;
    }

    .calendar_table th {
        padding: 2px 10px;
    }

    .calendar_table td {
        padding: 10px;
    }
}