/*　カレンダー
*********************************************/

.calendar {

}
.sectionHeader {
	margin-bottom: 20px;
}
.cal_month_select {
	text-align: center;
	font-size: 145%;
    font-weight: bold;
}
.cal_category_select {

}








.calendar table {
	width: 100%;
}
.calendar .colgroup1 {
	width: 70px;
}


.calendar table caption {
	font-size: 140%;
	color: #5f3919;
	font-weight: bold;
	padding-bottom: 5px;
}

.calendar thead {
	background-color: #ffffbb;
}

.calendar table th,
.calendar table td {
	border: 1px solid #ccc;
	height: 35px;
	vertical-align: middle;
	text-align: center;
}

.calendar table td {

}


.calendar .day,
.calendar .week,
.calendar .event
 {
	vertical-align: middle;
}


.calendar .sunday,
.calendar .holiday {
	background-color: #ffefed;

}

.calendar .saturday {
	background-color: #e3f5f9;
}


.calendar table td a {

}

.calendar_item {
	padding: 2px 2px;
/*
	display: flex;
	flex-wrap: wrap;
*/
	align-items: center;
}
.calendar_item span {
	display: block;
}
.calendar_item .title {
	padding: 0 0px;
	margin-right: 10px;
}
.calendar_item .title a {
}

.cal_tbl ul {
	list-style: disc;
	margin-left: 0;
	list-style: disc;
	padding-left: 2em;
}

.calendar table .category_title {
	display: none;
}
.calendar table .category {
  background-color: #ad6ad1;
  color: #fff;
	font-size: 80%;
	padding: 2px 5px;
}
.calendar table .calendar_item .cate1 { background-color: #d17bfe; }
.calendar table .calendar_item .cate2 { background-color: #48D1CC; }
.calendar table .calendar_item .cate3 { background-color: #67cafe; }
.calendar table .calendar_item .cate4 { background-color: #33d867; }
.calendar table .calendar_item .category {}


.calendar .cal_day_tbl {
	margin-bottom: 10px;
}






.cal_day_tbl table[border] th,.cal_day_tbl table[border] td {
    padding: 3px 5px;
    border: 3px solid #f5f5ec;
    vertical-align: middle;
}



.calendar .cal_day_tbl th {
	vertical-align: middle;
    background-color: #e2e2d7;
	width: 200px;
	text-align: center;
}

.cal_day_tbl table th, .cal_day_tbl table td {
    vertical-align: top;
    font-size: 100%;
    background-color: #fff;
}


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

.calendar .cal_day_tbl th {
    width: 25%;
}
}