.calendar .box,
.calendar .calendar-table {
	width: 100%;
	color: #696969;
	font-size: 115%;
}
.calendar .calendar-table{
	border-collapse: separate;
    border-spacing: 0 0.25em;
}
.calendar .calendar-table td span{
	min-width: 2em;
	display: inline-block;
}
.calendar .calendar-table .bh1 span{
	background-color: #FFB0D5;
}
.calendar span.bh1{
	color: #FFB0D5;
}
.calendar .flex-box{
	display: flex;
	justify-content: space-between;
	padding: 0 2em;
}
.calendar button{
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 200%;
	color: #4296d7;
}
.calendar button:disabled{
	opacity: 0.3;
}
@media screen and (max-width: 400px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
	.calendar .calendar-table{
	font-size: 4vw;
}
}