/* カレンダーの外枠 */
.innerFrame1{
    display: block;
    width: 280px;
    background-color: gold;
    margin-top: 20px;
    margin-left: 10px;
    padding-bottom: 15px;
}
/* カレンダー上部（年月 & 月移動ボタン） */
.grid_1{
    display: grid;
    grid-template-columns: 40px 65px 135px 40px;  
    grid-auto-rows: 50px;
}
/* 週の曜日 */
.grid_2{
    display: grid;
    grid-template-columns: 14px 36px 36px 36px 36px 36px 36px 36px 14px ;  
    grid-auto-rows: 20px;
    background-color:gold;
}
/* カレンダー本体の入れ物 */
.grid_3{
    display: grid;
    grid-template-columns: 14px 252px 14px;  
    background-color: gold;
}
/* カレンダー本体 */
.grid_4{
    display: grid;
    grid-template-columns: 36px 36px 36px 36px 36px 36px 36px;  
    grid-auto-rows: 50px;
    background-color: white;  
}
/* 日付 */
.day{
    border: solid 1px gold;   
    display: flex;
    justify-content:center;
    align-items: center;
}
/* 日付（非表示） */
.noday{
    display: none;
}
/* 月移動ボタンの外枠 */
.btn_box{
    display: flex;
    justify-content:center;
    align-items: center;
    /*border: solid 1px green;*/   
}
/* 月移動ボタン */
.btn{
    width: 25px;
    height: 25px;
    display: flex;
    justify-content:center;
    align-items: center;
    border: solid 1px black;   
}
/* 年見出し */
.year{
    display: flex;
    justify-content:center;
    align-items: center;
    font-size: 1rem;
}
/* 月見出し */
.month{
    display: flex;
    justify-content:right;
    align-items: center;
    font-size: 1.5rem;
}
/* 日曜・祝日 */
.holiday{
    color: #ff0000;
}
/* 土曜 */
.saturday{
    color: #0000ff;
}
/* 大きい文字 */
.largeFont{
    font-size: 1.3rem;
}
/* 小さい文字 */
.smallFont{
    font-size: 1.0rem;
}
/* 選択日 */
.currentDay{
    border: solid 2px red;
}
/* 曜日 */
.weekday{
    display: flex;
    justify-content:center;
    align-items: center;
    font-size: 0.9rem;
}