/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#app{justify-content:center;align-items:center}#app,#app .calender__box{position:relative;display:flex}#app .calender__box{margin:20px 0 0;width:700px;height:800px;flex-flow:column nowrap}#app .calender__box .__headers{position:relative;display:flex;width:100%;height:50px}#app .calender__box .__headers .__navigator-left{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;flex-flow:row wrap}#app .calender__box .__headers .__navigator-left .__selected-date{width:100px;height:24px;margin:0 10px 0 0;line-height:26px}#app .calender__box .__headers .__navigator-left .__date-controller{display:flex;flex-flow:row wrap}#app .calender__box .__headers .__navigator-left .__date-controller .__icon{position:relative;cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center}#app .calender__box .__headers .__navigator-left .__date-controller .__icon:before{position:absolute;display:block;content:"";width:100%;height:100%;border:1px solid #d3d3d3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:inherit;display:flex;justify-content:center;align-items:center}#app .calender__box .__headers .__navigator-left .__date-controller .__today{cursor:pointer;position:relative;text-align:center;line-height:26px;width:40px;height:24px}#app .calender__box .__headers .__navigator-left .__date-controller .__today:before{position:absolute;display:block;content:"";width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #d3d3d3;border-left:none}#app .calender__box .__headers .__navigator-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:24px}#app .calender__box .__headers .__navigator-center .__day-type{display:none;margin:0;padding:0;height:24px}#app .calender__box .__headers .__navigator-center .__day-type li{cursor:pointer;margin:0 -3px 0 0;width:40px;height:inherit;line-height:26px;text-align:center;position:relative;display:inline-block;list-style:none}#app .calender__box .__headers .__navigator-center .__day-type li:before{position:absolute;display:block;content:"";width:100%;height:100%;border:1px solid #d3d3d3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#app .calender__box .__headers .__navigator-center .__day-type li.__active,#app .calender__box .__headers .__navigator-center .__day-type li:hover{background-color:#ffca36}#app .calender__box .__headers .__navigator-right{width:80px;height:24px;text-align:center;line-height:24px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#app .calender__box .__headers .__navigator-right .__add-schedule{display:none;cursor:pointer}#app .calender__box .__headers .__navigator-right .__add-schedule:before{position:absolute;display:block;content:"";width:100%;height:100%;border:1px solid #d3d3d3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#app .calender__box .__contents{position:relative;margin:10px 0 0}#app .calender__box .__contents .__month .__weeks{display:flex;justify-content:space-between;width:100%}#app .calender__box .__contents .__month .__weeks .__week{flex:1;position:relative;height:24px;display:flex;align-items:center;background-color:#d3d3d3}#app .calender__box .__contents .__month .__weeks .__week .__text{margin:0 0 0 10px}#app .calender__box .__contents .__month .__weeks .__week:before{position:absolute;display:block;content:"";width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #898989;border-right:none}#app .calender__box .__contents .__month .__weeks .__week:first-child{color:red}#app .calender__box .__contents .__month .__weeks .__week:last-child{color:#21b7ff}#app .calender__box .__contents .__month .__weeks .__week:last-child:before{border-right:1px solid #898989}#app .calender__box .__contents .__month .__days{margin:4px 0 0;position:relative;display:grid;grid-template-columns:repeat(7,auto)}#app .calender__box .__contents .__month .__days:before{position:absolute;display:block;content:"";width:100%;height:100%;border:1px solid #d3d3d3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#app .calender__box .__contents .__month .__days .__day{cursor:pointer;height:100px;position:relative;content:""}#app .calender__box .__contents .__month .__days .__day span{position:absolute;top:10px;left:10px;display:block}#app .calender__box .__contents .__month .__days .__day.__today{background-color:#efefef}#app .calender__box .__contents .__month .__days .__day.__sunday{color:red}#app .calender__box .__contents .__month .__days .__day.__saturday{color:#21b7ff}#app .calender__box .__contents .__month .__days .__day:before{position:absolute;display:block;content:"";width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #d3d3d3;border-right:none;border-bottom:none}#app .calender__box .__contents .__month .__days .__day:hover{background-color:#898989}#app .calender__box .__contents .__active{visibility:visible;opacity:1}#app .modal__box{opacity:0;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;display:block;content:"";transition:all .2s linear}#app .modal__box.__active{opacity:1;visibility:visible}#app .modal__box .__bg{position:fixed;top:0;left:0;right:0;bottom:0;display:block;content:"";background-color:#000;opacity:.1}#app .modal__box .__container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px;height:500px;background-color:#fff;display:flex;flex-flow:column nowrap;border:none;overflow:hidden;border-radius:20px;box-shadow:0 24px 45px -25px rgba(0,0,0,.75);z-index:100}#app .modal__box .__container .__header{background-color:#ffca36;display:flex;height:40px;justify-content:space-between;align-items:center}#app .modal__box .__container .__header .__text{cursor:pointer;margin:0 0 0 15px}#app .modal__box .__container .__header .__icon{cursor:pointer;margin:0 10px 0 0}#app .modal__box .__container .__body .__forms{display:flex;flex-flow:column nowrap}#app .modal__box .__container .__body .__forms label{border:1px solid red}#app .modal__box .__container .__body .__forms label .__text{width:100px}