@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);body{min-width:1280px}*{margin:0;padding:0;font-family:sans-serif;font-weight:400;font-size:14px}h2{font-size:34px}p{margin:0}button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.common-ok-btn{height:34px;padding:5px;background:#ef984e;color:#fff;border-radius:4px}a{color:#2c2c2c;text-decoration:none}button:hover{opacity:.8}p{color:#2c2c2c;font-size:14px}input:focus,select:focus{outline:1px solid #ef984e}.delete-btn{min-width:130px;height:35px;margin:0 20px 0 auto;padding:0 5px;color:#c11010;background:#fff;border:1px solid #c11010;border-radius:4px}.required{display:inline-block;width:20px;font-size:12px;font-weight:700;color:#e86161}form{width:1200px}.master-footer{width:100%;height:80px;border-top:1px solid #d9d9d9}.master-footer .account-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}.master-footer .account-btn .cancel-btn,.master-footer .account-btn .create-btn{width:188px;height:40px;border-radius:4px;text-align:center}.master-footer .account-btn .create-btn{margin:0 0 0 10px;background:#ef984e;color:#fff}.master-footer .account-btn .cancel-btn{border:1px solid #ef984e;color:#ef984e}.negative-btn{color:#ef984e;background-color:#fff;border:1px solid #ef984e;border-radius:4px}.negative-btn,.positive-btn{width:130px;height:34px;margin:0 auto}.positive-btn{color:#fff;background-color:#ef984e;border-radius:4px}.fertilizer-create{position:relative;min-width:1320px}.fertilizer-create .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create .btn-disabled{opacity:.3}.fertilizer-create .page-header{height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:10px;background:#f5f5f5;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fertilizer-create .page-header h3{margin-right:10px;font-size:18px}.fertilizer-create .page-header .page-title{margin-right:50px;padding:0;font-size:18px;font-weight:400}.fertilizer-create form{width:95%;margin:0 auto;padding:20px 0 35px 0}.fertilizer-create form .vdp-datepicker{width:100%}.fertilizer-create form .vdp-datepicker__calendar .cell.selected{background:#ef984e;color:#fff}.fertilizer-create form .position-right .vdp-datepicker__calendar{right:0}.fertilizer-create form .position-left .vdp-datepicker__calendar{left:0}.fertilizer-create form .vdp-datepicker__calendar .cell:hover{border:1px solid #ef984e}.fertilizer-create form .error-message{display:table-cell;height:20px;min-width:20px;margin:0;color:red;font-size:.8em;vertical-align:bottom}.fertilizer-create form .input-content{padding:10px 20px 20px 20px;border:1px solid #d6d6d6;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create form .input-content .left-area{width:55%;padding:0 0 0 10px}.fertilizer-create form .input-content .right-area{width:45%}.fertilizer-create form .input-content .right-area fieldset{height:100%;border:1px solid #d6d6d6;border-radius:12px}.fertilizer-create form .input-content .right-area fieldset legend{width:auto;font-size:14px;padding:0 15px;margin-left:20px}.fertilizer-create form .input-row{display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create form .input-row .label{width:100px;margin-top:28px}.fertilizer-create form .input-row .input-column{display:block;width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.fertilizer-create form .input-row .label-column{text-align:right;padding:8px 10px 0 25px;width:auto}.fertilizer-create form .input-row .input-group{display:block;margin-left:20px;width:calc(100% - 150px)}.fertilizer-create form .input-row .input-group .text{height:21px;margin-top:7px;border-bottom:1px solid #d6d6d6}.fertilizer-create form .input-row .input-group textarea{width:100%;height:100px;padding:5px;resize:none;border:1px solid #d6d6d6;border-radius:4px;outline:#ef984e}.fertilizer-create form .input-row .app-rate-input{display:block;padding:10px 30px 10px 10px;-webkit-box-flex:9;-ms-flex:9;flex:9}.fertilizer-create form .input-row .app-rate-calc{display:block;margin:5px 20px 10px 10px;-webkit-box-flex:8;-ms-flex:8;flex:8}.fertilizer-create form .input-row .app-rate-calc .box{border:1px solid #d6d6d6}.fertilizer-create form .input-row .app-rate-calc .title{color:#fff;background:#ef984e}.fertilizer-create form .input-row .app-rate-calc .calc-option,.fertilizer-create form .input-row .app-rate-calc .title{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fertilizer-create form .input-row .app-rate-calc .calc-option{margin-top:15px}.fertilizer-create form .input-row .app-rate-calc .result{text-align:center}.fertilizer-create form .input-row .app-rate-calc .result .item{margin:10px 0}.fertilizer-create form .input-row .app-rate-calc .result .item .value{font-size:24px}.fertilizer-create form .ingredients .input-content,.fertilizer-create form .nature .input-content,.fertilizer-create form usage .input-content{display:block}.fertilizer-create form .ingredients .input-content .input-column,.fertilizer-create form .nature .input-content .input-column,.fertilizer-create form usage .input-content .input-column{width:85px;-webkit-box-flex:unset;-ms-flex:unset;flex:unset}.fertilizer-create form .ingredients .input-content .input-column input,.fertilizer-create form .nature .input-content .input-column input,.fertilizer-create form usage .input-content .input-column input{text-align:center}.fertilizer-create form .input-wrap{position:relative;margin-top:20px}.fertilizer-create form .input-wrap>.group-label{position:absolute;top:-10px;left:20px;padding:0 20px 0 0;background:#fff}.fertilizer-create form select{height:40px;padding:5px 30px 5px 5px;border:1px solid #d6d6d6;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/selectArrow.5735a332.svg) right 5px top 50% no-repeat,#fff;background-size:20px,100%;cursor:pointer}.fertilizer-create form input{width:100%;height:40px;padding:5px;border:1px solid #d6d6d6;border-radius:4px}.fertilizer-create form .is-error input,.fertilizer-create form .is-error p{background:#ffcbcb}.fertilizer-create form .is-error p{padding:10px 5px;border-bottom:1px solid #d6d6d6}.fertilizer-create form .field-wrap{padding:20px;border:1px solid #d6d6d6;border-radius:4px}.fertilizer-create form .field-wrap .input-row{margin:-10px 0 5px 0}.fertilizer-create form .field-wrap .input-row .input-column{width:130px;-webkit-box-flex:unset;-ms-flex:unset;flex:unset}.fertilizer-create form .field-wrap .input-row .input-column>div{margin-top:20px}.fertilizer-create form .field-wrap .input-row .plan-input-column{display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create form .field-wrap .input-row .plan-input-column>div{margin-top:20px}.fertilizer-create form .field-wrap .input-row .plan-input-column .date{width:110px}.fertilizer-create form .field-wrap .input-row .plan-input-column .date input{width:100%}.fertilizer-create form .field-wrap .input-row .plan-input-column .value{width:90px;margin-left:15px}.fertilizer-create form .field-wrap .input-row .plan-input-column .value input{width:calc(100% - 20px)}.fertilizer-create form .field-wrap .add-field button{font-size:26px;width:40px;margin:22px 10px 0 20px;line-height:1em}.fertilizer-create form .field-wrap .field-select-btn{width:130px;height:40px;background:#ef984e;color:#fff;border-radius:4px}.fertilizer-create form .field-wrap .field-content{width:1180px;border:1px solid #d6d6d6;border-radius:6px}.fertilizer-create form .field-wrap .field-content .header{padding:10px 75px 10px 5px;background:#f3f5ef;border-radius:6px 6px 0 0;border-bottom:1px solid #d6d6d6}.fertilizer-create form .field-wrap .field-content .header-bottom,.fertilizer-create form .field-wrap .field-content .header-top{display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create form .field-wrap .field-content .header-bottom p,.fertilizer-create form .field-wrap .field-content .header-top p{margin:0 5px;font-size:12px;font-weight:700;text-align:left}.fertilizer-create form .field-wrap .field-content .header-bottom .space-x,.fertilizer-create form .field-wrap .field-content .header-top .space-x{text-align:center;margin-left:4px}.fertilizer-create form .field-wrap .field-content .body{min-height:300px;max-height:550px;overflow:auto}.fertilizer-create form .field-wrap .field-content .field-list{position:relative;padding:0 0 10px 0}.fertilizer-create form .field-wrap .field-content .field-list:not(:last-child){border-bottom:1px solid #d6d6d6}.fertilizer-create form .field-wrap .field-content .list-bottom,.fertilizer-create form .field-wrap .field-content .list-detail,.fertilizer-create form .field-wrap .field-content .list-top{display:-webkit-box;display:-ms-flexbox;display:flex}.fertilizer-create form .field-wrap .field-content .list-bottom>div,.fertilizer-create form .field-wrap .field-content .list-detail>div,.fertilizer-create form .field-wrap .field-content .list-top>div{margin:0 5px}.fertilizer-create form .field-wrap .field-content .list-bottom,.fertilizer-create form .field-wrap .field-content .list-top{padding-right:75px;margin:5px}.fertilizer-create form .field-wrap .field-content .list-bottom,.fertilizer-create form .field-wrap .field-content .list-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fertilizer-create form .field-wrap .field-content .list-detail{padding:5px;background:#fdf0e5}.fertilizer-create form .field-wrap .field-content .list-detail .title{font-size:12px}.fertilizer-create form .field-wrap .field-content .list-detail .value{width:110px}.fertilizer-create form .field-wrap .field-content .list-detail .text{width:20%}.fertilizer-create form .field-wrap .field-content .list-detail .text .value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;font-weight:700}.fertilizer-create form .field-wrap .field-content .field-delete{position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fertilizer-create form .field-wrap .field-content .field-delete button{width:65px;height:40px;margin:50px 5px 0;background:#fff;color:#ef984e;border-radius:4px;border:1px solid #ef984e}.fertilizer-create .loading{top:50px;height:calc(100% - 50px)}.active-field-modal{height:100vh;overflow:hidden}