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

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow:hidden;
}
#calendar {
overflow: hidden;
}
#calendar2{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.month{
    display: flex;
    width: 33.333%;
}
.monthBox{
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 10px;
}

table{
	width:100%;
	/* border:rgba(182,141,76,0.3) solid 1px; */
	border: none;
	/* border-collapse:collapse; */
	border-collapse: separate;
	box-sizing: border-box;
}

/* .month{
    float: left;
    width: 48%;
    display: block;
	color:#583822;
} */
.month p{
    margin-bottom: 5px;
    line-height: 1em;
    font-weight: bold;
    font-size: 100%;
    /* color: #fff; */
    font-weight: normal;
    /* text-align: center; */
    /* background: #1AADDD; */
    padding: 8px 0 ;
    margin: 9px 0 0px 0;
	text-align: left;
}

.month_inn{
	font-size:115%;
	display:block;
	margin-top:20px;
}
.month_inn + br {
	line-height: 1;
}

tr{
	text-align:center;	
}

td,th{
	padding-top:2px;
	padding-bottom:2px;
	width:26px;
	height:26px;
	/* border:rgba(182,141,76,0.2) solid 1px; */
	border: none;
}
th{
font-weight:normal;
/* background:rgba(29,42,117,0.1); */
background-color: #eeeeee;
    /*border-bottom: rgba(182,141,76,0.5) solid 1px;*/
}

#calendar_blue,
#calendar_pink,
#calendar_purple{
    display: none;
}


#calendar_usually{
	margin-top:5px;
	margin-bottom:10px;
	display:block;
	border-left:#ffee99 solid 10px;
	padding-left:5px;
	line-height:1.25em;
	float:right;
}

#calendar_class{
	margin-top:5px;
	display:block;
	border-left:#D2ECFA solid 10px;
	padding-left:5px;
	line-height:1.25em;
	clear:both;
	margin-bottom:30px;
}

/* #calendar .month {
	float: left;
	width:48%;
	margin: 0 0 0 2%;
} */
/* .calendarbox .month:first-child {
	margin: 0 3% 0 0;
} */
#calendar .month p {
	text-align: center;
	background: rgba(243,152,0,0.7);
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
}
#calendar .month table.calendar {
	margin-bottom:15px;
    width: 100%;
    box-sizing: border-box;
}
#calendar .month table.calendar tr th,
#calendar .month table.calendar tr td {
	text-align: center;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 1.5em;
    box-sizing: border-box;
}
#calendarMark .markPink {
	color: #fbdceb;
}
#calendarMark .markBlue {
	color: #D2ECFA;
}
/*----------------------------------------------------------------------------------

media query

----------------------------------------------------------------------------------*/
/*----------------------------max-width480px---------------------------*/
@media (max-width: 480px){
.month{
	clear:both;
	/*padding-left:10px;*/
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
}
.calendarbox .month:first-child {
    margin: 0 auto 5px;
}
}