*{margin:0;padding:0}html{height:100%}body{color:#333;height:100%;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}body div#__next>div>div{height:100%;min-height:100vh}a{text-decoration:none}
.calendar{color:#59c4c4;width:100%}.calendar .calendar-main .react-calendar{z-index:0;border:none;border-radius:12px;width:auto;padding-top:1rem;box-shadow:0 0 30px #00000029}.calendar .calendar-main .react-calendar .react-calendar__navigation button{color:#59c4c4;border-radius:8px;font-size:1.4rem;font-weight:700}.calendar .calendar-main .react-calendar .react-calendar__navigation button.react-calendar__navigation__label{pointer-events:none}.calendar .calendar-main .react-calendar .react-calendar__viewContainer button{color:#222;padding:.5rem .25rem}.calendar .calendar-main .react-calendar .react-calendar__viewContainer button div{height:20px;margin:4px}.calendar .calendar-main .react-calendar .react-calendar__viewContainer button svg{color:#59c4c4}.calendar .calendar-main .react-calendar .react-calendar__viewContainer button:hover{color:#fff;background-color:#59c4c4;border-radius:8px}.calendar .calendar-main .react-calendar .react-calendar__viewContainer button:hover div>svg{color:#fff}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__weekdays__weekday>abbr:hover{cursor:default}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__days button.react-calendar__tile--active{color:#59c4c4;background:#fff9aa;border-radius:8px}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__days button.react-calendar__tile--active div{color:#fff462}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__days button.react-calendar__tile--active:hover{color:#59c4c4;background-color:#e9f5fb}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__days button.react-calendar__tile--active:hover div>svg{color:#59c4c4}.calendar .calendar-main .react-calendar .react-calendar__viewContainer .react-calendar__month-view__days button.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.calendar .overlay{z-index:2;width:100%;height:120%;display:none;position:fixed;top:0;left:0}.calendar .overlay-show{display:inline}.calendar .task-detail.display{opacity:1;visibility:visible}.calendar .task-detail{opacity:0;visibility:hidden;color:#fff;z-index:3;background-color:#165e83;border-radius:20px 20px 0 0;width:100%;height:auto;transition:opacity .6s,visibility .6s;display:inline;position:absolute;bottom:0}.calendar .task-detail .task-detail-main{padding:10px 10px 20px}.calendar .task-detail .task-detail-main span{margin-left:10px;font-size:1.4rem;font-weight:700}.calendar .task-detail .task-detail-main .close-button{color:#fff462;background:#165e83;border:none;border-radius:10px}.calendar .task-detail .task-detail-main .close-button span{margin-left:8px}.calendar .task-detail .task-detail-main button{vertical-align:top;float:right;color:#fff462;background:#165e83;border:none;border-radius:10px;padding:0 10px;font-size:1.4rem}.calendar .task-detail .task-detail-main hr{border-color:#fff462;margin:10px}.calendar .task-detail .task-detail-main .detail{margin:0;display:flex}.calendar .task-detail .task-detail-main .detail .tasks{flex-basis:80%;padding:10px}.calendar .task-detail .task-detail-main .detail .stamp{text-align:center;flex-basis:20%;margin:auto}.calendar .task-detail .task-detail-main .detail .stamp div>svg{color:#fff462;width:2.6rem;height:2.6rem}.calendar .task-detail .task-detail-main .achievement-confirm-button{float:right}.calendar .task-detail .task-detail-main .achievement-confirm-button button{color:#fff;background-color:#59c4c4;border:none;border-radius:24px;margin:10px;padding:6px 24px;font-size:1rem}.calendar .dialog{width:100%;display:none;position:absolute;top:80px}.calendar .dialog .dialog-content{background-color:#e6e6fa;border-radius:60px;width:60%;margin-left:auto;margin-right:auto;padding:20px;box-shadow:0 0 8px gray}.calendar .dialog .dialog-content .description span{font-weight:700}.calendar .dialog .dialog-content .set-tasks{margin:10px 0;font-size:1rem}.calendar .dialog .dialog-content .set-tasks span{margin-left:4px}.calendar .dialog .dialog-content .dialog-button{float:right;padding-right:10px}.calendar .dialog .dialog-content .dialog-button .close-button{color:#fff;background-color:#165e83;border:none;border-radius:24px;padding:6px 24px}.calendar .dialogShow{display:flex}.calendar .dialog .dialog-content{width:80%}.calendar .dialog .dialog-content .description{font-size:.75rem}.calendar .dialog .dialog-content .set-tasks{font-size:.85rem}@media screen and (max-width:600px){.dialog .dialog-content{width:80%}.dialog .dialog-content .description{font-size:.6rem}.dialog .dialog-content .set-tasks{font-size:.75rem}}.birthday-select-calendar .react-datepicker{width:100%}.birthday-select-calendar .react-datepicker__month-container{width:100%;font-size:1rem}.birthday-select-calendar .react-datepicker__header{color:#fff;background:#59c4c4}.birthday-select-calendar .react-datepicker__header .birthday-select-calendar-header{justify-content:space-between;align-items:center;display:flex}.birthday-select-calendar .react-datepicker__header .birthday-select-calendar-header select:first-of-type{min-width:90px}.birthday-select-calendar .react-datepicker__header .birthday-select-calendar-header select:nth-of-type(2){min-width:70px}.birthday-select-calendar .react-datepicker__header button{color:#fff;background:#59c4c4;border:none;border-radius:12px;min-width:30px;height:54px}.birthday-select-calendar .react-datepicker__header select{background-color:#ecf8f8!important;font-size:16px!important}.birthday-select-calendar .react-datepicker__header span{color:#fff;margin:0 4px}.birthday-select-calendar .react-datepicker__header .react-datepicker__day-names{display:none}.birthday-select-calendar .react-datepicker__month{font-size:1.2rem}.birthday-select-calendar .react-datepicker__month .react-datepicker__week{justify-content:space-around;display:flex}.birthday-select-calendar .react-datepicker__month .react-datepicker__week div{width:2rem;line-height:2rem}.birthday-select-calendar .react-datepicker__month .react-datepicker__day--selected{background-color:#165e83}