*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{color:#333;min-width:320px;margin:0;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.5}main{flex-direction:column;width:100%;min-height:100vh;display:flex}.section{width:100%}.calendar-container{background-color:#fff5bb;align-items:stretch;width:100%;max-width:1200px;height:auto;margin:0 auto;padding:2rem 0}.calendar{background-color:#fff;width:fit-content;margin:1rem auto;padding:1rem}.calendar-header{flex-direction:row;align-items:center;gap:1.25rem;width:fit-content;margin:0 auto 1rem;display:flex}.calendar-header .btn{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:7px;width:fit-content;padding:5px 1rem;font-size:17px;font-weight:600;display:block}@media (width<=540px){.calendar-header .btn:first-child,.calendar-header .btn:last-child{display:none}}.calendar-header .btn:focus{background-color:#eee;border:2px solid #ccc;outline:none}.calendar-header .title{width:fit-content;font-size:16px;font-weight:600;display:block}.weekdays{background-color:#ccc;border:1px solid #ccc;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;gap:1px;width:fit-content;margin:0 auto;display:grid}.weekdays div{text-align:center;background-color:#fff;padding:5px 1rem}@media (width<=540px){.weekdays div{padding:5px 10px;font-size:12px}}@media (width<=390px){.weekdays div{padding:5px 6px;font-size:12px}}.weekdays div:first-child{background-color:#ffcaca}.weekdays div:last-child{background-color:#d2d2ff}.days{background-color:#ccc;border:1px solid #ccc;border-top:none;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.day,.empty{text-align:center;background-color:#fff;padding:5px 1rem}@media (width<=540px){.day,.empty{padding:5px 10px;font-size:12px}}@media (width<=390px){.day,.empty{padding:5px 6px;font-size:12px}}.day{cursor:pointer;transition:all .25s}.day:hover,.day:nth-child(7n):hover,.day:nth-child(7n+1):hover,.day:focus,.day:nth-child(7n):focus,.day:nth-child(7n+1):focus{background-color:#fff7ad}.day:nth-child(7n){background-color:#d2d2ff}.day:nth-child(7n+1){background-color:#ffcaca}