@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
* {margin: 0; padding: 0; box-sizing: border-box;}
.calendar_div {
    font-family:'Noto Sans JP',sans-serif;
    width: 280px;
    margin: 16px auto 0;
    text-align: center;
    color: white;
    /* background-image: url("../img/bg2.png");
    background-position: top left;
    animation: move 20s alternate infinite linear; */
}
/* @keyframes move {
    10%  {background-position: top right;}
    20%  {background-position: center;}
    30%  {background-position: bottom right;}
    40%  {background-position: bottom left;}
    50%  {background-position: center;}
    60%  {background-position: top left;}
    70%  {background-position: bottom left;}
    80%  {background-position: bottom right;}
    90%  {background-position: top right;}
    100% {background-position: top left;}
} */
.calendar_div > div {
    display: flex;
    justify-content: space-between;
    border-width: 1px 1px 0 1px;
    border-color: #111 #111 transparent #111;
    border-style: solid;
    padding: 2px 7px;
    text-shadow:
    0 0 8px  white,
    0 0 16px white,
    0 0 24px white,
    0 0 30px white;
}
.prev, .next, .show_date {
    cursor: pointer;
}
.prev, .next {
    padding: 0 10px;
}
.calendar_table {
    border-collapse: collapse;
    width: 100%;
}
.calendar_table td, 
.calendar_table th {
    border: 1px solid #111;
    height: 22px; line-height: 22px;
}
.calendar_table th:first-child,
.calendar_table td:first-child {
    color: #f50967;
}
.calendar_table th:last-child,
.calendar_table td:last-child {
    color: #4285f4;
}
.opacity {
    opacity: .3;
}
.today {
    text-shadow:
    0 0 8px  white,
    0 0 16px white,
    0 0 24px white,
    0 0 30px white;
    font-weight: bold;
}