/*------------------------------------------------------------------------------
カレンダー
------------------------------------------------------------------------------*/
.mainDiv{
    width:650px;
    margin: 0 0 0 0;

}
.calendar-grid{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width:350px;
    margin: 0 0 0 0;
}
.week-block{
    width: auto;
    height: 28px;
    text-align: center;
    font-weight: bold;


}
.day-block{
    width: auto;
    height:100px;
    border: 1px solid red;
}
.button-day{
    width: auto;
    height:auto;
    padding: 0;
    text-align: center;
    background: white;
    border: 0px solid red;
    font-size: 1.2rem;
}
.d-flex {
    display: flex;
}
.justify-content-between {
    justify-content: space-between;
}
.text-center{
    text-align: center;
}
.my-3 {
        justify-content: space-between;
    margin-bottom: 1.5rem;
}
.holiday{
  /*
  //background-color: #74992e;
  */
  background-color: #a0d8de;
}
.ok{
    height:18px;
    font-size: 0.8rem;
    margin:0;
}
.ng{
    height:18px;
    background-color: red;
    font-size: 0.8rem;
    margin:0;
}