/*----------------------
  カレンダー上部（月、矢印）
  ----------------------*/
.calendar_header{
  display: flex;
  justify-content: space-between;
  align-items:center;
  padding-bottom: 10px;
}

/*矢印*/
.calendar_header .material_icons{
  color:#664D41;
}
/*矢印（前月表示）*/
.calendar_header .calendar_header_arrow_rev{
  width: 50px;
  text-align: left;
  padding-left:15px;
}
/*矢印（次月表示）*/
.calendar_header .calendar_header_arrow_next{
  width: 50px;
  text-align: right;
  padding-right:15px;
}

/*月*/
.month_box .month{
  padding: 10px;
  font-size: 1.3em;
  font-weight: bold;
  color: #664d41;
}





.calendar_body {
	font-size: 0.9em;
	line-height: 1.5em;
	background: #FFFFFF;
	margin: 0px;
 padding: 0px;
}
.calendar-koumoku {
	color: #533D07;

	padding: 5px;
	width: 14.28%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #FFCCCC;
	font-weight: bold;
}

.calendar-koumoku_sun {
	color: #FF6666;
	padding: 5px;
	width: 14.28%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #FFCCCC;
	font-weight: bold;
}
.calendar-koumoku_sat {
	color: #0066CC;
	padding: 5px;
	width: 14.28%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #FFCCCC;
	font-weight: bold;
}


.calendar_text_01 {
	color: #333;
	background-color: #FFF;
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
}
.calendar_text_02 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #ECECFF;
}
.calendar_text_03 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #d8f29b;
}
.calendar_text_04 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #F00;
}
.calendar_text_05 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #0F0;
}

.calendar_text_10 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFD4E0;
}
.calendar_text_99 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff7a5;
}






.calendar_pattern_01 {
	color: #333;
	background-color: #FFF;
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #AAA;
}
.calendar_pattern_02 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
 background-color: #ECECFF;
	border: 1px solid #AAA;
}
.calendar_pattern_03 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
 background-color:#d8f29b;
	border: 1px solid #AAA;
}
.calendar_pattern_04 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF url(haikei-date05.jpg) no-repeat center center;
	border: 1px solid #AAA;
}
.calendar_pattern_05 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF url(haikei-date06.jpg) no-repeat center center;
	border: 1px solid #AAA;
}

.calendar_pattern_10 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
 background: #FFD4E0;
	border: 1px solid #AAA;
}
.calendar_pattern_99 {
	margin: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
 background: #fff7a5;
	border: 1px solid #AAA;
}



.calendar-block_waku {
	margin: 0px;
}
.calendar-block {
	width: 30px;
	background-color: #CCC;
	margin: 5px;
/*
	height: 30px;
*/
	font-size: 0.6em;
	border: 1px solid #E8E8E8;
}
.calendar-block_text {
	font-size: 0.8em;
}
.calendar-info_waku {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #FFCCCC;
	background: #FFF4F4;
	margin: 0px;
}
.calendar-info_title {
	font-weight: bold;
	color: #FF9999;
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
}
.calendar-info_text {
	margin: 0px;
	text-align: left;
	font-size: 0.8em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.calendar-info_date-title {
	font-weight: bold;
	color: #FF9999;
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
}
.calendar-info_date-text {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	padding-right: 5px;
	padding-left: 5px;
}
.calendar-pattern_text {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
}

/*日付のない枠*/
.calendar_text_blank {
    background-color: #FFF;
    padding: 5px;
    width: 14.28%;
}