@charset "UTF-8";
#biz_calendar {
  max-width: 100%;
  margin: 0 auto 30px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#biz_calendar p {
  margin: 0;
  line-height: 170%;
}
#biz_calendar p span.boxholiday {
  background-color: #F63C9F;
  padding-left: 25px;
  margin-right: 10px;
}
#biz_calendar p span.boxeventday {
  background-color: #64BDEB;
  padding-left: 25px;
  margin-right: 10px;
}

#biz_calendar table.bizcal {
  width: 100%;
  table-layout: fixed;
  line-height: 1.6;
  cursor: default;
  vertical-align: middle;
  border-collapse: collapse;
}
#biz_calendar table.bizcal th {
  text-align: center;
  border-width: 0;
  padding: 4px 2px;
  font-weight: normal;
  color: #FFF;
  background:#5da938;
}
/*
#biz_calendar table.bizcal th:first-child {
  color: red;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: blue;
}
*/
#biz_calendar table.bizcal td {
  border: 1px solid #CCC;
  padding: 5px 10px;
  vertical-align: top;
  height: 100px;
}

#biz_calendar table.bizcal td .date {
	text-align: right;
	display: block;
}
#biz_calendar table.bizcal td .cal-event {
  margin-top: 10px;
  width: 100%; height: auto;
  display: inline-block;
}
#biz_calendar table.bizcal td .cal-txt-event { 
  margin-top: 10px;
  display: block;
  line-height: 150%;
}

/*土日*/
body.color_white #biz_calendar table.bizcal tr td:first-child {
  background: #FFE1E1;
}
body.color_white #biz_calendar table.bizcal tr td:nth-last-of-type(1) {
  background: #E2EDF8;
}


#biz_calendar table.bizcal .calmonth {
  text-align: center;
  padding: 2px 7px;
  border: none;
}
#biz_calendar table.bizcal .calbtn {
  border: none;
  cursor: pointer;
}
#biz_calendar table.bizcal .holiday {

}
#biz_calendar table.bizcal .eventday {
}
#biz_calendar table.bizcal .eventday a {
	
}
#biz_calendar table.bizcal .cal-event {
	text-decoration: underline;
}
#biz_calendar table.bizcal .today {
  font-weight: bold;
}
#biz_calendar table.bizcal .today a {
  font-weight: bold;
}
#biz_calendar table.bizcal img {
  vertical-align: middle;
  box-shadow: none;
  margin: 0;
}

/*callendar*/
#calendar_controll { display: table; table-layout: fixed; width: 100%; margin-bottom: 1em; padding: 0; }
#calendar_controll li { display: table-cell; }
#calendar_controll li a:hover { opacity: .6; }
#calendar_controll li:first-child { text-align: left; font-size: .8em;  cursor: pointer;}
#calendar_controll li:nth-child(2) { text-align: center; }
#calendar_controll li:nth-child(3) { text-align: right; cursor: pointer; font-size: .8em;}
#calendar_controll li:first-child:before,
#calendar_controll li:nth-child(3):after { content:''; width: .5em; height: .5em; display :inline-block;border-style: solid; border-width: 1px 0 0 1px; vertical-align: middle; margin: 0 .5rem 2px; }
#calendar_controll li:first-child:before { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#calendar_controll li:nth-child(3):after { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }


@media screen and ( max-width: 767px ){
	
	#biz_calendar table.bizcal tbody { display: block; width: 100%; }
	#biz_calendar table.bizcal tr { display: block; width: 100%; }
	#biz_calendar table.bizcal th { display: none; }
	#biz_calendar table.bizcal td { display: block; width: 100%; height: auto; min-height: 2.3rem; text-align: left; word-wrap: break-word; white-space: normal; padding: 2% 2% 2% 4rem; position: relative;}
	#biz_calendar table.bizcal td:empty { display: none; }

	#biz_calendar table.bizcal td:after{ content:"."; display: block; height:0; clear: both; visibility: hidden; }
	#biz_calendar table.bizcal td .date { font-size: .8rem; text-align: left; width: 4rem; position: absolute; top:0; left: 0; bottom: 0;padding: 2%; border-right: 1px solid #CCC; margin: auto;}
	#biz_calendar table.bizcal td:nth-child(1) .date:after { content:'(日)'; }
	#biz_calendar table.bizcal td:nth-child(2) .date:after { content:'(月)'; }
	#biz_calendar table.bizcal td:nth-child(3) .date:after { content:'(火)'; }
	#biz_calendar table.bizcal td:nth-child(4) .date:after { content:'(水)'; }
	#biz_calendar table.bizcal td:nth-child(5) .date:after { content:'(木)'; }
	#biz_calendar table.bizcal td:nth-child(6) .date:after { content:'(金)'; }
	#biz_calendar table.bizcal td:nth-child(7) .date:after { content:'(土)'; }
	
	#biz_calendar table.bizcal td .cal-event { width: 48%; margin-top: 0; display: inline-block; float: left;  margin-left: 2%; }
	#biz_calendar table.bizcal td .cal-event img { width: 100%; }
	#biz_calendar table.bizcal td .cal-event:nth-of-type(n + 3) { margin-top: 2%; }
	#biz_calendar table.bizcal td .cal-txt-event { margin-top: 0; margin-left: 2%; }
	#biz_calendar table.bizcal td .cal-txt-event:nth-of-type(n + 2) { margin-top: 2%; }
}