html, body {
    height: 100%;
}

body {
    background-color: #f7f7f7;
}

.calendar table, .calendar th, .calendar td {
    border: 1px solid #aaa;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}
.calendar th {
    background-color: #f9f9f9;
}
.calendar td.day-out {
    color: #ccc;  /* 前後の月(灰色表示など) */
}



.container-white {
    background-color: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin: 2rem auto;
}


.badge {
    padding:1px 3px 1px 3px;
}