@charset "UTF-8";
/* CSS Document */


#calendar{
	width: 100%;
}

#calendar h2{
	background: #808080;
	color: #fff;
	padding: 8px;
	font-size: 14px;
}


#calendar .btn{
	display: flex;
	justify-content: space-between;
}



#calendar table {
  width: 100%;
  border-collapse: inherit;
 
}

#calendar tr {
  text-align: center;
  font-size: 10px;
}

#calendar th {
  padding-bottom: 8px;
}

#calendar td {
  padding-bottom: 2px;
  height: auto !important;
}

#calendar td.today {
  background: #BA9756;
  color: #fff;
  height: auto;
}


/* 曜日のヘッダー */
th.weekday {
    text-align: center;
    padding: 3px;
}


th.weekday-0 { color: #F23E0C; } 
th.weekday-6 { color: #006BED; } 


/* 日付セル */
td.day {
    text-align: center;
    padding: 3px;
}

td.weekday-0 { 
	background-color: #F23E0C;
	color: #fff;
} 
td.weekday-6 { background-color: #F23E0C;
	color: #fff;
} 

.holiday {
  background-color: #F23E0C!important;
	color: #fff;
}

.calendar-container p{
	text-align: center;
	font-size: 12px;
}


.calendar-container p span{
	color: #F23E0C;
	padding: 0 10px;
}

.calendar-container p span.today{
	color: #BA9756;
}