body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.base{width:100%;height:100vh;background:linear-gradient(135deg,rgba(102,126,234,.5),rgba(118,75,162,.5))}.base .wrapper{max-width:360px;margin:0 auto;padding:80px 16px}.base .wrapper .box{max-width:360px;margin:auto;border:.55px solid #ccc;border-radius:.25rem;box-shadow:0 0 16px #ccc;background:hsla(0,0%,100%,.8)}.base .wrapper .box .tab{display:flex;justify-content:space-between}.base .wrapper .box .tab a{flex:1 1;padding:16px;border-bottom:2px solid transparent;text-align:center;text-decoration:none;color:#333}.base .wrapper .box .tab a.active{font-weight:700}.base .wrapper .box .tab a:not(.active){background:linear-gradient(135deg,rgba(102,126,234,.5),rgba(118,75,162,.5));color:#333}.base .wrapper .box .tab a:first-of-type{border-radius:.25rem 0 0 0}.base .wrapper .box .tab a:last-of-type{border-radius:0 .25rem 0 0}.base .wrapper .box .login,.base .wrapper .box .signup{margin:16px}.base .wrapper .box .login .input,.base .wrapper .box .signup .input{margin:8px 0}.base .wrapper .box .login .input label,.base .wrapper .box .signup .input label{display:block;margin:8px 0 2px}.base .wrapper .box .login .input input,.base .wrapper .box .signup .input input{margin:2px 0 16px}.base .wrapper .box .login .error,.base .wrapper .box .signup .error{margin-bottom:16px;padding:8px;border:1px solid #f5c6cb;color:#721c24;background:#f8d7da}.header header{width:100%;height:50px;border-bottom:.55px solid #ccc;display:flex;align-items:center}.header header .menu-button{margin:0 10px}.header header .menu-button button{width:30px;height:30px;margin:0;padding:0;border-radius:15px;background:grey}.header header h2{margin:0}.header .menu-background{z-index:99}.header .menu-background.close{display:none}.header .menu-background.open{position:fixed;top:0;left:0;right:0;bottom:0}.header .menu.close{display:none}.header .menu.open{position:absolute;top:50px;left:10px;width:220px;border-radius:.25rem;background:#fff;z-index:100;box-shadow:0 3px 12px rgba(0,61,111,.25)}.header .menu ul li .link,.header .menu ul li a{display:block;padding:10px;text-decoration:none;color:#333;font-size:14px;cursor:pointer}.header .menu ul li .link:hover,.header .menu ul li a:hover{background:#eee}.header .menu ul .divider{border-top:.55px solid #eee}.home .add{padding:8px;display:flex;justify-content:space-between;align-items:center}.home .add button{width:auto}.home ul.diary li a{display:block;padding:8px;text-decoration:none;color:#333}.home ul.diary li a:hover{background:#eee}.home ul.diary li a span{font-size:.8rem;color:grey}.home ul.diary li a p{margin:0}.detail .list{padding:8px}.detail .list .information{display:flex;align-items:center}.detail .list .information label{margin-right:8px;font-size:.8rem;color:#666}.detail .list .content{margin:16px 0}.settings .logout{padding:8px}.settings .userinfo span:first-child{display:inline-block;color:#666;font-size:.9rem;min-width:100px;text-align:right}.settings .userinfo span:last-child{display:inline-block;margin-left:8px}.add .modal-contents{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:11;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:transform .2s ease-in-out;transform:translate3d(0,105%,0);-webkit-overflow-scrolling:touch}.add .modal-contents.open{transition:transform .4s ease;transform:translateZ(0);box-shadow:6px 0 25px rgba(0,0,0,.15)}.add .modal-contents header{position:fixed;width:100%;height:44px;border-bottom:.55px solid rgba(0,0,0,.2);background:#fff;z-index:14;display:flex;justify-content:center;align-items:center}.add .modal-contents header h2{font-size:17px;font-weight:700}.add .modal-contents header .add,.add .modal-contents header .cancel{position:fixed;width:auto;height:44px;color:#0a84ff;font-size:16px;cursor:pointer;background:transparent;border:none;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;justify-content:center;align-items:center}.add .modal-contents header .add:hover,.add .modal-contents header .cancel:hover{color:rgba(10,132,255,.8)}.add .modal-contents header .add:active,.add .modal-contents header .cancel:active{color:rgba(10,132,255,.6)}.add .modal-contents header .add label,.add .modal-contents header .cancel label{cursor:pointer}.add .modal-contents header .cancel{left:12px}.add .modal-contents header .add{right:12px;font-weight:700}.add .modal-contents header .add:disabled label{color:rgba(243,115,53,.2)}.add .modal-contents .contents{position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:44.547px 0 0;z-index:12;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.add .modal-contents .contents .contents-inner-modal>div{padding:0 8px}.add .modal-contents .contents .contents-inner-modal>div input{margin:8px 0}.add .modal-contents .contents .contents-inner-modal>div.send{padding:8px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{margin:0;padding:0;line-height:1.6;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","游ゴシック Medium",meiryo,sans-serif;color:#333}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}:not(input){-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}a{-webkit-touch-callout:none}input[type=address],input[type=date],input[type=password],input[type=text],input[type=time],textarea{-webkit-appearance:none;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","游ゴシック Medium",meiryo,sans-serif}input[type=date],input[type=password],input[type=text]{display:block;width:calc(100% - 22px);margin:16px 0;padding:8px 10px;border:1px solid #ccc;border-radius:.25rem;color:#333;font-size:17px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=date]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:#999}input[type=date]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder{color:#999}input[type=date]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder{color:#999}input[type=date]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder{color:#999}input[type=date]:focus,input[type=password]:focus,input[type=text]:focus{border:1px solid #667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25);outline:0}input[type=date]:active,input[type=password]:active,input[type=text]:active{border:1px solid #667eea}textarea{-webkit-appearance:none;display:block;width:calc(100% - 22px);height:6em;margin:0 auto;padding:8px 10px;border:1px solid #ccc;border-radius:.25rem;color:#333;font-size:17px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","游ゴシック Medium",meiryo,sans-serif;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}textarea:focus{box-shadow:0 0 0 .2rem rgba(102,126,234,.25);outline:0}textarea:active,textarea:focus{border:1px solid #667eea}button{display:block;width:100%;height:44px;padding:6px 18px;border:none;border-radius:.25rem;background:#667eea;font-size:1rem;color:#fff;cursor:pointer;outline:none;transition:all .2s ease-in-out}button:focus{box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}button:active,button:focus,button:hover{background:rgba(102,126,234,.8);transition:all .1s ease-in-out;color:#fff}button:active{background:rgba(102,126,234,.6)}button:active,button:focus{box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}button:disabled{color:#888;background:#f8f8f8;cursor:default}
/*# sourceMappingURL=main.ce8c5b28.chunk.css.map */