#calendar {
/*  display: flex;   */
/*  flex-wrap: wrap; */


}




section {
    margin: 10px;
}

h1 {
    font-size: 18px;
}

#calendar table {
    border: 1px solid #a2a2a2;	/*枠線の幅、線種、色*/
	background: #FFF;			/*テーブル内の背景色*/
	font-size: 11px;			/*文字サイズ*/
	width:47%;
	height:100px;
	margin:10px;
	float:left;
}

#calendar table th {
	background:#ebebeb;	        /*背景色#ebebeb*/
	border: 1px solid #a2a2a2;	/*枠線の幅、線種、色*/
	line-height: 1;				/*行間*/
	text-align: center;			/*文字をセンタリング*/
	padding: 5px;				/*ボックス内の余白*/
}

#calendar table td {
	border: 1px solid #a2a2a2;	/*枠線の幅、線種、色*/
	line-height: 1;				/*行間*/
	text-align: center;			/*文字をセンタリング*/
	padding: 5px;				/*ボックス内の余白*/
}


#calendar table td:first-child {
    color: red;
}

#calendar table td:last-child {
    color: royalblue;
}

td.is-disabled {
    color: #ECECEC;
}

.cal_sun {
}

.cal_mon {background: #FFFFCC;	/*背景色*/}
.cal_tue {}
.cal_wed {background: #FFFFCC;	/*背景色*/}
.cal_thu {}
.cal_fri {}
.cal_sat {}
.cal_sun {background: #EBEBEB;	/*背景色*/}

#HD1     {	background: #EBEBEB;	/*背景色*/}
#HD2     {	background: #FFCCFF;	/*背景色*/}

.TxtColor1 { color: #ffced8;	/*背景色*/}
.TxtColor2 { color: #FFFF91;	/*背景色*/}