@import url(https://fonts.googleapis.com/css?family=Lato:100,300,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.container{height:100vh}.container.whtie{background-color:#fff;color:#000}.container.dark{background-color:#000;color:#fff}.container.dark .date-box table{border-left:1px solid #fff;border-top:1px solid #fff}.container.dark .date-box table *{border-color:#fff}.container.dark .date-box table td .box textarea{border-color:#000}.container.dark .weather-box{background-color:#000}.container.dark .week-weather-box{background-color:#000;margin-top:0;padding-top:20px}.container.dark .week-weather-box table{border:1px solid #fff}.container.dark .week-weather-box table *{border-color:#fff}.month-box{display:inline-block;padding-top:8vw;position:relative;text-align:center;width:100%}.month-box .number-year{font-size:38px;font-weight:900;margin-right:1.2vw;position:relative}.month-box .number-year:after{bottom:0;content:".";display:inline-block;position:absolute;right:-2vw}.month-box .number-month{font-size:38px;font-weight:900}.month-box .text-unit{font-size:30px}.month-box .arrow-box{display:flex;justify-content:space-between;margin:0 2%;position:absolute;top:59%;width:96%}.month-box .arrow-box button{border:0;cursor:pointer;font-size:20px;height:5vw;padding:0;width:5vw}.inner-box{display:flex;flex-wrap:wrap;gap:2vw;margin-top:5vw}.inner-box .date-box{flex:1 1;padding:0 2%;width:96%}.inner-box .collect-memo-box{border:1px dotted #000;flex:1 1;margin:0 2%;text-align:left;width:96%}.inner-box .collect-memo-box .title{display:block;margin-bottom:10px;text-align:center}.inner-box .collect-memo-box ul{margin:0;padding:0}.inner-box .collect-memo-box ul li{font-size:12px;line-height:1.2;list-style:none;margin-bottom:10px;padding:0}.inner-box .collect-memo-box ul li .text-date-number{color:#53e;font-weight:700;vertical-align:text-top}.inner-box .collect-memo-box ul li .text{display:inline-block;margin-left:10px;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.inner-box{flex-direction:column;gap:1vw}.collect-memo-box,.date-box{width:100%}.date-box table tbody td .box{width:30vw!important}}@media(max-width:480px){.inner-box{flex-direction:column;gap:1vw}.collect-memo-box,.date-box{width:100%}.date-box{margin-bottom:3%}.date-box table tbody td .box{width:30vw!important}}.date-box{display:flex;justify-content:center}.date-box table{border:1px solid #000;border-collapse:collapse;table-layout:fixed;width:100%}.date-box table thead{border-bottom:1px solid #000}.date-box table thead th{border-right:1px solid #000;font-size:1.2rem;font-weight:400;height:2.5rem}.date-box table thead th.saturday{color:blue}.date-box table thead th.sunday{color:red}.date-box table tbody td{border-bottom:1px solid #000;border-right:1px solid #000;cursor:pointer;font-size:1.2rem;font-weight:400;height:2.5rem;position:relative}.date-box table tbody td.today{position:relative}.date-box table tbody td.today:after{background-color:#ffdab9;color:#000;content:"today";display:inline-block;font-size:.6rem;height:.7rem;left:50%;line-height:1;position:absolute;top:0;transform:translateX(-50%);width:1.8rem}.date-box table tbody td:hover{position:relative}.date-box table tbody td:hover:after{background-color:#0000;border:1px solid #d22c26;border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:29px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:29px}.date-box table tbody td .box{background-color:#fff;border:1px solid #000;box-sizing:border-box;font-size:12px;height:260px;left:50%;margin:0;padding:10px;position:absolute;text-align:left;transform:translateX(-50%);width:15vw;z-index:10}.date-box table tbody td .box .text-memo{margin:0}.date-box table tbody td .box .text-memo textarea{height:inherit;height:190px;overflow-y:auto;resize:none;width:96%}.date-box table tbody td .box .btn-box{bottom:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;position:relative;width:100%}.date-box table tbody td .box .btn-box button{width:50%}.date-box table tbody td.saturday{color:blue}.date-box table tbody td.sunday{color:red}.date-box table tbody td.next,.date-box table tbody td.prev{color:#789}.join-wrap,.login-wrap{align-items:center;background-image:url(/static/media/login_bg2.0f7570b14a6f3a57fea3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh;justify-content:center}.join-wrap.join-wrap,.login-wrap.join-wrap{background-image:url(/static/media/login_bg3.6c8cecdd5ffd4657ac33.png)}.join-wrap.join-wrap .join-box .inner,.login-wrap.join-wrap .join-box .inner{width:80%}.join-wrap .join-box,.login-wrap .join-box{width:100%}.join-wrap .join-box h2,.login-wrap .join-box h2{color:#fff;font-size:38px;font-weight:900;margin-top:0}.join-wrap .join-box .inner,.login-wrap .join-box .inner{display:flex;margin:0 auto;width:50%}.join-wrap .join-box label,.login-wrap .join-box label{display:block;height:30px;margin:0 auto 30px 0;position:relative;width:60%}.join-wrap .join-box label.lbl_join,.login-wrap .join-box label.lbl_join{margin:0 auto 30px}.join-wrap .join-box label input,.login-wrap .join-box label input{height:inherit;padding:0 10px;width:100%}.join-wrap .join-box label span,.login-wrap .join-box label span{cursor:pointer;display:block;position:absolute;right:0;top:5px}.join-wrap .join-box button,.login-wrap .join-box button{background-color:#789;border:none;color:#fff;cursor:pointer;height:40px;width:20%}.join-wrap .join-box button.btn_multipleID,.login-wrap .join-box button.btn_multipleID{background-color:#53e;width:30%}.join-wrap .join-box ul,.login-wrap .join-box ul{padding:0}.join-wrap .join-box ul li,.login-wrap .join-box ul li{list-style:none;margin:0 auto;width:90%}.join-wrap .join-box ul li span,.login-wrap .join-box ul li span{color:#fff;padding-left:10px;position:relative}.join-wrap .join-box ul li span:before,.login-wrap .join-box ul li span:before{background-color:#000;border-radius:100%;content:"";height:3px;left:0;position:absolute;top:9px;width:3px}.join-wrap .join-box .btn-join,.login-wrap .join-box .btn-join{background-color:#656565;margin-left:10px}.btn-thema-toggle{border:0;float:left;padding:0}.btn-logout,.btn-thema-toggle{cursor:pointer;display:block;height:35px;width:18%}.btn-logout{background-color:#53e;border:none;color:#fff;float:right;margin:0;position:relative;z-index:20}.text-comment{margin:.2rem 0 0;padding:0 2%;text-align:center}.text-comment li{list-style:none}.text-comment li span{font-size:.8rem;padding-left:10px;position:relative}.text-comment li span:before{background-color:#000;border-radius:100%;content:"";display:inline-block;height:3px;left:0;position:absolute;top:9px;width:3px}.weather-box{font-size:.8rem;line-height:1rem;margin-top:1.5rem;padding:0 2%;text-align:left}.weather-box .title{margin:0;padding:10px 0 0}.weather-box .imgbox{display:block;font-size:14px}.weather-box .imgbox img{display:inline-block;vertical-align:middle}.weather-box .temperature span{display:inline-block}.weather-box .temperature span:first-child{margin-right:5px}.week-weather-box{margin:20px 0 0;padding:0 2% 20px}.week-weather-box .title{display:block;font-size:14px;margin-bottom:10px;text-align:left}.week-weather-box table{border:1px solid #000;border-collapse:collapse;box-sizing:border-box;position:relative;table-layout:fixed;width:100%}.week-weather-box table caption{height:0;overflow:hidden;position:absolute;width:0}.week-weather-box table thead{border:double #000;border-width:0 0 1px;box-sizing:border-box}.week-weather-box table thead th{border-right:1px dotted #000;padding:8px}.week-weather-box table thead th:last-child{border-right:0}.week-weather-box table tbody td{border-right:1px dotted #000;padding:8px}.week-weather-box table tbody td:last-child{border-right:0}.tit-Loadng{-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite;color:#dc554f;font-family:Lato;font-size:1em;letter-spacing:1.5px;margin-left:8px;margin-top:20px;text-align:center;text-transform:uppercase;width:auto}#container{align-items:center;display:flex;height:100vh;justify-content:center;margin:auto;vertical-align:middle;width:100%}.stick{background:#dc554f;display:inline-block;height:3px;margin-left:-8px;width:30px}.stick:first-child{margin-left:-2px}.stick:nth-child(n){-webkit-animation:fall 2s infinite;-moz-animation:fall 2s infinite;transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}.stick:nth-child(2n){-webkit-animation:rise 2s infinite;-moz-animation:rise 2s infinite;transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg)}@keyframes rise{50%{transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}}@keyframes fall{50%{transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(30deg)}}@keyframes fade{50%{opacity:.5}to{opacity:1}}
/*# sourceMappingURL=main.b5e033aa.css.map*/