#side-menu{background:#f0f3f5;margin:0;padding:0;width:250px;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:250px;overflow-y:scroll}.mobile #side-menu{position:fixed;top:0;left:0;z-index:30;-webkit-transform:translate(-260px);transform:translate(-260px);-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-box-shadow:0 0 8px 4px rgba(0,0,0,.5);box-shadow:0 0 8px 4px rgba(0,0,0,.5)}.mobile #side-menu.open{-webkit-transform:translate(0);transform:translate(0)}#side-menu select{height:1.9rem;border-radius:20px;border:solid 1px var(--purple);padding:0 48px 0 26px;font-size:.9rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}#side-menu select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}#menu-background{position:fixed;top:0;left:0;content:"";display:block;width:0;height:0;background:rgba(0,0,0,.5);z-index:11;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}#menu-background.open{width:100%;height:100%;opacity:1}#side-menu .logo{width:100%;padding:20px 40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}#side-menu .logo img{width:100%;cursor:pointer}#side-menu .date{width:80%;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;margin:0 auto 0}#side-menu .date,#side-menu .date>#datetime{-webkit-box-sizing:border-box;box-sizing:border-box}#side-menu .date>#datetime{width:100%;font-size:.9rem;text-align:center;color:#555;border-radius:2rem}.mobile #side-menu .date>#datetime{height:1.7rem;font-size:.8rem}#side-menu .management{width:100%;padding-top:20px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}#side-menu .management .disp-area{height:1.9rem;border-radius:20px;border:solid 1px var(--purple);font-size:.9rem;width:130px;margin:0 auto}#side-menu .management .disp-area span{vertical-align:middle;color:#555}#side-menu .weather{width:80%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 0;-webkit-box-sizing:border-box;box-sizing:border-box}#side-menu .weather>#area,#side-menu .weather>#temperature{width:48%;height:1.9rem;font-size:.9rem;text-align:center;color:#fff;padding:.3rem .3rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2rem;background:var(--purple)}.mobile #side-menu .weather>#area,.mobile #side-menu .weather>#temperature{height:1.7rem;font-size:.8rem}#side-menu .account{width:80%;height:40px;margin:0 auto 0;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;font-size:.9rem;color:#555;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}#side-menu .account svg{margin:0 .5rem 0 -2rem}#side-menu .account+div{position:relative}#side-menu .account>#id{text-indent:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#side-menu .product>#message{display:none;font-size:14px;color:var(--col4);padding:10px}#side-menu .product>#message.active{display:block}#side-menu .product>#button-area{display:none}#side-menu .product>#button-area.active{display:block}#side-menu .product>#button-area .btn-submit{display:block;background:var(--col2);font-size:14px;text-align:center;width:150px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:10px auto 0;cursor:pointer}#side-menu .product>#button-area .btn-submit a{text-decoration:none;color:#fff}#side-menu .product>#button-area .btn-submit.disabled{opacity:.5;pointer-events:none;cursor:pointer}#side-menu .menu-items{margin:20px 0 0 0}#side-menu .menu-items,#side-menu .menu-items ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#side-menu .menu-items ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#side-menu .menu-items li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;cursor:pointer;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid;-o-border-image:linear-gradient(90deg,#fff 0,#fff 10%,#eee 0,#eee);border-image:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(10%,#fff),color-stop(10%,#eee),to(#eee));border-image:linear-gradient(90deg,#fff 0,#fff 10%,#eee 0,#eee);border-image-slice:1;color:var(--purple-secondary)}.mobile #side-menu .menu-items li{height:44px}#side-menu .menu-items li.disabled{pointer-events:none;background:#d3d3d3}#side-menu .menu-items li span{font-size:1.1rem;padding:0 0 0 10px;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s}.mobile #side-menu .menu-items li span{font-size:.9rem}#side-menu .menu-items li#menu-item17 span{font-size:1rem}#side-menu .menu-items li:after{content:"";position:absolute;background-color:var(--purple-tertiary);width:100%;height:100%;top:0;left:-250px;z-index:-1;-webkit-transition:left .8s cubic-bezier(.19,1,.22,1) 0s;transition:left .8s cubic-bezier(.19,1,.22,1) 0s}#side-menu .menu-items li:after.disabled{background-color:none;-webkit-transition:none;transition:none}#side-menu .menu-items li:hover:after{content:"";left:0;-webkit-transition:left .8s cubic-bezier(.19,1,.22,1) 0s;transition:left .8s cubic-bezier(.19,1,.22,1) 0s}#side-menu .menu-items li:hover>span{color:var(--purple);padding:0 0 0 20px;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s}#side-menu .menu-items li>div{width:70px;height:100%;border-left:solid 10px var(--purple-secondary)}#side-menu .menu-items li.selected{background-color:var(--purple-tertiary);color:var(--purple)}#side-menu .menu-items li.selected>span{color:var(--purple)}#side-menu .menu-items li.selected>div{border-left:solid 10px var(--purple)}#side-menu .menu-items li.selected:hover>span{padding:0 0 0 10px}#menu-item1>div{background:url(../img/ic_rate-review.8a2b25b7.svg) no-repeat 50%}#menu-item2>div{background:url(../img/ic_visibility.eaedd158.svg) no-repeat 50%}#menu-item3>div{background:url(../img/ic_thermometer_menu.ebdd742c.svg) no-repeat 50%;background-size:26px 26px}#menu-item4>div{background:url(../img/ic_wb-sunny.0293819a.svg) no-repeat 50%}#menu-item5>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}#menu-item6>div{background:url(../img/ic_router.370d1853.svg) no-repeat 50%}#menu-item7>div{background:url(../img/ic_view-comfy.419a6892.svg) no-repeat 50%}#menu-item8>div{background:url(../img/ic_account-box.28a6426c.svg) no-repeat 50%}#menu-item9>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}#menu-item10>div{background:url(../img/ic_notifications_menu.00a91bb8.svg) no-repeat 50%}#menu-item11>div{background:url(../img/ic_view-comfy.419a6892.svg) no-repeat 50%}#menu-item12>div{background:url(../img/ic_water.c6fcc240.svg) no-repeat 50%}#menu-item13>div{background:url(../img/ic_wb-sunny.0293819a.svg) no-repeat 50%}#menu-item14>div{background:url(../img/ic_dashboard.09153d37.svg) no-repeat 50%}#menu-item15>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}#menu-item16>div{background:url(../img/ic_flag_green.4c87968b.svg) no-repeat 50%}#menu-item17>div{background:url(../img/ic_email.2ff997f8.svg) no-repeat 50%}#menu-item18>div{background:url(../img/ic_rate-review.8a2b25b7.svg) no-repeat 50%}#menu-item19>div{background:url(../img/ic_info_menu.95636166.svg) no-repeat 50%}#menu-item20>div{background:url(../img/ic_done_menu.3f2e25cb.svg) no-repeat 50%}#menu-item21>div{background:url(../img/ic_wb-sunny.0293819a.svg) no-repeat 50%}#menu-item22>div{background:url(../img/ic_pin_drop.d5276921.svg) no-repeat 50%}#menu-item23>div,#menu-item24>div{background:url(../img/ic_rate-review.8a2b25b7.svg) no-repeat 50%}#menu-item25>div,#menu-item26>div{background:url(../img/ic_water.c6fcc240.svg) no-repeat 50%}#menu-item-setting>div{background:url(../img/ic_setting.baac4fab.svg) no-repeat 50%;background-size:26px 26px}#menu-item-paddy-field>div{background:url(../img/ic_view-comfy.419a6892.svg) no-repeat 50%}#menu-item-water-gate>div{background:url(../img/ic_water.c6fcc240.svg) no-repeat 50%}#side-menu .menu-items .sub-menu{visibility:hidden}#side-menu .menu-items .sub-menu.active{visibility:visible}#side-menu .menu-items .sub-menu.active>li{height:60px;border-bottom:1px solid}#side-menu .menu-items .sub-menu li{padding-left:1rem;height:0;-webkit-transition:height .3s;transition:height .3s;border-bottom:0}#side-menu .menu-items .sub-menu li>div{width:70px;height:100%;border-left:solid 0 var(--purple-secondary)}#side-menu .menu-items .sub-menu li.selected{background-color:var(--purple-tertiary);color:var(--purple)}#side-menu .menu-items .sub-menu li.selected>span{color:var(--purple)}#side-menu .menu-items .sub-menu li.selected>div{border-left:solid 0 var(--purple)}#side-menu .menu-items .sub-menu li.selected:hover>span{padding:0 0 0 10px}#side-menu .menu-items .sub-menu .sub-menu li{padding-left:2rem}.user-dropdown{position:absolute;-webkit-box-shadow:0 0 10px 2px grey;box-shadow:0 0 10px 2px grey;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:210px;margin:0 20px;border-radius:5px;z-index:20;background-color:#fff;cursor:pointer}.user-dropdown,.user-dropdown>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-dropdown>div{height:45px}.dropdown-enter,.dropdown-leave-to{opacity:0}.dropdown-enter-active,.dropdown-leave-active{-webkit-transition:opacity .25s;transition:opacity .25s}.desktop.guiding .guide_add_home_marker #menu-item16,.desktop.guiding .guide_paddy_field_add #menu-item7,.desktop.guiding .guide_workitem_edit #menu-item9{z-index:200;background:#f0f3f5}.desktop.guiding .guide_add_home_marker #menu-item16:before,.desktop.guiding .guide_paddy_field_add #menu-item7:before,.desktop.guiding .guide_workitem_edit #menu-item9:before{content:"";background-image:url(../img/ic_arrow_right.1151f014.svg);background-size:cover;width:3rem;height:3rem;position:absolute;top:-3rem;right:1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#f0f3f5;border-radius:50%;border:solid 3px var(--purple);-webkit-box-shadow:0 0 6px 3px;box-shadow:0 0 6px 3px;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}40%{-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}60%{-webkit-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}40%{-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}60%{-webkit-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}}.map-wrapper{position:relative}#google-map{width:100%;min-height:100vh;display:none}#google-map.visible{display:block}.modal-enter-active,.modal-leave-active{-webkit-transition:all .2s ease;transition:all .2s ease}.modal-enter,.modal-leave-to{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.modal-enter-to,.modal-leave{-webkit-transform:scale(1);transform:scale(1)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;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;background:rgba(0,0,0,.7);z-index:9998}.modal.nobackdrop{background:inherit}.modal .dialog{font-size:15px;display:block;width:400px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;background:#fff;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.mobile .modal .dialog{width:80%;max-width:400px}.modal .dialog .title-area{text-align:center;padding:20px;color:var(--purple);white-space:pre-line}.modal .dialog .error{color:red}.modal .dialog .error:before{content:" ";background:url(../img/ic_error.c222a36b.svg) no-repeat 50%;background-size:30px 30px;padding:20px}.modal .dialog .btn-area,.modal .dialog .btn-area span{display:block;border-radius:0 0 20px 20px;cursor:pointer}.modal .dialog .btn-area span{font-weight:700;border-top:1px solid #ddd;text-align:center;font-size:15px;padding:20px;color:var(--purple);-webkit-transition:.3s;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal .dialog .btn-area span:hover{background:var(--purple-tertiary)}.modal .dialog .btn-area span:active{background:var(--purple);color:#fff}.modal .dialog .btn-area-2col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:0 0 20px 20px;cursor:pointer}.modal .dialog .btn-area-2col span{width:50%;display:block;font-weight:700;border-top:1px solid #ddd;text-align:center;font-size:15px;padding:20px;color:var(--purple);-webkit-transition:.3s;transition:.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal .dialog .btn-area-2col span:first-child{border-right:1px solid #ddd;border-radius:0 0 0 20px}.modal .dialog .btn-area-2col span:last-child{font-weight:400;border-radius:0 0 20px 0}.modal .dialog .btn-area-2col span:hover{background:var(--purple-tertiary)}.modal .dialog .btn-area-2col span:active{background:var(--purple);color:#fff}.authn-container{width:100vw;min-height:100vh;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}.mobile .authn-container{width:100%;overflow-x:hidden!important}.desktop .authn-container{background:#efefef}.mobile .authn-container{background:#fff}:root{--purple:#316409;--purple-secondary:#94b34a;--purple-tertiary:#ddf1ac;--col1:#e23333;--col2:#6bac3e;--col3:#1a82b7;--col4:#ea8123;--col5:#ffd000}.purple{color:#9f71fc}.purple-secondary{color:#ccb3fd}@font-face{font-family:Monda;src:url(../fonts/Monda-Regular.84adf497.ttf)}html{font-size:16px}body,html{height:100%}body{background:#f0f3f5;font-size:1rem;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}#container{margin:0;padding:0;width:100vw;height:100vh;border:none;display:grid;grid-template-columns:250px auto;-webkit-box-sizing:border-box;box-sizing:border-box}.mobile #container{display:block;background:#fff}#archive,#browse,#input,#sensor,#water,#weather{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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:scaleanim .2s ease-out;animation:scaleanim .2s ease-out}#archive span,#browse span,#input span,#sensor span,#water span,#weather span{padding:10px 20px;font-size:30px;color:#fff;background:var(--purple);border-radius:10px}@-webkit-keyframes scaleanim{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleanim{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}#loading{position:absolute;top:0;left:0;z-index:9999;height:100vh;background:rgba(0,0,0,.5);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loading,.mobile #loading{width:100vw}#main{height:100vh;overflow-y:scroll}.mobile #main{height:unset}input+.legend{margin:.25rem 0 0 1rem;font-size:.8rem}.error-message{margin-bottom:1rem;padding:.75rem;border:1px solid #f5c6cb;background:#f8d7da;color:#721c24}.information-message{margin-bottom:1rem;padding:.75rem;border:1px solid #94b34a;background:#ddf1ac;color:#316409}#header{display:grid;grid-template-columns:60px 1fr 120px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;background:rgba(0,0,0,.75);width:100%;height:48px;position:fixed;top:0;left:0;z-index:20}#header a{display:block;width:60px;height:48px;background:url(../img/ic_menu.6a2db00c.svg) no-repeat 50%;background-size:24px auto}#header #header-title{color:#fff;text-align:left;font-size:.9rem;line-height:1}#header img{width:100px}.header-payment{display:grid;grid-template-columns:1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;background:rgba(0,0,0,.75);width:100%;height:48px;top:0;left:0;z-index:20}.header-payment img{width:100px;margin-left:20px}.gm-style-iw button.gm-ui-hover-effect{display:none!important}.desktop.guiding .guide-backdrop{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:100}.validation-error{width:100%;color:var(--col1);font-size:.8rem;padding-left:.5rem;padding-top:.5rem}.validation-error.legend{padding:0}.paddy-field-add.frame-wrapper{position:absolute;top:0;left:0;width:100%}.paddy-field-add .sticky-message{position:absolute;top:0;width:100%;background-color:var(--purple);color:#fff;text-align:center}.paddy-field-add #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.paddy-field-add #button-area .btn{display:block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.paddy-field-add #button-area .btn.disable{opacity:.5;cursor:inherit}.paddy-field-add #button-area .btn:nth-of-type(n+2){margin-left:1rem}.paddy-field-add #button-area .btn.btn-submit{background:var(--purple);color:#fff}.paddy-field-add .centered-box-on-map{position:fixed;left:calc(50% + 125px);z-index:1}.paddy-field-add .centered-box-on-map .centered-item{position:relative;left:-50%}.paddy-field-add .centered-box-on-map.register-paddyfields-buttons{bottom:0;margin-bottom:1rem}.paddy-field-add .fade-enter,.paddy-field-add .fade-leave-to{opacity:0}.paddy-field-add .fade-enter-active,.paddy-field-add .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.paddy-field-show.frame-wrapper{position:absolute;top:0;left:0;width:100%}.paddy-field-show .col1{color:var(--col1);border:1px solid var(--col1);border-radius:30px}.paddy-field-show .col1,.paddy-field-show .col1-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.paddy-field-show .col1-fill{color:#fff;background:var(--col1);border-radius:30px}.paddy-field-show .col2{color:var(--col2);border:1px solid var(--col2);border-radius:30px}.paddy-field-show .col2,.paddy-field-show .col2-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.paddy-field-show .col2-fill{color:#fff;background:var(--col2);border-radius:30px}.paddy-field-show .col3{color:var(--col3);border:1px solid var(--col3);border-radius:30px}.paddy-field-show .col3,.paddy-field-show .col3-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.paddy-field-show .col3-fill{color:#fff;background:var(--col3);border-radius:30px}.paddy-field-show .col4{color:var(--col4);border:1px solid var(--col4);border-radius:30px}.paddy-field-show .col4,.paddy-field-show .col4-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.paddy-field-show .col4-fill{color:#fff;background:var(--col4);border-radius:30px}.paddy-field-show .ricelog_pinicon_010{background:url(../img/ricelog_pinicon_010.54c29db5.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_020{background:url(../img/ricelog_pinicon_020.c6612221.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_030{background:url(../img/ricelog_pinicon_030.d2fce839.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_040{background:url(../img/ricelog_pinicon_040.50767ec9.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_050{background:url(../img/ricelog_pinicon_050.770ad985.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_060{background:url(../img/ricelog_pinicon_060.5e082228.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_070{background:url(../img/ricelog_pinicon_070.d3e509e5.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_080{background:url(../img/ricelog_pinicon_080.742f9b37.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_090{background:url(../img/ricelog_pinicon_090.34879c8b.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show .ricelog_pinicon_100{background:url(../img/ricelog_pinicon_100.23ff9143.png) no-repeat 50%;background-size:25px 45px}.paddy-field-show img.pinicon{width:24px;height:42px}.paddy-field-show .image-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px;float:left}.paddy-field-show .image-radio-button:hover{background:#eee}.paddy-field-show .image-radio-button img{height:42px;width:24px}.paddy-field-show .image-radio-button label{cursor:pointer}.paddy-field-show .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.paddy-field-show .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.paddy-field-show .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.paddy-field-show .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.paddy-field-show .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0;min-width:25px}.paddy-field-show .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.paddy-field-show .center-frame-container #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.paddy-field-show .center-frame-container #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.paddy-field-show .center-frame-container #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.paddy-field-show .center-frame-container #edit-area span.disabled{border-bottom:solid 4px var(--purple);opacity:.5;cursor:inherit;pointer-events:none}.paddy-field-show .center-frame-container #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.paddy-field-show .center-frame-container #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.paddy-field-show .center-frame-container #button-area .right-box{right:0;bottom:0;width:70px}.paddy-field-show .center-frame-container #button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.paddy-field-show .center-frame-container #button-area .left-box{left:0;bottom:0;width:70px}.paddy-field-show .center-frame-container #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.paddy-field-show .center-frame-container #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.paddy-field-show .center-frame-container #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.paddy-field-show .center-frame-container #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.paddy-field-show .center-frame-container #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.paddy-field-show .center-frame-container #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.paddy-field-show .center-frame-container #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.paddy-field-show .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.paddy-field-show .center-frame-container .section .container{margin:0}.paddy-field-show .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.paddy-field-show .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.paddy-field-show .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.paddy-field-show .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.paddy-field-show .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.paddy-field-show .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.paddy-field-show .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.paddy-field-show .center-frame-container .section .container input[type=date],.paddy-field-show .center-frame-container .section .container input[type=number],.paddy-field-show .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.paddy-field-show .center-frame-container .section .container input[type=date]:focus,.paddy-field-show .center-frame-container .section .container input[type=number]:focus,.paddy-field-show .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.paddy-field-show .center-frame-container .section .container select{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.paddy-field-show .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.paddy-field-show .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.paddy-field-show .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.paddy-field-show .center-frame-container .section .container input[type=radio]{display:none}.paddy-field-show .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.paddy-field-show .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.paddy-field-show .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.paddy-field-show .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.paddy-field-show .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.paddy-field-show .center-frame-container .section .container input[type=checkbox]{display:none}.paddy-field-show .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.paddy-field-show .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.paddy-field-show .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.paddy-field-show .fade-enter,.paddy-field-show .fade-leave-to{opacity:0}.paddy-field-show .fade-enter-active,.paddy-field-show .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.paddy-field-show .scale-enter,.paddy-field-show .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.paddy-field-show .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.paddy-field-show .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.paddy-field-show .filter-area-left{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.paddy-field-show .filter-area-left .filter-icon-paddy{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_paddy.3e9bc13b.svg) no-repeat 50%;margin:15px;cursor:pointer}.paddy-field-show .area-frame-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px;top:100px;z-index:1;max-width:350px;min-width:270px;min-height:100px}.paddy-field-show .area-frame-container .area-frame{width:100%;padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.paddy-field-show .area-frame-container .area-frame-header{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px 20px 0 0;background:#ddd}.paddy-field-show .area-frame-container .area-frame-header h4{font-size:20px;font-weight:700;margin:0 auto 0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.paddy-field-show .area-frame-container .btn-close{cursor:pointer;width:24px;height:24px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.paddy-field-show .area-frame-container .area-frame-content{font-size:14px;overflow:scroll;max-height:calc(100vh - 280px)}.paddy-field-show .area-frame-container .area-frame-content table{width:100%}.paddy-field-show .area-frame-container .area-frame-content table tr{line-height:1.75rem}.paddy-field-show .area-frame-container .area-frame-content table tr:nth-of-type(n+2){border-top:1px solid #a9a9a9}.paddy-field-show .area-frame-container .area-frame-content table td{padding-right:5px}.paddy-field-show .area-frame-container .area-frame-content table .unit,.paddy-field-show .area-frame-container .area-frame-content table .value{text-align:right;white-space:nowrap;padding:0 0 0 10px}.paddy-field-show .area-frame-container .area-frame-content ul{list-style:none;padding:0}.paddy-field-show .area-frame-container .area-frame-footer{width:100%;height:40px;background:#ddd;border-radius:0 0 20px 20px}.work-history-add.frame-wrapper{position:absolute;top:0;left:0;width:100%}.mobile .work-history-add.frame-wrapper{height:0}.mobile .work-history-add.frame-wrapper #info{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(83,54,155,.8);margin:48px 0 0 0;width:100%;height:33px;text-align:center;color:#fff;font-size:.7rem;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.mobile .work-history-add.frame-wrapper #info.active{display:grid;z-index:21;opacity:1}.mobile .work-history-add.frame-wrapper #select-box{width:90%;height:30px;color:#333;font-size:.8rem;text-align:center;position:fixed;bottom:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);z-index:20}.mobile .work-history-add.frame-wrapper #select-box.active{display:grid}.mobile .work-history-add.frame-wrapper #next-btn{width:100%;height:50px;text-align:center;background:rgba(83,54,155,.8);position:fixed;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:20}.mobile .work-history-add.frame-wrapper #next-btn.active{display:grid}.mobile .work-history-add.frame-wrapper #next-btn span{color:#fff;font-size:1rem}.mobile .work-history-add.frame-wrapper #next-btn span:before{white-space:pre;content:"    ";display:inline-block;background:url(../img/ic_next.ea6b5853.svg) no-repeat left -2px;width:26px;height:20px;background-size:contain;vertical-align:middle}.mobile .work-history-add.frame-wrapper #item-edit-area{width:60px;text-align:center;background:#fff;margin:90px 10px 10px auto;height:60px;border-radius:40px}.mobile .work-history-add.frame-wrapper #item-edit-area span{display:block;font-size:28px;color:var(--purple);padding:10px}.mobile .work-history-add.frame-wrapper #item-edit-area span.active{cursor:pointer}.mobile .work-history-add.frame-wrapper #item-edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%}.work-history-add .top-frame-container{width:100%;max-width:520px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.mobile .work-history-add .top-frame-container{top:0;left:0}.work-history-add .top-frame-container .top-frame{min-height:100px;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.mobile .work-history-add .top-frame-container .top-frame{height:100vh;width:100%;position:absolute;top:0;border-radius:unset;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.8);box-shadow:0 2px 5px 0 rgba(0,0,0,.8);z-index:100;display:block;padding:unset}.work-history-add .top-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.mobile .work-history-add .top-frame-container .top-frame .title-area{font-size:.9em;width:100%;height:60px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .work-history-add .top-frame-container .top-frame .title-area h3{margin:0;padding:0 0 0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile .work-history-add .top-frame-container .top-frame .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.mobile .work-history-add .top-frame-container .top-frame .title-area .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-add .top-frame-container .top-frame .title-area h3{background:url(../img/ic_style_black.8830847f.svg) no-repeat 0;background-size:30px 30px}.work-history-add .top-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.mobile .work-history-add .top-frame-container .top-frame h3{margin:0 15px 0 15px}.work-history-add .top-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-add .top-frame-container .top-frame .selectCal:active{opacity:.5}.work-history-add .top-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.work-history-add .top-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-add .top-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.work-history-add .top-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-add .top-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.work-history-add .top-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.work-history-add .top-frame-container .top-frame .filter:active{opacity:.5}.work-history-add .top-frame-container input[type=radio]{display:none}.work-history-add .top-frame-container .input-frame-wrap{height:100px;display:block;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-add .top-frame-container .input-frame{display:grid;grid-template-columns:repeat(auto-fill,120px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 0 0}.mobile .work-history-add .top-frame-container .input-frame{grid-template-columns:repeat(auto-fill,30%);max-height:calc((100vh - 160px)/3);overflow:scroll;padding:10px}.work-history-add .top-frame-container .input-frame-wrap.close{height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-add .top-frame-container .input-frame-B{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,120px);grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee;padding:20px;margin:20px 0 0 0;border-radius:20px;border:1px solid #ccc}.mobile .work-history-add .top-frame-container .input-frame-B{grid-template-columns:repeat(auto-fill,30%);border-radius:unset;max-height:calc((100vh - 160px)/3*2);overflow:scroll;padding:10px}.work-history-add .top-frame-container .input-frame-B .tooltip,.work-history-add .top-frame-container .input-frame .tooltip{position:relative}.work-history-add .top-frame-container .input-frame-B .tooltip-text,.work-history-add .top-frame-container .input-frame .tooltip-text{opacity:0;visibility:hidden;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:100%;display:inline-block;padding:5px;font-size:.8rem;line-height:1.3;background:#333;color:#fff;border-radius:3px;-webkit-transition:.3s ease-in;transition:.3s ease-in;z-index:1;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:300px}.work-history-add .top-frame-container .input-frame-B .tooltip-none,.work-history-add .top-frame-container .input-frame .tooltip-none{display:none}.work-history-add .top-frame-container .input-frame-B .tooltip-text:before,.work-history-add .top-frame-container .input-frame .tooltip-text:before{content:"";position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #333}.work-history-add .top-frame-container .input-frame-B .tooltip:hover .tooltip-text,.work-history-add .top-frame-container .input-frame .tooltip:hover .tooltip-text{opacity:1;visibility:visible}.work-history-add .top-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.mobile .work-history-add .top-frame-container .label{overflow:unset;text-overflow:unset;white-space:unset;overflow-wrap:break-word}.work-history-add .top-frame-container input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.work-history-add .top-frame-container input[type=radio]:checked+.col2,.work-history-add .top-frame-container input[type=radio]:checked+.col3{color:#fff}.work-history-add .top-frame-container input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.work-history-add .top-frame-container .item-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.work-history-add .top-frame-container .select-button{display:block;width:200px;margin:20px auto 0;text-align:center;font-size:14px;padding:10px 20px;border-radius:20px;background:var(--purple);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-add .top-frame-container .select-button#selectFlagButton:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic_expand.f957fc46.svg) no-repeat 50%}.work-history-add .top-frame-container .select-button:active{opacity:.5}.work-history-add .top-frame-container .select-button#selectItemButton{margin:0;width:170px}.mobile .work-history-add .top-frame-container .select-button{margin:10px auto 10px}.work-history-add .top-frame-container .selection-frame{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;margin-right:10px}.work-history-add .top-frame-container .selection-frame label.label{overflow:unset;text-overflow:unset;white-space:unset;border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block;padding:10px 20px;margin-bottom:10px;font-size:14px}.work-history-add .top-frame-container .message-area{display:block;margin:10px 10px 0 10px}.work-history-add .top-frame-container .message-area span{font-size:.8rem}.work-history-add .col1{color:var(--col1);border:1px solid var(--col1);border-radius:30px}.work-history-add .col1,.work-history-add .col1-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.work-history-add .col1-fill{color:#fff;background:var(--col1);border-radius:30px}.work-history-add .col2{display:inline-block;text-align:center;border:1px solid;padding:4px;cursor:pointer;font-size:13px;border-radius:30px}.mobile .work-history-add .col2{width:100%}.work-history-add .col2-fill{color:#fff;background:var(--col2);border-radius:30px}.work-history-add .col2-fill,.work-history-add .col3{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.work-history-add .col3{border:1px solid;border-radius:30px}.mobile .work-history-add .col3{width:100%}.work-history-add .col3-fill{color:#fff;background:var(--col3);border-radius:30px}.work-history-add .col3-fill,.work-history-add .col4{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.work-history-add .col4{color:var(--col4);border:1px solid var(--col4);border-radius:30px}.work-history-add .col4-fill{display:inline-block;text-align:center;color:#fff;background:var(--col4);padding:4px;cursor:pointer;font-size:13px;border-radius:30px}.work-history-add .side-frame-container{position:absolute;top:30px;right:30px;width:350px;min-width:270px;min-height:100px}.mobile .work-history-add .side-frame-container{min-width:unset;min-height:unset}.work-history-add .side-frame-container .side-frame{padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.work-history-add .side-frame-container #side-frame-header{display:grid;grid-template-columns:1fr 5fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:50px;padding:10px;background:#ddd;border-radius:20px 20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.work-history-add .side-frame-container #side-frame-footer{width:100%;padding:5px;border-radius:0 0 20px 20px;background:#ddd}.work-history-add .side-frame-container .side-frame h4{font-size:18px;text-align:center;font-weight:400;margin:0 auto 0}.work-history-add .side-frame-container .side-frame h4:before{white-space:pre;content:"    ";background:url(../img/ic_list.da7f2b28.svg) no-repeat 50%;margin:0 10px 0 0}.work-history-add .side-frame-container .side-frame-content{max-height:calc(100vh - 170px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:scroll}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header{overflow:auto;width:100%;position:relative;font-size:15px}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .work-history-add .side-frame-container .side-frame-content .side-frame-content-header dl.columns{grid-template-columns:1fr 1.5fr}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .header-title{text-align:center;font-weight:700}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header .header-title2{text-align:center}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header table{margin:auto}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header table .item-title{text-align:right;padding-right:10px;min-width:100px}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header table .item-name{max-width:150px}.work-history-add .side-frame-container .side-frame-content .side-frame-content-header table .item-count{text-align:right;min-width:40px}.work-history-add .side-frame-container .side-frame-row{width:100%;margin:0 auto 0;border-top:1px solid #ddd;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px}.work-history-add .side-frame-container .side-frame-row,.work-history-add .side-frame-container .side-frame-row div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-history-add .side-frame-container .side-frame-row p{font-size:15px;display:block}.work-history-add .side-frame-container .side-frame-row span{min-width:25px;width:25px;height:45px;display:block;margin:0 10px 0 0}.work-history-add .side-frame-container .side-frame-row.view-header{cursor:pointer}.work-history-add .side-frame-container p.view-date{font-size:18px}.work-history-add .side-frame-container .side-frame-content ul{font-size:14px;color:#555;background:#f9f9f9;margin:0;padding:20px 20px 20px 40px}.work-history-add .side-frame-container .side-frame-row .mark{font-size:12px;padding:3px 9px}.work-history-add .side-frame-container .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-history-add .side-frame-container .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-history-add .side-frame-container .btn-close{cursor:pointer;width:26px;height:26px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain;margin-left:auto;margin-right:auto}.work-history-add .ricelog_pinicon_010{background:url(../img/ricelog_pinicon_010.54c29db5.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_011{background:url(../img/ricelog_pinicon_011.0ecebdf0.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_020{background:url(../img/ricelog_pinicon_020.c6612221.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_021{background:url(../img/ricelog_pinicon_021.326a5df4.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_030{background:url(../img/ricelog_pinicon_030.d2fce839.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_031{background:url(../img/ricelog_pinicon_031.97f76073.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_040{background:url(../img/ricelog_pinicon_040.50767ec9.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_041{background:url(../img/ricelog_pinicon_041.3f91a3dd.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_050{background:url(../img/ricelog_pinicon_050.770ad985.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_051{background:url(../img/ricelog_pinicon_051.be469ea5.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_060{background:url(../img/ricelog_pinicon_060.5e082228.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_061{background:url(../img/ricelog_pinicon_061.ebcc3c0f.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_070{background:url(../img/ricelog_pinicon_070.d3e509e5.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_071{background:url(../img/ricelog_pinicon_071.c36b0682.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_080{background:url(../img/ricelog_pinicon_080.742f9b37.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_081{background:url(../img/ricelog_pinicon_081.6552d137.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_090{background:url(../img/ricelog_pinicon_090.34879c8b.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_091{background:url(../img/ricelog_pinicon_091.24ed1a17.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_100{background:url(../img/ricelog_pinicon_100.23ff9143.png) no-repeat 50%;background-size:24px 42px}.work-history-add .ricelog_pinicon_101{background:url(../img/ricelog_pinicon_101.a17f90de.png) no-repeat 50%;background-size:24px 42px}.work-history-add .flag01{background:url(../img/flag01.43249ee0.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag02{background:url(../img/flag02.e71c5dd5.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag03{background:url(../img/flag03.f6deb72d.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag04{background:url(../img/flag04.c07f0ed3.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag05{background:url(../img/flag05.45d8fc26.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag06{background:url(../img/flag06.577ffe8e.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag07{background:url(../img/flag07.65bfe987.png) no-repeat 50%;background-size:25px 45px}.work-history-add .flag08{background:url(../img/flag08.15bd3711.png) no-repeat 50%;background-size:25px 45px}.work-history-add .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.mobile .work-history-add .center-frame-container{top:0}.work-history-add .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.mobile .work-history-add .center-frame-container .center-frame{width:100%;height:100vh;border-radius:0;padding:15px;max-height:unset;top:0}.work-history-add .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .work-history-add .center-frame-container .title-area{height:60px}.work-history-add .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-history-add .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.work-history-add .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-add .center-frame-container #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.work-history-add .center-frame-container #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-add .center-frame-container #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-add .center-frame-container #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-add .center-frame-container #upload-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.work-history-add .center-frame-container #upload-area label{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-add .center-frame-container #upload-area label>input[type=file]{display:none}.work-history-add .center-frame-container #upload-area label.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-add .center-frame-container #upload-area label:before{white-space:pre;content:"    ";background:url(../img/ic_upload.1f67ebe2.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-add .center-frame-container .upload-area-view{width:100%}.work-history-add .center-frame-container .upload-area-view span{position:absolute}.work-history-add .center-frame-container .upload-area-view span.active{opacity:1;cursor:pointer;pointer-events:inherit}.work-history-add .center-frame-container .upload-area-view span:before{white-space:pre;content:"    ";background:url(../img/ic_clear.7d170ab9.svg) no-repeat 50%;background-size:30px 30px;padding:0 0 0 15px}.work-history-add .center-frame-container .upload-area-view img{max-width:100%;margin:10px 0}.work-history-add .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.work-history-add .center-frame-container .section .container{margin:0}.work-history-add .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .work-history-add .center-frame-container .section .container dl.columns{grid-template-columns:1fr 1.5fr}.work-history-add .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.work-history-add .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.work-history-add .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-history-add .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.work-history-add .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.work-history-add .center-frame-container .section .container .columns dd .input-with-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-history-add .center-frame-container .section .container .columns dd .input-with-user .label{padding:0 0 0 5px;cursor:pointer}.work-history-add .center-frame-container .section .container .columns dd .input-with-user .label:before{white-space:pre;content:"    ";background:url(../img/ic_add_circle.b695ed9e.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-add .center-frame-container .section .container input[type=date],.work-history-add .center-frame-container .section .container input[type=number],.work-history-add .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.work-history-add .center-frame-container .section .container input[type=date]:focus,.work-history-add .center-frame-container .section .container input[type=number]:focus,.work-history-add .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.work-history-add .center-frame-container .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.work-history-add .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-history-add .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.work-history-add .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.work-history-add .center-frame-container .section .container input[type=radio]{display:none}.work-history-add .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.work-history-add .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.work-history-add .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-history-add .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-add .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-add .center-frame-container .section .container input[type=checkbox]{display:none}.work-history-add .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.work-history-add .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-history-add .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-add .fade-enter,.work-history-add .fade-leave-to{opacity:0}.work-history-add .fade-enter-active,.work-history-add .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.work-history-add .scale-enter,.work-history-add .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.work-history-add .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.work-history-add .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.side-frame-container{position:absolute;top:30px;right:30px;width:350px;min-width:270px;max-height:calc(100vh - 60px);overflow-y:scroll;-webkit-box-shadow:0 0 8px 4px rgba(0,0,0,.6);box-shadow:0 0 8px 4px rgba(0,0,0,.6)}.mobile .side-frame-container{min-width:unset;min-height:unset;top:0;right:0;z-index:60;width:100%}.side-frame{padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.3)}.mobile .side-frame{width:100%;height:100vh;-webkit-box-shadow:unset;box-shadow:unset}.side-frame h4{font-size:20px;text-align:center;font-weight:400;margin:0 auto 0}.mobile .side-frame h4{text-align:right;margin:0}.side-frame h4:before{white-space:pre;content:"    ";background:url(../img/ic_list.da7f2b28.svg) no-repeat 50%;margin:0 10px 0 0}.side-frame #side-frame-view-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:60px;padding:10px;background:#ddd;-webkit-box-sizing:border-box;box-sizing:border-box;position:sticky;top:0}.side-frame #side-frame-view-header.clickable{cursor:pointer}.mobile .side-frame #side-frame-view-header{display:grid;grid-template-columns:1fr 32px}.mobile .side-frame #side-frame-view-header .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.side-frame #side-frame-view-header h4{font-size:20px;text-align:center;font-weight:700;margin:0 auto 0;padding:0 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .side-frame #side-frame-view-header h4{text-align:left;margin:0}.side-frame #side-frame-view-header img{display:inline-block;width:20px;margin:0 10px 0 0}.side-frame #side-frame-view-header.close{height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.side-frame #side-frame-view-header h4:before{content:""}.side-frame #side-frame-view-footer{width:100%;height:40px;padding:5px;background:#ddd}.mobile .side-frame #side-frame-view-footer{bottom:0;position:fixed}.side-frame .side-frame-content{-webkit-box-sizing:border-box;box-sizing:border-box}.mobile .side-frame .side-frame-content{max-height:calc(100vh - 100px)}.side-frame .side-frame-content .side-frame-content-header{overflow:auto;width:100%;font-size:15px}.side-frame .side-frame-content .side-frame-content-header table{margin:auto;width:100%}.side-frame .side-frame-content .side-frame-content-header table td{padding-right:5px}.side-frame .side-frame-content .side-frame-content-header table .item-title{text-align:right;width:5rem}.side-frame .side-frame-content .side-frame-content-header table .item-value{min-width:6rem}.side-frame .side-frame-content .side-frame-content-header table .item-textarea{white-space:pre-line}.side-frame .side-frame-row{width:100%;margin:0 auto 0;border-top:1px solid #ddd;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px}.side-frame .side-frame-row,.side-frame .side-frame-row div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.side-frame .side-frame-row.view-header{cursor:pointer}.side-frame .side-frame-row.view-header.disabled{cursor:inherit;pointer-events:none}.side-frame .side-frame-content ul{font-size:14px;color:#555;background:#f9f9f9;margin:0;padding:20px 20px 20px 40px}.side-frame .side-frame-content .work-histories{font-size:14px;color:#555;background:#f9f9f9;padding:5px 1rem}.side-frame .side-frame-content .work-histories table{width:100%}.side-frame .side-frame-content .work-histories table tr{line-height:1.75rem}.side-frame .side-frame-content .work-histories table tr:nth-of-type(n+2){border-top:1px solid #a9a9a9}.side-frame .side-frame-content .work-histories table td{padding-right:5px}.side-frame .side-frame-content .work-histories table .label{text-align:right;width:40%}.side-frame .side-frame-content .work-histories table .value{min-width:6rem}.side-frame .side-frame-content .work-histories table .value_number{text-align:right}.side-frame .side-frame-content .work-histories table .value_textarea{white-space:pre-line}.side-frame .side-frame-content .work-histories table .unit{word-break:keep-all}.side-frame .side-frame-row .mark{font-size:12px;padding:3px 9px;margin:0 5px}.side-frame .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:10px auto 10px;cursor:pointer}.side-frame .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.side-frame #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.side-frame #edit-area span{display:block;font-size:12px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.side-frame #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.side-frame #edit-area span.disabled{border-bottom:solid 4px var(--purple);opacity:.5;cursor:inherit}.side-frame #edit-area span.disappear{display:none}.side-frame #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.side-frame .upload-image-view{display:grid;grid-template-columns:100px 100px 100px}.side-frame .upload-image-view div{text-align:center;margin:2px;cursor:pointer}.side-frame .upload-image-view div img{margin:auto;width:100%;height:100px;-o-object-fit:contain;object-fit:contain;display:block}.work-history-show.frame-wrapper{position:absolute;top:0;left:0;width:100%}.mobile .work-history-show.frame-wrapper{height:0}.mobile .work-history-show.frame-wrapper #info{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(83,54,155,.8);margin:48px 0 0 0;width:100%;height:33px;text-align:center;color:#fff;font-size:.7rem;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.mobile .work-history-show.frame-wrapper #info.active{display:grid;z-index:21;opacity:1}.mobile .work-history-show.frame-wrapper #select-box{width:90%;height:30px;color:#333;font-size:.8rem;text-align:center;position:fixed;bottom:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);z-index:20}.mobile .work-history-show.frame-wrapper #select-box.active{display:grid}.mobile .work-history-show.frame-wrapper #next-btn{width:100%;height:50px;text-align:center;background:rgba(83,54,155,.8);position:fixed;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:30}.mobile .work-history-show.frame-wrapper #next-btn.active{display:grid}.mobile .work-history-show.frame-wrapper #next-btn span{color:#fff;font-size:1rem}.mobile .work-history-show.frame-wrapper #next-btn span:before{white-space:pre;content:"    ";display:inline-block;background:url(../img/ic_next.ea6b5853.svg) no-repeat left -2px;width:26px;height:20px;background-size:contain;vertical-align:middle}.mobile .work-history-show.frame-wrapper #item-edit-area{width:60px;text-align:center;background:#fff;margin:90px 10px 10px auto;height:60px;border-radius:40px}.mobile .work-history-show.frame-wrapper #item-edit-area span{display:block;font-size:28px;color:var(--purple);padding:10px}.mobile .work-history-show.frame-wrapper #item-edit-area span.active{cursor:pointer}.mobile .work-history-show.frame-wrapper #item-edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%}.work-history-show .filter-area-left{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.work-history-show .filter-area-left .filter-icon-work{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_work.2deb3132.svg) no-repeat 50%;margin:15px;cursor:pointer}.work-history-show .filter-area-left .filter-icon-location{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_location.d1b392bf.svg) no-repeat 50%;margin:15px;cursor:pointer}.work-history-show .filter-area-left .filter-icon-paddy{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_paddy.3e9bc13b.svg) no-repeat 50%;margin:15px;cursor:pointer}.work-history-show .filter-area-left .filter-icon-search{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_search.8633f3ee.svg) no-repeat 50%;margin:15px;cursor:pointer}.work-history-show .filter-area-right{position:absolute;top:0;right:0;width:45px;padding:20px 20px 0 0}.work-history-show .filter-area-right .filter-icon{display:inline-block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_rate-review.8a2b25b7.svg) no-repeat 50%;cursor:pointer}.work-history-show .top-frame-container{width:100%;max-width:510px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.mobile .work-history-show .top-frame-container{top:0;left:0}.work-history-show .top-frame-container .top-frame{min-height:100px;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.mobile .work-history-show .top-frame-container .top-frame{height:100vh;width:100%;position:absolute;top:0;border-radius:unset;z-index:50;display:block;padding:unset}.work-history-show .top-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.mobile .work-history-show .top-frame-container .top-frame .title-area{font-size:.9em;width:100%;height:60px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .work-history-show .top-frame-container .top-frame .title-area h3{margin:0;padding:0 0 0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile .work-history-show .top-frame-container .top-frame .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.mobile .work-history-show .top-frame-container .top-frame .title-area .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-show .top-frame-container .top-frame .title-area h3{background:url(../img/ic_flag.01c06bdf.svg) no-repeat 0;background-size:30px 30px}.work-history-show .top-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.work-history-show .top-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .top-frame-container .top-frame .selectCal:active{opacity:.5}.work-history-show .top-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.work-history-show .top-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-show .top-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.work-history-show .top-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-show .top-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.work-history-show .top-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.work-history-show .top-frame-container .top-frame .filter:active{opacity:.5}.work-history-show .top-frame-container input[type=radio]{display:none}.work-history-show .top-frame-container .input-frame-wrap{max-height:500px;display:block;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-show .top-frame-container .input-frame{display:grid;grid-template-columns:repeat(auto-fill,120px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 0 0}.mobile .work-history-show .top-frame-container .input-frame{grid-template-columns:repeat(auto-fill,30%);max-height:calc((100vh - 160px)/3);overflow:scroll;padding:10px}.work-history-show .top-frame-container .input-frame-wrap.close{max-height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-show .top-frame-container .input-frame-B{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,120px);grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee;padding:20px;margin:20px 0 0 0;border-radius:20px;border:1px solid #ccc}.mobile .work-history-show .top-frame-container .input-frame-B{grid-template-columns:repeat(auto-fill,30%);border-radius:unset;max-height:calc((100vh - 160px)/3*2);overflow:scroll;padding:10px}.work-history-show .top-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .work-history-show .top-frame-container .label{overflow:unset;text-overflow:unset;white-space:unset;overflow-wrap:break-word}.work-history-show .top-frame-container input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.work-history-show .top-frame-container input[type=radio]:checked+.col2,.work-history-show .top-frame-container input[type=radio]:checked+.col3{color:#fff}.work-history-show .top-frame-container input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.work-history-show .top-frame-container .item-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.work-history-show .top-frame-container .select-button{display:block;width:200px;margin:20px auto 0;text-align:center;font-size:14px;padding:10px 20px;border-radius:20px;background:var(--purple);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .top-frame-container .select-button#selectFlagButton:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic_expand.f957fc46.svg) no-repeat 50%}.work-history-show .top-frame-container .select-button:active{opacity:.5}.work-history-show .top-frame-container .select-button#selectItemButton{margin:0;width:170px}.work-history-show .top-frame-container .navigate-button{display:block;width:200px;margin:0 auto 0;text-align:center;font-size:14px;padding:10px 20px 0 20px;border-radius:20px;background:transparent;color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .top-frame-container .navigate-button:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic-expand-more.a74a1b90.svg) no-repeat 50%}.work-history-show .top-frame-container .selection-frame{display:grid;grid-template-columns:120px 120px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:7px 0 7px 0}.work-history-show .filter-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.mobile .work-history-show .filter-frame-container{top:0}.work-history-show .filter-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.mobile .work-history-show .filter-frame-container .center-frame{width:100%;height:100vh;padding:15px;max-width:unset;max-height:unset;top:0;border-radius:unset;-webkit-box-shadow:unset;box-shadow:unset}.work-history-show .filter-frame-container .center-frame .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .work-history-show .filter-frame-container .center-frame .label{overflow:unset;text-overflow:unset;white-space:unset;overflow-wrap:break-word}.work-history-show .filter-frame-container .center-frame input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.work-history-show .filter-frame-container .center-frame input[type=radio]:checked+.col2,.work-history-show .filter-frame-container .center-frame input[type=radio]:checked+.col3{color:#fff}.work-history-show .filter-frame-container .center-frame input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.work-history-show .filter-frame-container .center-frame input[type=date],.work-history-show .filter-frame-container .center-frame input[type=number],.work-history-show .filter-frame-container .center-frame input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.work-history-show .filter-frame-container .center-frame input[type=date]:focus,.work-history-show .filter-frame-container .center-frame input[type=number]:focus,.work-history-show .filter-frame-container .center-frame input[type=text]:focus{background:var(--purple-tertiary)}.work-history-show .filter-frame-container .center-frame select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.work-history-show .filter-frame-container .center-frame select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-history-show .filter-frame-container .center-frame input[type=checkbox]{display:none}.work-history-show .filter-frame-container .center-frame input[type=checkbox]+label{padding:0 20px 0 0}.work-history-show .filter-frame-container .center-frame input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-history-show .filter-frame-container .center-frame input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-show .filter-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.mobile .work-history-show .filter-frame-container .top-frame .title-area{font-size:.9em;width:100%;height:60px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .work-history-show .filter-frame-container .top-frame .title-area h3{margin:0;padding:0 0 0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile .work-history-show .filter-frame-container .top-frame .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.mobile .work-history-show .filter-frame-container .top-frame .title-area .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-show .filter-frame-container .top-frame .title-area .title-icon-work{background:url(../img/ic_filter_work.2deb3132.svg) no-repeat 0;background-size:30px 30px}.work-history-show .filter-frame-container .top-frame .title-area .title-icon-location{background:url(../img/ic_filter_location.d1b392bf.svg) no-repeat 0;background-size:30px 30px}.work-history-show .filter-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.work-history-show .filter-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .filter-frame-container .top-frame .selectCal:active{opacity:.5}.work-history-show .filter-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.work-history-show .filter-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-show .filter-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.work-history-show .filter-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.work-history-show .filter-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.work-history-show .filter-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.work-history-show .filter-frame-container .top-frame .filter:active{opacity:.5}.work-history-show .filter-frame-container input[type=radio]{display:none}.work-history-show .filter-frame-container .input-frame-wrap{max-height:500px;display:block;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-show .filter-frame-container .input-frame{display:grid;grid-template-columns:repeat(auto-fill,120px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 0 0}.mobile .work-history-show .filter-frame-container .input-frame{grid-template-columns:repeat(auto-fill,30%);max-height:calc((100vh - 160px)/3);overflow:scroll;padding:10px}.work-history-show .filter-frame-container .input-frame-wrap.close{max-height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.work-history-show .filter-frame-container .input-frame-B{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,120px);grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee;padding:20px;margin:20px 0 0 0;border-radius:20px;border:1px solid #ccc}.mobile .work-history-show .filter-frame-container .input-frame-B{grid-template-columns:repeat(auto-fill,30%);border-radius:unset;max-height:calc((100vh - 160px)/3*2);overflow:scroll;padding:10px}.work-history-show .filter-frame-container .input-frame-wrap .location-date{display:grid;grid-template-columns:200px 100px 20px 100px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-column-gap:20px;padding:15px 0}.work-history-show .filter-frame-container .input-frame-C{display:grid;grid-template-columns:auto auto auto;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0}.work-history-show .filter-frame-container .input-frame-C .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:220px}.work-history-show .filter-frame-container .input-frame-C .user-color{width:15px;height:15px;min-width:15px;min-height:15px;margin:auto 0;border-radius:50%}.work-history-show .filter-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.mobile .work-history-show .filter-frame-container .label{overflow:unset;text-overflow:unset;white-space:unset;overflow-wrap:break-word}.work-history-show .filter-frame-container input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.work-history-show .filter-frame-container input[type=radio]:checked+.col2,.work-history-show .filter-frame-container input[type=radio]:checked+.col3{color:#fff}.work-history-show .filter-frame-container input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.work-history-show .filter-frame-container .item-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.work-history-show .filter-frame-container .select-button{display:block;width:200px;margin:20px auto 0;text-align:center;font-size:14px;padding:10px 20px;border-radius:20px;background:var(--purple);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .filter-frame-container .select-button#selectFlagButton:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic_expand.f957fc46.svg) no-repeat 50%}.work-history-show .filter-frame-container .select-button:active{opacity:.5}.work-history-show .filter-frame-container .select-button#selectItemButton{margin:0;width:170px}.work-history-show .filter-frame-container .navigate-button{display:block;width:200px;margin:0 auto 0;text-align:center;font-size:14px;padding:10px 20px 0 20px;border-radius:20px;background:transparent;color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-history-show .filter-frame-container .navigate-button:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic-expand-more.a74a1b90.svg) no-repeat 50%}.work-history-show .filter-frame-container .selection-frame{display:grid;grid-template-columns:120px 120px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:7px 0 7px 0}.work-history-show .filter-frame-container .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.mobile .work-history-show .filter-frame-container .button-area{padding:10px 0}.work-history-show .filter-frame-container .button-area .right-box{right:0;bottom:0;width:70px}.work-history-show .filter-frame-container .button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.mobile .work-history-show .filter-frame-container .button-area .center-box{width:calc(100% - 70px)}.work-history-show .filter-frame-container .button-area .left-box{left:0;bottom:0;width:70px}.mobile .work-history-show .filter-frame-container .button-area .left-box{width:unset}.work-history-show .filter-frame-container .button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-history-show .filter-frame-container .button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-history-show .filter-frame-container .button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.work-history-show .filter-frame-container .button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.mobile .work-history-show .filter-frame-container .button-area .btn{width:unset;min-width:100px}.work-history-show .filter-frame-container .button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-show .filter-frame-container .button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-show .filter-frame-container .button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-history-show .col1{color:var(--col1);border:1px solid var(--col1);border-radius:30px}.work-history-show .col1,.work-history-show .col1-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.work-history-show .col1-fill{color:#fff;background:var(--col1);border-radius:30px}.work-history-show .col2{display:inline-block;text-align:center;border:1px solid;padding:4px;cursor:pointer;font-size:13px;border-radius:30px}.mobile .work-history-show .col2{width:100%}.work-history-show .col2-fill,.work-history-show .col3{display:inline-block;text-align:center;border:1px solid;padding:4px;cursor:pointer;font-size:13px;border-radius:30px}.mobile .work-history-show .col3{width:100%}.work-history-show .col3-fill{color:#fff;border-radius:30px}.work-history-show .col3-fill,.work-history-show .col4{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.work-history-show .col4{color:var(--col4);border:1px solid var(--col4);border-radius:30px}.work-history-show .col4-fill{display:inline-block;text-align:center;color:#fff;background:var(--col4);padding:4px;cursor:pointer;font-size:13px;border-radius:30px}.work-history-show .ricelog_pinicon_010{background:url(../img/ricelog_pinicon_010.54c29db5.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_020{background:url(../img/ricelog_pinicon_020.c6612221.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_030{background:url(../img/ricelog_pinicon_030.d2fce839.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_040{background:url(../img/ricelog_pinicon_040.50767ec9.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_050{background:url(../img/ricelog_pinicon_050.770ad985.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_060{background:url(../img/ricelog_pinicon_060.5e082228.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_070{background:url(../img/ricelog_pinicon_070.d3e509e5.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_080{background:url(../img/ricelog_pinicon_080.742f9b37.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_090{background:url(../img/ricelog_pinicon_090.34879c8b.png) no-repeat 50%;background-size:25px 45px}.work-history-show .ricelog_pinicon_100{background:url(../img/ricelog_pinicon_100.23ff9143.png) no-repeat 50%;background-size:25px 45px}.work-history-show .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.mobile .work-history-show .center-frame-container{top:0}.work-history-show .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.mobile .work-history-show .center-frame-container .center-frame{width:100%;height:100vh;padding:15px;max-width:unset;max-height:unset;top:0;border-radius:unset;-webkit-box-shadow:unset;box-shadow:unset}.work-history-show .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .work-history-show .center-frame-container .title-area{height:60px}.work-history-show .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-history-show .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0;min-width:25px}.work-history-show .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-show .center-frame-container #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.work-history-show .center-frame-container #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-show .center-frame-container #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-show .center-frame-container #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-show .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.work-history-show .center-frame-container .section .container{margin:0}.work-history-show .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:200px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .work-history-show .center-frame-container .section .container dl.columns{grid-template-columns:1fr 1.5fr}.work-history-show .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.work-history-show .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.work-history-show .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-history-show .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.work-history-show .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.work-history-show .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.work-history-show .center-frame-container .section .container .columns dd .input-with-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-history-show .center-frame-container .section .container .columns dd .input-with-user .label{padding:0 0 0 5px;cursor:pointer}.work-history-show .center-frame-container .section .container .columns dd .input-with-user .label:before{white-space:pre;content:"    ";background:url(../img/ic_add_circle.b695ed9e.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-show .center-frame-container .section .container input[type=date],.work-history-show .center-frame-container .section .container input[type=number],.work-history-show .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.work-history-show .center-frame-container .section .container input[type=date]:focus,.work-history-show .center-frame-container .section .container input[type=number]:focus,.work-history-show .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.work-history-show .center-frame-container .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.work-history-show .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-history-show .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.work-history-show .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.work-history-show .center-frame-container .section .container input[type=radio]{display:none}.work-history-show .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.work-history-show .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.work-history-show .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-history-show .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-show .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-show .center-frame-container .section .container input[type=checkbox]{display:none}.work-history-show .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.work-history-show .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-history-show .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-history-show .center-frame-container .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.mobile .work-history-show .center-frame-container .button-area{padding:10px 0}.work-history-show .center-frame-container .button-area .right-box{right:0;bottom:0;width:70px}.work-history-show .center-frame-container .button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.mobile .work-history-show .center-frame-container .button-area .center-box{width:calc(100% - 70px)}.work-history-show .center-frame-container .button-area .left-box{left:0;bottom:0;width:70px}.mobile .work-history-show .center-frame-container .button-area .left-box{width:unset}.work-history-show .center-frame-container .button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-history-show .center-frame-container .button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-history-show .center-frame-container .button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.work-history-show .center-frame-container .button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.mobile .work-history-show .center-frame-container .button-area .btn{width:unset;min-width:100px}.work-history-show .center-frame-container .button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-show .center-frame-container .button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-show .center-frame-container .button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-history-show .center-frame-container #upload-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.work-history-show .center-frame-container #upload-area label{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.work-history-show .center-frame-container #upload-area label>input[type=file]{display:none}.work-history-show .center-frame-container #upload-area label.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.work-history-show .center-frame-container #upload-area label:before{white-space:pre;content:"    ";background:url(../img/ic_upload.1f67ebe2.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-history-show .center-frame-container .upload-area-view{width:100%}.work-history-show .center-frame-container .upload-area-view span{position:absolute}.work-history-show .center-frame-container .upload-area-view span.active{opacity:1;cursor:pointer;pointer-events:inherit}.work-history-show .center-frame-container .upload-area-view span:before{white-space:pre;content:"    ";background:url(../img/ic_clear.7d170ab9.svg) no-repeat 50%;background-size:30px 30px;padding:0 0 0 15px}.work-history-show .center-frame-container .upload-area-view img{max-width:100%;margin:10px 0}.work-history-show .search-frame.center-frame-container{margin:0;padding:0;width:350px;height:unset;top:30px;left:30px;z-index:80}.work-history-show .search-frame.center-frame-container .center-frame{margin:0;padding:15px 30px;width:100%;max-width:unset;max-height:unset;position:relative;top:0}.work-history-show .search-frame.center-frame-container .center-frame .center-frame-header{display:grid;grid-template-columns:1fr 32px}.work-history-show .search-frame.center-frame-container .center-frame .center-frame-header .title-icon-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 15px 0;padding:0 0 0 35px;background:url(../img/ic_filter_search.8633f3ee.svg) no-repeat 0;background-size:30px 30px}.work-history-show .search-frame.center-frame-container .center-frame .center-frame-content .button-area{display:grid;grid-template-columns:1fr 1fr 70px}.work-history-show .search-frame.center-frame-container .center-frame .center-frame-content .button-area .right-box{width:100%}.work-history-show .search-frame.center-frame-container .center-frame .center-frame-content .button-area .right-box .btn{width:70px;margin-left:0;margin-right:0}.work-history-show .image-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:95}.work-history-show .image-frame-container .image-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;height:80vh;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.work-history-show .image-frame-container .image-title-area{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-history-show .image-frame-container .image-footer-area{width:100%;height:20px;padding:0}.work-history-show .image-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-show .image-frame-container .section{width:100%;height:calc(100% - 80px);position:relative}.work-history-show .image-frame-container .section .container{margin:0;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;height:100%;width:100%}.work-history-show .image-frame-container .section .container img{margin:auto;max-width:100%;max-height:100%;display:block}.work-history-show .area-frame-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px;top:100px;z-index:1;max-width:350px;min-width:270px;min-height:100px}.work-history-show .area-frame-container .area-frame{width:100%;padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.work-history-show .area-frame-container .area-frame-header{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px 20px 0 0;background:#ddd}.work-history-show .area-frame-container .area-frame-header h4{font-size:20px;font-weight:700;margin:0 auto 0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-history-show .area-frame-container .btn-close{cursor:pointer;width:24px;height:24px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-history-show .area-frame-container .area-frame-content{font-size:14px;overflow:scroll;max-height:calc(100vh - 280px)}.work-history-show .area-frame-container .area-frame-content table{width:100%}.work-history-show .area-frame-container .area-frame-content table tr{line-height:1.75rem}.work-history-show .area-frame-container .area-frame-content table tr:nth-of-type(n+2){border-top:1px solid #a9a9a9}.work-history-show .area-frame-container .area-frame-content table td{padding-right:5px}.work-history-show .area-frame-container .area-frame-content table .unit,.work-history-show .area-frame-container .area-frame-content table .value{text-align:right;white-space:nowrap;padding:0 0 0 10px}.work-history-show .area-frame-container .area-frame-content ul{list-style:none;padding:0}.work-history-show .area-frame-container .area-frame-footer{width:100%;height:40px;background:#ddd;border-radius:0 0 20px 20px}.work-history-show .fade-enter,.work-history-show .fade-leave-to{opacity:0}.work-history-show .fade-enter-active,.work-history-show .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.work-history-show .scale-enter,.work-history-show .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.work-history-show .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.work-history-show .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.work-item-detail-edit .section{overflow:auto;width:90%;height:100%;position:relative;margin-left:auto;margin-right:auto}.work-item-detail-edit .section .container{margin:2rem;margin-left:auto;margin-right:auto}.work-item-detail-edit .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.work-item-detail-edit .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.work-item-detail-edit .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.work-item-detail-edit .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-item-detail-edit .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.work-item-detail-edit .section .container .columns dd:nth-of-type(odd),.work-item-detail-edit .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.work-item-detail-edit .section .container input[type=date],.work-item-detail-edit .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.work-item-detail-edit .section .container input[type=date]:focus,.work-item-detail-edit .section .container input[type=text]:focus{background:var(--purple-tertiary)}.work-item-detail-edit .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.work-item-detail-edit .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-item-detail-edit .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.work-item-detail-edit .section .container textarea:focus{background:var(--purple-tertiary)}.work-item-detail-edit .section .container input[type=radio]{display:none}.work-item-detail-edit .section .container input[type=radio]+label{padding:0 20px 0 0}.work-item-detail-edit .section .container input[type=radio]:disabled+label{color:#aaa}.work-item-detail-edit .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-item-detail-edit .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-detail-edit .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-detail-edit .section .container input[type=checkbox]{display:none}.work-item-detail-edit .section .container input[type=checkbox]+label{padding:0 20px 0 0}.work-item-detail-edit .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-item-detail-edit .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-detail-edit .section .container .item-warn-message{display:block;font-size:.8rem;color:red}.work-item-detail-edit table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.work-item-detail-edit th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.work-item-detail-edit th.sort{width:10%}.work-item-detail-edit th:nth-child(0){border-right:none}.work-item-detail-edit td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.work-item-detail-edit td:nth-child(0){border-right:none}.work-item-detail-edit .stripe tr:nth-child(odd){background:#f7f7f7}.work-item-detail-edit #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.work-item-detail-edit #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.work-item-detail-edit #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.work-item-detail-edit #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-item-detail-edit #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.work-item-detail-edit #button-area .right-box{right:0;bottom:0;width:25%}.work-item-detail-edit #button-area .center-box{display:inline;text-align:center;width:50%}.work-item-detail-edit #button-area .left-box{left:0;bottom:0;width:25%}.mobile .work-item-detail-edit #button-area .left-box{width:unset}.work-item-detail-edit #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-item-detail-edit #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-detail-edit #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.work-item-detail-edit #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.work-item-detail-edit #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.work-item-detail-edit #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-item-detail-edit #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.work-item-detail-edit #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-item-detail-edit .link-add{font-size:14px;text-align:center;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-item-detail-edit .link-add:before{white-space:pre;content:"    ";background:url(../img/ic_add_active.0850f3ff.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 5px}.work-item-detail-edit .link-add-disable{font-size:14px;text-align:center;padding:6px 20px;margin:10px auto 10px;cursor:inherit;pointer-events:none}.work-item-detail-edit .link-add-disable:before{white-space:pre;content:"    ";background:url(../img/ic_add_disabled.2a687ed9.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 5px}.work-item-detail-edit .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-item-detail-edit .btn-sort-up{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_up.7f5ea106.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-item-detail-edit .btn-sort-up.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-detail-edit .btn-sort-down{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_down.2f4d1bb1.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-item-detail-edit .btn-sort-down.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-detail-edit .check-on{display:block;width:25px;height:25px;background:url(../img/ic_check_on.4126f33b.svg) no-repeat 50%;margin:auto}.work-item-detail-edit .header .title,.work-item-detail-edit .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.work-item-detail-edit .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-item-detail-edit .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.work-item-detail-edit .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.work-item-detail-edit .header .title li>div{width:50px;height:100%}.work-item-detail-edit #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.work-item-detail-edit .center-frame-container{position:fixed;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;margin:0;padding:0;width:100vw;height:100vh;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.work-item-detail-edit .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:fixed;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.work-item-detail-edit .center-frame-container .title-area{width:100%;min-height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.work-item-detail-edit .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-item-detail-edit .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.work-item-detail-edit .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.work-item-edit .section{overflow:auto;width:50%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.work-item-edit .section .container{margin:2rem;margin-left:auto;margin-right:auto}.work-item-edit .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.work-item-edit .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.work-item-edit .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.work-item-edit .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work-item-edit .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.work-item-edit .section .container .columns dd:nth-of-type(odd),.work-item-edit .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.work-item-edit .section .container input[type=date],.work-item-edit .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.work-item-edit .section .container input[type=date]:focus,.work-item-edit .section .container input[type=text]:focus{background:var(--purple-tertiary)}.work-item-edit .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.work-item-edit .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-item-edit .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.work-item-edit .section .container textarea:focus{background:var(--purple-tertiary)}.work-item-edit .section .container input[type=radio]{display:none}.work-item-edit .section .container input[type=radio]+label{padding:0 20px 0 0}.work-item-edit .section .container input[type=radio]:disabled+label{color:#aaa}.work-item-edit .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-item-edit .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-edit .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-edit .section .container input[type=checkbox]{display:none}.work-item-edit .section .container input[type=checkbox]+label{padding:0 20px 0 0}.work-item-edit .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.work-item-edit .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.work-item-edit .section .container .color-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px;float:left}.work-item-edit .section .container .color-radio-button:hover{background:#eee}.work-item-edit .section .container .color-radio-button div{height:36px;width:36px;border-radius:50%}.work-item-edit .section .container .color-radio-button label{cursor:pointer}.work-item-edit #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.work-item-edit #button-area .right-box{right:0;bottom:0;width:25%}.work-item-edit #button-area .center-box{display:inline;text-align:center;width:50%}.work-item-edit #button-area .left-box{left:0;bottom:0;width:25%}.mobile .work-item-edit #button-area .left-box{width:unset}.work-item-edit #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-item-edit #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-edit #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.work-item-edit #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.work-item-edit #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.work-item-edit #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-item-edit #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.work-item-edit #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-item-edit .header .title,.work-item-edit .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.work-item-edit .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-item-edit .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.work-item-edit .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.work-item-edit .header .title li>div{width:50px;height:100%}.work-item-edit #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.work-item .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.work-item .section .container{margin:1rem;margin-left:auto;margin-right:auto}.work-item .section .container .sub-title{font-size:18px;margin:10px 0}.work-item table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.work-item th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.work-item th.no{width:10%}.work-item th.item,.work-item th.season{width:45%}.work-item th:nth-child(0){border-right:none}.work-item td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer}.work-item td:nth-child(0){border-right:none}.work-item .stripe tr:nth-child(odd){background:#f7f7f7}.work-item #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.work-item #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.work-item #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.work-item #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-item #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.work-item .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:0 10px 0 0;margin-bottom:10px;cursor:pointer}.work-item .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item .header .title,.work-item .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.work-item .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-item .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.work-item .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.work-item .header .title li>div{width:50px;height:100%}.work-item .footer{height:20px}.work-item #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.weather-pie ul{margin:0;padding:0}.weather-pie .pieChart{display:block;width:200px;height:220px;margin:10px auto 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:120px;text-align:center;color:#fdab57;font-size:20px}.mobile .weather-pie .pieChart{width:180px}.weather-pie .pieChart span{display:block;font-size:56px;font-weight:500;color:#fdab57;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobile .weather-pie .pieChart span{font-size:50px}.weather-pie .pieChart canvas{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.weather #chart-container{width:100%;padding:0 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.mobile .weather #chart-container{padding:50px 10px 10px 10px}.weather .chart-container-canvas{position:relative;height:250px}.weather .chart-date{font-weight:400;font-size:22px;margin:0;padding:0 0 30px 0}.mobile .weather .chart-date{font-size:16px;padding:20px 0 10px 0}.weather .chart-date:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:28px 28px;padding:0 28px 0 0}.mobile .weather .chart-date:before{background-size:25px 25px;padding:10px 25px 10px 10px}.weather #chart-layoutx1{grid-template-columns:auto}.weather #chart-layoutx1,.weather #chart-layoutx2{display:grid;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.weather #chart-layoutx2{grid-template-columns:repeat(auto-fit,minmax(400px,2fr) minmax(350px,1fr))}.weather #chart-layoutx3{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.weather #chart-layoutx3,.weather .chart-area{-webkit-box-sizing:border-box;box-sizing:border-box}.weather .chart-area{height:auto;min-height:180px;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-shadow:0 0 20px 5px rgba(0,0,0,.1);padding:20px;margin:15px}.weather .chart-area.scroll{overflow-x:scroll}.weather .chart-area p{margin:0;padding:0;font-size:20px}.mobile .weather .chart-area p{font-size:16px}.weather .dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(180px,max-content));-ms-flex-pack:distribute;justify-content:space-around;row-gap:20px;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}.weather .dashboard .ic-chart-point{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#666}.mobile .weather .dashboard .ic-chart-point{font-size:14px}.weather .dashboard div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.weather .dashboard p{text-align:center;color:#000}.weather .weather-area{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.weather .weather-area table{margin:20px auto 5px;width:100%;border-bottom:1px solid #ddd;background:#fff}.weather .weather-area th{padding:2px;border-bottom:1px solid #bbb;background:#ddd;font-weight:400;min-width:80px;padding:2px 10px}.weather .weather-area td{padding:2px;text-align:center;border-bottom:1px solid #ddd}.weather .weather-area .td-value{width:50%;text-align:right}.weather .weather-area .td-unit{width:50%;text-align:left}.weather .weather-area .text-unit{font-size:14px}.weather .weather-area .nowtime{background:#fff7b4}.weather table{margin:20px auto 5px;width:100%;border-bottom:1px solid #ddd;background:#fff}.mobile .weather table{font-size:12px}.weather th{padding:2px;border-bottom:1px solid #bbb;background:#ddd;font-weight:400;width:10%}.weather th:nth-child(0){border-right:none}.weather td{padding:2px;text-align:center;border-bottom:1px solid #ddd}.weather td:nth-child(0){border-right:none}.weather .stripe tr:nth-child(odd){background:#f7f7f7}.weather .stoday{background:#fff7b4}.weather .sunday{color:#e23333}.weather .saturday{color:#1a82b7}.weather #chart-bass{position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,.9);width:100%;height:100vh;z-index:3;padding:60px}.weather #chart-bass-frame{width:100%;height:100%;padding:30px;border-radius:20px;background:#fff}.weather #chart-bass-frame .info{display:grid;grid-template-columns:1fr 30px;-webkit-box-align:top;-ms-flex-align:top;align-items:top}.weather #chart-bass-frame .info p{font-size:20px;margin:0;padding:0 0 20px 15px}.weather #chart-bass-frame .info span{font-size:18px;margin:0;padding:0 0 0 20px}.weather #closeBtn{display:block;width:30px;height:30px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:30px 30px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.weather #closeBtn:active{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}.weather #chart-bass.active{display:block;-webkit-animation:showChart .3s ease 0s;animation:showChart .3s ease 0s}.weather #chart-bass .chart-container-canvas{position:relative;height:80%}.weather #chart-bass .calBtn{display:block;margin:30px 20px;text-align:right;color:#000;cursor:pointer;font-size:14px;-webkit-transition:.5s;transition:.5s}.weather #chart-bass .calBtn:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:20px 20px;padding:0 13px 0 0}.weather #chart-bass .calBtn:hover{color:#666}.weather .ic-chart{display:block}.weather .ic-chart:before{white-space:pre;content:"   ";background:url(../img/ic_chart.2f8abcf8.svg) no-repeat 50%;background-size:28px 28px;padding:15px}.mobile .weather .ic-chart:before{background-size:25px 25px;padding:10px}.weather .ic-weather{display:block}.weather .ic-weather:before{white-space:pre;content:"   ";background:url(../img/wi_sunny_title.5a62f005.svg) no-repeat 50%;background-size:28px 28px;padding:15px}.mobile .weather .ic-weather:before{background-size:25px 25px;padding:10px}.weather .ic-thermo{display:block}.weather .ic-thermo:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.mobile .weather .ic-thermo:before{background-size:25px 25px;padding:10px}.weather .ic-water-level{display:block}.weather .ic-water-level:before{white-space:pre;content:"   ";background:url(../img/ic_rain.a818315b.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.mobile .weather .ic-water-level:before{background-size:25px 25px;padding:10px}.weather .ic-sunny{display:block}.weather .ic-sunny:before{white-space:pre;content:"   ";background:url(../img/ic_sunny.74d278e5.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.weather .ic-water-temp{display:block}.weather .ic-water-temp:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.weather .ic-water{display:block}.weather .ic-water:before{white-space:pre;content:"   ";background:url(../img/ic_water_level.19416cc9.svg) no-repeat 50%;background-size:30px 30px;padding:10px}.weather .ic-windy{display:block}.weather .ic-windy:before{white-space:pre;content:"   ";background:url(../img/ic_strong_wind.ec3130ef.svg) no-repeat 50%;background-size:30px 30px;padding:10px}.weather .ic-sun{background:url(../img/wi_sunny.0d8ce886.svg) no-repeat 50%;background-size:30px 30px;height:40px;display:block}.mobile .weather .ic-sun{background-size:25px 25px}.weather .ic-cloud-sun{background:url(../img/wi_cloud_sunny.f052281d.svg) no-repeat 50%;background-size:30px 30px;height:40px;display:block}.mobile .weather .ic-cloud-sun{background-size:25px 25px}.weather .ic-cloud{background:url(../img/wi_cloud.b75cef47.svg) no-repeat 50%;background-size:30px 30px;height:40px;display:block}.mobile .weather .ic-cloud{background-size:25px 25px}.weather .ic-rain{background:url(../img/wi_rain.095dd1de.svg) no-repeat 50%;background-size:30px 30px;height:40px;display:block}.mobile .weather .ic-rain{background-size:25px 25px}.weather .ic-snow{background:url(../img/wi_snow.c3b860df.svg) no-repeat 50%;background-size:30px 30px;height:40px;display:block}.mobile .weather .ic-snow{background-size:25px 25px}.weather .ic-wind-deg{background:url(../img/ic-wind-deg.82aed923.svg) no-repeat 50%;background-size:20px 20px;height:30px;display:block}.weather .col-red{color:var(--col1)}.weather .col-blue{color:var(--col3)}.weather-settings-add .section{overflow:auto;width:50%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.weather-settings-add .section .container{margin:2rem;margin-left:auto;margin-right:auto}.weather-settings-add .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.weather-settings-add .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.weather-settings-add .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.weather-settings-add .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-settings-add .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.weather-settings-add .section .container .columns dd:nth-of-type(odd),.weather-settings-add .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.weather-settings-add .section .container input[type=date],.weather-settings-add .section .container input[type=number],.weather-settings-add .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.weather-settings-add .section .container input[type=date]:focus,.weather-settings-add .section .container input[type=number]:focus,.weather-settings-add .section .container input[type=text]:focus{background:var(--purple-tertiary)}.weather-settings-add .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.weather-settings-add .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.weather-settings-add .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.weather-settings-add .section .container textarea:focus{background:var(--purple-tertiary)}.weather-settings-add .section .container input[type=radio]{display:none}.weather-settings-add .section .container input[type=radio]+label{padding:0 20px 0 0}.weather-settings-add .section .container input[type=radio]:disabled+label{color:#aaa}.weather-settings-add .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.weather-settings-add .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.weather-settings-add .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.weather-settings-add .section .container input[type=checkbox]{display:none}.weather-settings-add .section .container input[type=checkbox]+label{padding:0 20px 0 0}.weather-settings-add .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.weather-settings-add .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.weather-settings-add #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.weather-settings-add #button-area .right-box{right:0;bottom:0;width:25%}.weather-settings-add #button-area .center-box{display:inline;text-align:center;width:50%}.weather-settings-add #button-area .left-box{left:0;bottom:0;width:25%}.mobile .weather-settings-add #button-area .left-box{width:unset}.weather-settings-add #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.weather-settings-add #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.weather-settings-add #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.weather-settings-add #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.weather-settings-add #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.weather-settings-add #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.weather-settings-add #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.weather-settings-add #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.weather-settings-add .header .title,.weather-settings-add .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.weather-settings-add .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.weather-settings-add .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.weather-settings-add .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.weather-settings-add .header .title li>div{width:50px;height:100%}.weather-settings-add .footer{height:20px}.weather-settings-add #title-icon>div{background:url(../img/ic_wb-sunny.0293819a.svg) no-repeat 50%}.weather-settings-add #item-discription{margin:.25rem 0 0 1rem;font-size:.8rem}.weather-settings-show .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.weather-settings-show .section .container{margin:2rem;margin-left:auto;margin-right:auto}.weather-settings-show table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.weather-settings-show th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.weather-settings-show th.text-no{width:10%}.weather-settings-show th.text-cumulative,.weather-settings-show th.text-date{width:20%}.weather-settings-show th:nth-child(0){border-right:none}.weather-settings-show td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer}.weather-settings-show td.text-centered{text-align:center}.weather-settings-show td.text-right{text-align:right}.weather-settings-show td.text-left{text-align:left}.weather-settings-show td:nth-child(0){border-right:none}.weather-settings-show .stripe tr:nth-child(odd){background:#f7f7f7}.weather-settings-show #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.weather-settings-show #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.weather-settings-show #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.weather-settings-show #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.weather-settings-show #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.weather-settings-show .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin-bottom:10px;cursor:pointer}.weather-settings-show .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.weather-settings-show .header .title,.weather-settings-show .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.weather-settings-show .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.weather-settings-show .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.weather-settings-show .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.weather-settings-show .header .title li>div{width:50px;height:100%}.weather-settings-show #title-icon>div{background:url(../img/ic_wb-sunny.0293819a.svg) no-repeat 50%}.archivesWork .table-section{overflow:auto;width:auto;height:calc(100% - 130px);max-height:calc(100vh - 170px);position:relative;margin-top:10px;margin-left:2rem;margin-right:2rem}.archivesWork table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;overflow:auto;white-space:nowrap}.archivesWork th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archivesWork th:nth-child(0){border-right:none}.archivesWork td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.archivesWork td:nth-child(0){border-right:none}.archivesWork .fixed01,.archivesWork .fixed02,.archivesWork .fixed03,.archivesWork .fixed04{position:sticky;top:0;left:0;color:#222;background:#d0e996}.archivesWork .fixed01:before,.archivesWork .fixed02:before,.archivesWork .fixed03:before,.archivesWork .fixed04:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:var(--before-border)}.archivesWork .fixed01{z-index:4}.archivesWork .fixed02{z-index:1}.archivesWork .fixed03{z-index:2;top:38px}.archivesWork .fixed04{z-index:3;top:38px}.archivesWork .heading-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-right:var(--before-border)}.archivesWork .hidden-cell{color:#d0e996;background:#d0e996}.archivesWork .hidden-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-left:var(--before-border);border-right:var(--before-border)}.archivesWork .no-cell{max-width:42px;min-width:42px;text-align:center}.archivesWork .paddy-name-cell{left:41px;max-width:300px;overflow-x:hidden;text-overflow:ellipsis;border-top:1px solid #d0e996;border-left:1px solid #d0e996}.archivesWork .image-cell{cursor:pointer}.archivesWork .stripe tr:nth-child(odd){background:#f7f7f7}.archivesWork #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.archivesWork #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.archivesWork #edit-area span.active{border-bottom:solid 4px var(--purple)}.archivesWork #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.archivesWork .button-area{width:auto;height:calc(100% - 130px);position:relative;margin-left:2rem;margin-right:2rem;margin-top:2rem}.archivesWork .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesWork .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesWork .button-area input[type=checkbox]{display:none}.archivesWork .button-area input[type=checkbox]+label{padding:0 20px 0 0;position:absolute;right:0;bottom:0}.archivesWork .button-area input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 8px 0 0}.archivesWork .button-area input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.archivesWork .button-area #label1{margin-right:160px}.archivesWork .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block}.archivesWork .image-frame-container{position:absolute;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;margin:0;padding:0;top:0;left:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:95}.archivesWork .image-frame-container .image-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;height:80vh;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archivesWork .image-frame-container .image-title-area{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWork .image-frame-container .image-footer-area{width:100%;height:20px;padding:0}.archivesWork .image-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archivesWork .image-frame-container .section{overflow:auto;width:100%;height:calc(100% - 80px);position:relative}.archivesWork .image-frame-container .section .container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.archivesWork .image-frame-container .section .container.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWork .image-frame-container .section .container div{margin:10px;max-width:calc(100% - 20px);max-height:calc(100% - 20px)}.archivesWork .image-frame-container .section .container img{margin:auto;max-width:100%;max-height:100%;display:block}.archivesWork .header .title,.archivesWork .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWork .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archivesWork .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archivesWork .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archivesWork .header .title li>div{width:50px;height:100%}.archivesWork #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.archivesWeather .div-fixed{z-index:1;position:fixed;width:calc(100vw - 246px);background-color:#f0f3f5}.archivesWeather .button-area{width:auto;height:calc(100% - 130px);position:relative;margin-left:2rem;margin-right:2rem;margin-top:2rem;margin-bottom:10px}.archivesWeather .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesWeather .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesWeather select{position:absolute;right:0;bottom:0;height:50px;border-radius:10px;border:solid 1px var(--purple);padding:0 38px 0 16px;margin-left:2rem;margin-right:2rem;margin-bottom:10px;font-size:20px;font-weight:700;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.archivesWeather select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.archivesWeather .chart-container{width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:2rem;margin-right:2rem}.archivesWeather .chart-container-canvas{position:relative;height:250px;top:-10px}.archivesWeather .chart-date{font-weight:400;font-size:22px;margin:0;padding:0 0 30px 0}.archivesWeather .chart-date:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:28px 28px;padding:0 28px 0 0}.archivesWeather #chart-layoutx1{grid-template-columns:auto;padding-top:150px}.archivesWeather #chart-layoutx1,.archivesWeather #chart-layoutx2{display:grid;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWeather #chart-layoutx2{grid-template-columns:repeat(auto-fit,minmax(400px,2fr) minmax(350px,1fr))}.archivesWeather #chart-layoutx3{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWeather .chart-area{height:auto;min-height:250px;margin:15px 0;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-shadow:0 0 20px 5px rgba(0,0,0,.1);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.archivesWeather .chart-area p{margin:0;padding:0;font-size:20px}.archivesWeather .dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(180px,max-content));-ms-flex-pack:distribute;justify-content:space-around;row-gap:20px;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}.archivesWeather .dashboard div{display:block;width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.archivesWeather .dashboard p{text-align:center;color:#000}.archivesWeather ul{margin:0;padding:0}.archivesWeather .pieChart{display:block;width:200px;height:220px;margin:10px auto 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:120px;text-align:center;color:#fdab57;font-size:20px}.archivesWeather .pieChart span{display:block;font-size:56px;font-weight:500;color:#fdab57;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.archivesWeather .pieChart canvas{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.archivesWeather #chart-bass{position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,.9);width:100%;height:100vh;z-index:3;padding:60px}.archivesWeather #chart-bass-frame{width:100%;height:100%;padding:30px;border-radius:20px;background:#fff}.archivesWeather #chart-bass-frame .info{display:grid;grid-template-columns:1fr 30px;-webkit-box-align:top;-ms-flex-align:top;align-items:top}.archivesWeather #chart-bass-frame .info p{font-size:20px;margin:0;padding:0 0 20px 15px}.archivesWeather #chart-bass-frame .info span{font-size:18px;margin:0;padding:0 0 0 20px}.archivesWeather #closeBtn{display:block;width:30px;height:30px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:30px 30px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.archivesWeather #closeBtn:active{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}.archivesWeather #chart-bass.active{display:block;-webkit-animation:showChart .3s ease 0s;animation:showChart .3s ease 0s}.archivesWeather #chart-bass .chart-container-canvas{position:relative;height:80%}.archivesWeather #chart-bass .calBtn{display:block;margin:30px 20px;text-align:right;color:#000;cursor:pointer;font-size:14px;-webkit-transition:.5s;transition:.5s}.archivesWeather #chart-bass .calBtn:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:20px 20px;padding:0 13px 0 0}.archivesWeather #chart-bass .calBtn:hover{color:#666}.archivesWeather .ic-chart{display:block}.archivesWeather .ic-chart:before{white-space:pre;content:"   ";background:url(../img/ic_chart.2f8abcf8.svg) no-repeat 50%;background-size:28px 28px;padding:15px}.archivesWeather .ic-thermo{display:block}.archivesWeather .ic-thermo:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:40px 40px;padding:10px}.archivesWeather .ic-water-level{display:block}.archivesWeather .ic-water-level:before{white-space:pre;content:"   ";background:url(../img/ic_rain.a818315b.svg) no-repeat 50%;background-size:25px 25px;padding:10px}.archivesWeather .ic-sunny{display:block}.archivesWeather .ic-sunny:before{white-space:pre;content:"   ";background:url(../img/ic_sunny.74d278e5.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.archivesWeather .ic-water-temp{display:block}.archivesWeather .ic-water-temp:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.archivesWeather .ic-water{display:block}.archivesWeather .ic-water:before{white-space:pre;content:"   ";background:url(../img/ic_water_level.19416cc9.svg) no-repeat 50%;background-size:30px 30px;padding:10px}.archivesWeather .ic-windy{display:block}.archivesWeather .ic-windy:before{white-space:pre;content:"   ";background:url(../img/ic_strong_wind.ec3130ef.svg) no-repeat 50%;background-size:30px 30px;padding:10px}.archivesWeather .header .title,.archivesWeather .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWeather .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archivesWeather .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archivesWeather .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archivesWeather .header .title li>div{width:50px;height:100%}.archivesWeather #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.archivesWater .div-fixed{z-index:1;position:fixed;width:calc(100vw - 266px);background-color:#f0f3f5;border-bottom:1px solid #bbb}.archivesWater .header{margin:2rem 2rem 1rem 2rem}.archivesWater .button-area{width:auto;height:calc(100% - 130px);position:relative;margin-left:2rem;margin-right:2rem;margin-bottom:10px}.archivesWater .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:150px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesWater .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesWater select{position:absolute;right:0;bottom:0;height:50px;border-radius:10px;border:solid 1px var(--purple);padding:0 38px 0 16px;margin-left:2rem;margin-right:2rem;margin-bottom:10px;font-size:20px;font-weight:700;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.archivesWater select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.archivesWater .chart-container{width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:2rem;margin-right:2rem}.archivesWater .chart-container-canvas{position:relative;top:-10px}.archivesWater .chart-date{font-weight:400;font-size:22px;margin:0;padding:0 0 30px 0}.archivesWater .chart-date:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:28px 28px;padding:0 28px 0 0}.archivesWater #chart-layoutx1{grid-template-columns:auto;padding-top:150px}.archivesWater #chart-layoutx1,.archivesWater #chart-layoutx2{display:grid;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWater #chart-layoutx2{grid-template-columns:repeat(auto-fit,minmax(400px,2fr) minmax(350px,1fr))}.archivesWater #chart-layoutx3{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWater .chart-area{height:auto;margin:15px 0;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-shadow:0 0 20px 5px rgba(0,0,0,.1);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.archivesWater .chart-area p{margin:0 0 10px 0;padding:0;font-size:20px}.archivesWater .dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(180px,max-content));-ms-flex-pack:distribute;justify-content:space-around;row-gap:20px;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}.archivesWater .dashboard div{display:block;width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.archivesWater .dashboard p{text-align:center;color:#000}.archivesWater ul{margin:0;padding:0}.archivesWater .pieChart{display:block;width:200px;height:220px;margin:10px auto 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:120px;text-align:center;color:#fdab57;font-size:20px}.archivesWater .pieChart span{display:block;font-size:56px;font-weight:500;color:#fdab57;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.archivesWater .pieChart canvas{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.archivesWater #chart-bass{position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,.9);width:100%;height:100vh;z-index:3;padding:60px}.archivesWater #chart-bass-frame{width:100%;height:100%;padding:30px;border-radius:20px;background:#fff}.archivesWater #chart-bass-frame .info{display:grid;grid-template-columns:1fr 30px;-webkit-box-align:top;-ms-flex-align:top;align-items:top}.archivesWater #chart-bass-frame .info p{font-size:20px;margin:0;padding:0 0 20px 15px}.archivesWater #chart-bass-frame .info span{font-size:18px;margin:0;padding:0 0 0 20px}.archivesWater #closeBtn{display:block;width:30px;height:30px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:30px 30px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.archivesWater #closeBtn:active{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}.archivesWater #chart-bass.active{display:block;-webkit-animation:showChart .3s ease 0s;animation:showChart .3s ease 0s}.archivesWater #chart-bass .chart-container-canvas{position:relative;height:80%}.archivesWater #chart-bass .calBtn{display:block;margin:30px 20px;text-align:right;color:#000;cursor:pointer;font-size:14px;-webkit-transition:.5s;transition:.5s}.archivesWater #chart-bass .calBtn:before{white-space:pre;content:"   ";background:url(../img/ic_cal.647ab18a.svg) no-repeat 50%;background-size:20px 20px;padding:0 13px 0 0}.archivesWater #chart-bass .calBtn:hover{color:#666}@-webkit-keyframes showChart{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes showChart{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.archivesWater .ic-chart{display:block}.archivesWater .ic-chart:before{white-space:pre;content:"   ";background:url(../img/ic_chart.2f8abcf8.svg) no-repeat 50%;background-size:28px 28px;padding:15px}.archivesWater .ic-thermo{display:block}.archivesWater .ic-thermo:before{white-space:pre;content:"   ";background:url(../img/ic_water_temp.36cfd958.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.archivesWater .ic-water-temp{display:block}.archivesWater .ic-water-temp:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:35px 35px;padding:10px}.archivesSensor .header .title,.archivesSensor .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesSensor .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archivesSensor .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archivesSensor .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archivesSensor .header .title li>div{width:50px;height:100%}.archivesSensor .button-area{height:calc(100% - 130px);position:relative;width:80%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px}.archivesSensor .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesSensor .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesSensor .section{overflow:auto;width:80%;max-height:calc(100vh - 200px);margin-left:auto;margin-right:auto}.archivesSensor .section .container{padding-right:10px;padding-bottom:10px}.archivesSensor table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;table-layout:fixed}.archivesSensor th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archivesSensor th.text-no{width:10%;text-align:center}.archivesSensor th.text-date,.archivesSensor th.text-tagno{width:20%}.archivesSensor th.text-temp,.archivesSensor th.text-water{width:10%}.archivesSensor th:nth-child(0){border-right:none}.archivesSensor td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archivesSensor td.text-centered{text-align:center}.archivesSensor td.text-right{text-align:right}.archivesSensor td.text-left{text-align:left}.archivesSensor td:nth-child(0){border-right:none}.archivesSensor .stripe tr:nth-child(odd){background:#f7f7f7}.archivesSensor .list-message{text-align:center;cursor:pointer}.archivesSensor .list-message span{color:var(--col3)}.archivesSensor .no-message{text-align:center}.archivesSensor .no-message span{color:#555}.archivesSensor #input input[type=checkbox]{display:none}.archivesSensor #input input[type=checkbox]+label:before{white-space:pre;content:"   ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;width:25px;height:20px;background-size:contain;vertical-align:middle;display:inline-block}.archivesSensor #input input[type=checkbox]:checked+label:before{white-space:pre;content:"   ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;width:25px;height:20px;background-size:contain;vertical-align:middle;display:inline-block}.archivesSensor #title-icon>div{background:url(../img/ic_water.c6fcc240.svg) no-repeat 50%}.dashboard.frame-wrapper{position:absolute;top:0;left:0;width:100%}.dashboard .list-container{width:100%;position:relative;padding:0 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .list-container table{margin:30px auto 30px;width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.dashboard .list-container th{padding:8px;border-bottom:1px solid #bbb;background:#ccc;font-weight:400}.dashboard .list-container th.list{border-right:1px solid #bbb}.dashboard .list-container th:nth-child(0){border-right:none}.dashboard .list-container td{padding:8px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .list-container td.tx-datetime{width:10%;max-width:100px}.dashboard .list-container td.tx-date{width:5%;padding-right:4px}.dashboard .list-container td.tx-name{width:10%;max-width:150px}.dashboard .list-container td.tx-name-work{width:10%;max-width:200px;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-type{width:10%;max-width:40px}.dashboard .list-container td.tx-paddyfield{max-width:0;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-content{width:80%;max-width:0}.dashboard .list-container td.tx-item{width:20%;max-width:200px;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-nothing{width:100%}.dashboard .list-container td.tx-area{width:10%;max-width:140px;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-images{max-width:40px;width:40px;padding-left:4px}.dashboard .list-container td.tx-sensor-item{max-width:0;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-sensor-type{width:10%}.dashboard .list-container td.tx-sensor-type.warn{color:var(--col5)}.dashboard .list-container td.tx-sensor-type.caution{color:var(--col1)}.dashboard .list-container td.tx-sensor-type.err{color:#333}.dashboard .list-container td.tx-sensor-type.normal{color:var(--col3)}.dashboard .list-container td.tx-gate-name{max-width:0;padding-right:4px}.dashboard .list-container td.tx-gate-type{width:5%;padding-right:4px}.dashboard .list-container td.tx-gate-status{width:5%;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-gate-status.full-open{color:var(--col3)}.dashboard .list-container td.tx-gate-status.half-open{color:var(--col5)}.dashboard .list-container td.tx-gate-status.normal{color:var(--col3)}.dashboard .list-container td.tx-gate-date{width:10%;max-width:150px;padding-left:4px;padding-right:4px}.dashboard .list-container td.tx-gate-ope{width:20%;max-width:0;padding-left:4px;padding-right:4px}.dashboard .list-container td.list{border-right:1px solid #ddd}.dashboard .list-container td:nth-child(0){border-right:none}.dashboard .list-container .tr-datas{cursor:pointer}.dashboard .list-container .tr-datas.disabled{cursor:inherit;pointer-events:none}.dashboard .list-container .tr-nodatas{cursor:default}.dashboard .list-container .stripe tr:nth-child(odd){background:#f7f7f7}.dashboard .list-container .stripe tr.deleted{color:#9a9a9a}.dashboard .list-container ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;margin:20px auto 0;list-style:none;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.9rem;-ms-flex-pack:distribute;justify-content:space-around}.dashboard .list-container .pagination a{display:inline-block;font-weight:400;color:var(--purple-secondary);height:30px;width:30px;line-height:30px;text-align:center;padding-top:0;text-decoration:none}.dashboard .list-container .pagination a:hover{-webkit-transition:.3s;transition:.3s;background:var(--purple-secondary);color:var(--purple)}.dashboard .list-container .first span{left:-9999px;position:absolute;top:-9999px}.dashboard .list-container .first a:before{white-space:pre;content:"    ";background:url(../img/ic_arrow_left2.314cc370.svg) no-repeat 50%}.dashboard .list-container .previous span{left:-9999px;position:absolute;top:-9999px}.dashboard .list-container .previous a:before{white-space:pre;content:"    ";background:url(../img/ic_arrow_left.bddd370d.svg) no-repeat 50%}.dashboard .list-container .last span{left:-9999px;position:absolute;top:-9999px}.dashboard .list-container .last a:before{white-space:pre;content:"    ";background:url(../img/ic_arrow_right2.d6efa52c.svg) no-repeat 50%}.dashboard .list-container .next span{left:-9999px;position:absolute;top:-9999px}.dashboard .list-container .next a:before{white-space:pre;content:"    ";background:url(../img/ic_arrow_right3.fe7a8b16.svg) no-repeat 50%}.dashboard .list-container .current{background:var(--purple-secondary)}.dashboard .list-container .current a{color:var(--purple)}.dashboard .detail-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.dashboard .detail-list-container table{width:100%;font-size:.9rem;background:#fff}.dashboard .detail-list-container th{padding:8px;border-bottom:1px solid #bbb;background:#ccc;font-weight:400}.dashboard .detail-list-container th:nth-child(0){border-right:none}.dashboard .detail-list-container td{padding:8px;border-bottom:1px solid #ddd}.dashboard .detail-list-container td.tx-no{width:10%;text-align:center}.dashboard .detail-list-container td.tx-name{max-width:0}.dashboard .detail-list-container td:nth-child(0){border-right:none}.dashboard .detail-list-container .stripe tr:nth-child(odd){background:#f7f7f7}.dashboard .detail-item-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.dashboard .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;cursor:pointer}.dashboard .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.dashboard .image-area-view{width:100%}.dashboard .image-area-view img{max-width:100%;margin:10px 0}.dashboard .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100%;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.dashboard .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:fixed;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.dashboard .center-frame-container .center-frame.water{width:60%;max-width:600px}.dashboard .center-frame-container .title-area{width:100%;min-height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .dashboard .center-frame-container .title-area{height:60px}.dashboard .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.dashboard .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.dashboard .center-frame-container #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.dashboard .center-frame-container #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.dashboard .center-frame-container #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.dashboard .center-frame-container #edit-area span.disabled{border-bottom:solid 4px var(--purple);opacity:.5;cursor:inherit;pointer-events:none}.dashboard .center-frame-container #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.dashboard .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.dashboard .center-frame-container .section .container{margin:0}.dashboard .center-frame-container .section .container .contents-body{margin:10px}.dashboard .center-frame-container .section .container .contents-body.scroll{max-height:50vh;overflow-y:scroll}.dashboard .center-frame-container .section .container .contents-body span.textarea{white-space:pre-line}.dashboard .center-frame-container .section .container .contents-body dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .dashboard .center-frame-container .section .container .contents-body dl.columns{grid-template-columns:1fr 1.5fr}.dashboard .center-frame-container .section .container .contents-body .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.dashboard .center-frame-container .section .container .contents-body .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.dashboard .center-frame-container .section .container .contents-footer{margin:10px}.dashboard .center-frame-container .section .container input[type=date],.dashboard .center-frame-container .section .container input[type=number],.dashboard .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.dashboard .center-frame-container .section .container input[type=date]:focus,.dashboard .center-frame-container .section .container input[type=number]:focus,.dashboard .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.dashboard .center-frame-container .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.dashboard .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.dashboard .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.dashboard .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.dashboard .center-frame-container .section .container input[type=radio]{display:none}.dashboard .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.dashboard .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.dashboard .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.dashboard .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.dashboard .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.dashboard .center-frame-container .section .container input[type=checkbox]{display:none}.dashboard .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.dashboard .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.dashboard .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.dashboard #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.dashboard #button-area .right-box{right:0;bottom:0;width:70px}.dashboard #button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.dashboard #button-area .left-box{left:0;bottom:0;width:70px}.dashboard #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.dashboard #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.dashboard #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.dashboard #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.dashboard #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.dashboard #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.dashboard #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.dashboard #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.dashboard #chart-layout{display:grid;grid-template-columns:auto;width:100%}.dashboard #chart-layout,.dashboard .list-area{-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .list-area{height:auto;min-height:180px;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-shadow:0 0 20px 5px rgba(0,0,0,.1);padding:20px;margin:15px}.dashboard .list-area .list-area-title{display:grid;grid-template-columns:1fr 100px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .list-area .list-area-title p{margin:0;padding:0;font-size:20px}.dashboard .work-progress-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.dashboard .work-progress-layout .area-value{text-align:center}.dashboard .work-progress-layout .progress-bar-outer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:30px;height:10px;border:1px solid #ddd}.dashboard .list-message{text-align:center;cursor:pointer}.dashboard .list-message span{color:var(--col3)}.dashboard .chart-area{height:auto;min-height:180px;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-shadow:0 0 20px 5px rgba(0,0,0,.1);padding:20px;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .chart-area p{margin:0;padding:0;font-size:20px}.dashboard .ic-info{display:block}.dashboard .ic-info:before{white-space:pre;content:"   ";background:url(../img/ic_info.76f5d52f.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.dashboard .ic-done{display:block}.dashboard .ic-done:before{white-space:pre;content:"   ";background:url(../img/ic_done.a0616bc2.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.dashboard .ic-water{display:block}.dashboard .ic-water:before{white-space:pre;content:"   ";background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.dashboard .ic-alert{display:block}.dashboard .ic-alert:before{white-space:pre;content:"   ";background:url(../img/ic_notifications.9ea13f81.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.dashboard .ic-images{background:url(../img/ic_photo.f2573dbf.svg) no-repeat 50%;height:20px;width:20px;display:block}.dashboard .ic-water-gate{display:block}.dashboard .ic-water-gate:before{white-space:pre;content:"   ";background:url(../img/ic_filter_water.63e4b3d2.svg) no-repeat 50%;background-size:28px 28px;padding:10px}.dashboard .header .title,.dashboard .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dashboard .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.dashboard .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.dashboard .header .title li>div{width:50px;height:100%}.dashboard #title-icon>div{background:url(../img/ic_dashboard.09153d37.svg) no-repeat 50%}.dashboard #upload-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.dashboard #upload-area label{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.dashboard #upload-area label>input[type=file]{display:none}.dashboard #upload-area label.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.dashboard #upload-area label:before{white-space:pre;content:"    ";background:url(../img/ic_upload.1f67ebe2.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.dashboard .upload-area-view{width:100%}.dashboard .upload-area-view span{position:absolute}.dashboard .upload-area-view span.active{opacity:1;cursor:pointer;pointer-events:inherit}.dashboard .upload-area-view span:before{white-space:pre;content:"    ";background:url(../img/ic_clear.7d170ab9.svg) no-repeat 50%;background-size:30px 30px;padding:0 0 0 15px}.dashboard .upload-area-view img{max-width:100%;margin:10px 0}.dashboard .graph{display:block;width:90%;border-radius:10px;background:#fff;margin:20px auto 20px;padding:20px;-webkit-box-shadow:0 0 10px 4px rgba(0,0,0,.1);box-shadow:0 0 10px 4px rgba(0,0,0,.1)}.dashboard .graph-header{width:95%;height:40px;margin:0 auto 0;padding:0;display:grid;grid-template-columns:30px 1fr 100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .graph-header h5{display:block;font-size:16px;margin:0;padding:0 0 0 5px}.dashboard .graph-header span{display:block;height:40px}.dashboard .graph-header p{font-size:22px;font-weight:700;color:#888;margin:0;padding:0;text-align:right}.dashboard .graph-graph{display:block;width:95%;height:200px;margin:10px auto 0;border-radius:10px;background:#eee}.dashboard .water01{background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:30px 30px}.dashboard .water02{background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:30px 30px}.dashboard .icon-water-warn{background:url(../img/water02.646a7581.png) no-repeat 0;background-size:30px 30px}.dashboard .icon-water-caution{background:url(../img/water03.62639398.png) no-repeat 0;background-size:30px 30px}.brand .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.brand .section .container{margin:2rem;margin-left:auto;margin-right:auto}.brand table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.brand th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.brand th.no{width:10%}.brand th:nth-child(0){border-right:none}.brand td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer}.brand td:nth-child(0){border-right:none}.brand .stripe tr:nth-child(odd){background:#f7f7f7}.brand #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.brand #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.brand #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.brand #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.brand #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.brand .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:0 10px 0 0;margin-bottom:10px;cursor:pointer}.brand .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.brand .header .title,.brand .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.brand .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.brand .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.brand .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.brand .header .title li>div{width:50px;height:100%}.brand #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.brand-detail .section{overflow:auto;width:50%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.brand-detail .section .container{margin:2rem;margin-left:auto;margin-right:auto}.brand-detail .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.brand-detail .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.brand-detail .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.brand-detail .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-detail .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.brand-detail .section .container .columns dd:nth-of-type(odd),.brand-detail .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.brand-detail .section .container input[type=date],.brand-detail .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.brand-detail .section .container input[type=date]:focus,.brand-detail .section .container input[type=text]:focus{background:var(--purple-tertiary)}.brand-detail .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.brand-detail .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.brand-detail .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.brand-detail .section .container textarea:focus{background:var(--purple-tertiary)}.brand-detail .section .container input[type=radio]{display:none}.brand-detail .section .container input[type=radio]+label{padding:0 20px 0 0}.brand-detail .section .container input[type=radio]:disabled+label{color:#aaa}.brand-detail .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.brand-detail .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.brand-detail .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.brand-detail .section .container input[type=checkbox]{display:none}.brand-detail .section .container input[type=checkbox]+label{padding:0 20px 0 0}.brand-detail .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.brand-detail .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.brand-detail #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.brand-detail #button-area .right-box{right:0;bottom:0;width:25%}.brand-detail #button-area .center-box{display:inline;text-align:center;width:50%}.brand-detail #button-area .left-box{left:0;bottom:0;width:25%}.mobile .brand-detail #button-area .left-box{width:unset}.brand-detail #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.brand-detail #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.brand-detail #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.brand-detail #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.brand-detail #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.brand-detail #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.brand-detail #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.brand-detail #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.brand-detail .header .title,.brand-detail .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.brand-detail .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.brand-detail .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.brand-detail .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.brand-detail .header .title li>div{width:50px;height:100%}.brand-detail #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.brand-order .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.brand-order .section .container{margin:1rem;margin-left:auto;margin-right:auto}.brand-order .section .container .sub-title{font-size:18px;margin:10px 0}.brand-order table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.brand-order th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.brand-order th.no{width:10%}.brand-order th.item{width:80%}.brand-order th.sort{width:10%}.brand-order th:nth-child(0){border-right:none}.brand-order td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.brand-order td:nth-child(0){border-right:none}.brand-order .stripe tr:nth-child(odd){background:#f7f7f7}.brand-order #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.brand-order #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.brand-order #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.brand-order #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.brand-order #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.brand-order #button-area .right-box{right:0;bottom:0;width:25%}.brand-order #button-area .center-box{display:inline;text-align:center;width:50%}.brand-order #button-area .left-box{left:0;bottom:0;width:25%}.mobile .brand-order #button-area .left-box{width:unset}.brand-order #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.brand-order #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.brand-order #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.brand-order #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.brand-order #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.brand-order #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.brand-order #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.brand-order .btn-sort-up{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_up.7f5ea106.svg) no-repeat 50%;margin:5px;cursor:pointer}.brand-order .btn-sort-up.disable{opacity:.5;cursor:inherit;pointer-events:none}.brand-order .btn-sort-down{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_down.2f4d1bb1.svg) no-repeat 50%;margin:5px;cursor:pointer}.brand-order .btn-sort-down.disable{opacity:.5;cursor:inherit;pointer-events:none}.brand-order .header .title,.brand-order .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.brand-order .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.brand-order .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.brand-order .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.brand-order .header .title li>div{width:50px;height:100%}.brand-order #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.marker-list.frame-wrapper{position:absolute;top:0;left:0;width:100%}.marker-list .tool-box-container{width:400px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.marker-list .tool-box-container .tool-box{padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.marker-list .tool-box-container .tool-box .search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.marker-list .tool-box-container .tool-box .search-bar input{border-radius:20px 0 0 20px}.marker-list .tool-box-container .tool-box .search-bar input+.btn-submit{width:40px;height:40px;border-radius:0 20px 20px 0}.marker-list .tool-box-container .tool-box .search-bar input+.btn-submit.btn-search>div{position:relative;left:-13px;width:24px;height:24px;background:url(../img/ic_search.faccec99.svg) no-repeat 50%}.marker-list .tool-box-container .tool-box .search-results{position:absolute;background:#fff;border-radius:.5rem;border:1px solid grey}.marker-list .tool-box-container .tool-box .search-results ul{width:360px;list-style:none;margin-block:1rem;margin:1rem 0;-webkit-padding-start:1rem;padding-inline-start:1rem}.marker-list .tool-box-container .tool-box .search-results ul li{margin:.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.marker-list .sticky-message{position:absolute;top:0;width:100%;background-color:var(--purple);color:#fff;text-align:center}.marker-list .btn{display:block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.marker-list .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.marker-list .btn:nth-of-type(n+2){margin-left:1rem}.marker-list .btn.btn-submit{background:var(--purple);color:#fff}.marker-list .top-frame-container{width:100%;max-width:510px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.marker-list .top-frame-container .top-frame{min-height:100px;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.marker-list .top-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.marker-list .top-frame-container .top-frame .title-area h3{background:url(../img/ic_flag.01c06bdf.svg) no-repeat 0;background-size:30px 30px}.marker-list .top-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.marker-list .top-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marker-list .top-frame-container .top-frame .selectCal:active{opacity:.5}.marker-list .top-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.marker-list .top-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.marker-list .top-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.marker-list .top-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.marker-list .top-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.marker-list .top-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.marker-list .top-frame-container .top-frame .filter:active{opacity:.5}.marker-list .top-frame-container input[type=radio]{display:none}.marker-list .top-frame-container .input-frame-wrap{max-height:500px;display:block;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.marker-list .top-frame-container .input-frame{display:grid;grid-template-columns:repeat(auto-fill,120px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 0 0}.marker-list .top-frame-container .input-frame-wrap.close{max-height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.marker-list .top-frame-container .input-frame-B{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,120px);grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee;padding:20px;margin:20px 0 0 0;border-radius:20px;border:1px solid #ccc}.marker-list .top-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker-list .top-frame-container input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.marker-list .top-frame-container input[type=radio]:checked+.col2{background:var(--col2);color:#fff}.marker-list .top-frame-container input[type=radio]:checked+.col3{background:var(--col3);color:#fff}.marker-list .top-frame-container input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.marker-list .top-frame-container .item-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.marker-list .top-frame-container .select-button{display:block;width:200px;margin:20px auto 0;text-align:center;font-size:14px;padding:10px 20px;border-radius:20px;background:var(--purple);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marker-list .top-frame-container .select-button#selectFlagButton:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic_expand.f957fc46.svg) no-repeat 50%}.marker-list .top-frame-container .select-button:active{opacity:.5}.marker-list .top-frame-container .select-button#selectItemButton{margin:0;width:170px}.marker-list .top-frame-container .navigate-button{display:block;margin:0 auto 0;text-align:center;font-size:14px;padding:10px 20px 0 20px;border-radius:20px;background:transparent;color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marker-list .top-frame-container .selection-frame{display:grid;grid-template-columns:120px 120px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:7px 0 7px 0}.marker-list #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.marker-list #button-area .btn{width:170px}.marker-list .centered-box-on-map{position:fixed;left:calc(50% + 125px);z-index:1}.marker-list .centered-box-on-map .centered-item{position:relative;left:-50%}.marker-list .centered-box-on-map.save-marker-buttons{bottom:0;margin-bottom:1rem}.marker-list input[type=date],.marker-list input[type=number],.marker-list input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.marker-list input[type=date]:focus,.marker-list input[type=number]:focus,.marker-list input[type=text]:focus{background:var(--purple-tertiary)}.marker-list select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.marker-list select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.marker-list textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.marker-list textarea:focus{background:var(--purple-tertiary)}.marker-list input[type=radio]{display:none}.marker-list input[type=radio]+label{padding:0 20px 0 0}.marker-list input[type=radio]:disabled+label{color:#aaa}.marker-list input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.marker-list input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.marker-list input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.marker-list input[type=checkbox]{display:none}.marker-list input[type=checkbox]+label{padding:0 20px 0 0}.marker-list input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.marker-list input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.marker-list .fade-enter,.marker-list .fade-leave-to{opacity:0}.marker-list .fade-enter-active,.marker-list .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.payments{height:100vh}.payments .header{padding-top:2rem}.payments .section{overflow:auto;width:70%;height:calc(100% - 130px);position:relative;margin:auto}.payments .section .container{margin:2rem}.payments .section .container h2{text-align:center;font-weight:400}.payments .section .container .main-area{text-align:center;font-size:1.5rem}.payments .section .container .main-area .price-large{font-size:3rem;margin:1rem}.payments .section .container .main-area .price-normal{font-weight:700;margin:.5rem}.payments .section .container .sub-area{margin-top:1rem}.payments .section .container .sub-area .agree-area,.payments .section .container .sub-area ul{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.payments .section .container .sub-area ul{list-style-type:none}.payments .section .container .sub-area a{margin:.5rem}.payments .section .container dl.columns{width:100%;display:grid;grid-template-columns:auto;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.payments .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.payments .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.payments .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.payments .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.payments .section .container .columns dd:nth-of-type(odd),.payments .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.payments .section .container input[type=checkbox]{display:none}.payments .section .container input[type=checkbox]+label{padding:0 20px 0 0}.payments .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.payments .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.payments .card-area{text-align:center;margin:2rem}.payments .card-area.complete{display:none}.payments #payjp_checkout_box input[type=button]{font-size:16px}.payments #message-area{margin:2rem}.payments #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.payments #button-area .right-box{right:0;bottom:0;width:70px}.payments #button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.payments #button-area .left-box{left:0;bottom:0;width:70px}.payments #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.payments #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.payments #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.payments #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.payments #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.payments #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.payments #button-area .text.disabled{border-bottom:solid 4px var(--purple-secondary);opacity:.5;cursor:inherit;pointer-events:none}.payments #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.payments .ex-card-area-disable{opacity:.5;pointer-events:none;cursor:none}.inquiry .section{overflow:auto;width:60%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.inquiry .section .container{margin:2rem;margin-left:auto;margin-right:auto}.inquiry textarea{font-size:16px;width:100%;min-height:300px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.inquiry textarea:focus{background:var(--purple-tertiary)}.inquiry #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.inquiry #button-area .right-box{right:0;bottom:0;width:25%}.inquiry #button-area .center-box{display:inline;text-align:center;width:50%}.inquiry #button-area .left-box{left:0;bottom:0;width:25%}.mobile .inquiry #button-area .left-box{width:unset}.inquiry #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.inquiry #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.inquiry #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.inquiry #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.inquiry #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.inquiry #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.inquiry #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.inquiry .header .title,.inquiry .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.inquiry .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.inquiry .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.inquiry .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.inquiry .header .title li>div{width:50px;height:100%}.inquiry #title-icon>div{background:url(../img/ic_email.2ff997f8.svg) no-repeat 50%}.personal-settings .section{overflow:auto;width:50%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.personal-settings .section .container{margin:2rem;margin-left:auto;margin-right:auto}.personal-settings .section .container .sub-title{font-size:18px;margin:10px 0}.personal-settings .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.personal-settings .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.personal-settings .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.personal-settings .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.personal-settings .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.personal-settings .section .container .columns dd:nth-of-type(odd),.personal-settings .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.personal-settings .section .container input[type=date],.personal-settings .section .container input[type=password],.personal-settings .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.personal-settings .section .container input[type=date]:focus,.personal-settings .section .container input[type=password]:focus,.personal-settings .section .container input[type=text]:focus{background:var(--purple-tertiary)}.personal-settings .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.personal-settings .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.personal-settings .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.personal-settings .section .container textarea:focus{background:var(--purple-tertiary)}.personal-settings .section .container input[type=radio]{display:none}.personal-settings .section .container input[type=radio]+label{padding:0 20px 0 0}.personal-settings .section .container input[type=radio]:disabled+label{color:#aaa}.personal-settings .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.personal-settings .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.personal-settings .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.personal-settings .section .container input[type=checkbox]{display:none}.personal-settings .section .container input[type=checkbox]+label{padding:0 20px 0 0}.personal-settings .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.personal-settings .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.personal-settings #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.personal-settings #button-area .right-box{right:0;bottom:0;width:25%}.personal-settings #button-area .center-box{display:inline;text-align:center;width:50%}.personal-settings #button-area .left-box{left:0;bottom:0;width:25%}.mobile .personal-settings #button-area .left-box{width:unset}.personal-settings #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.personal-settings #button-area .btn.wide{width:160px}.personal-settings #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.personal-settings #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.personal-settings #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.personal-settings #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.personal-settings #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.personal-settings #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.personal-settings .header .title,.personal-settings .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.personal-settings .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.personal-settings .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.personal-settings .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.personal-settings .header .title li>div{width:50px;height:100%}.personal-settings #title-icon>div{background:url(../img/ic_setting_personal.bdbbf51b.svg) no-repeat 50%}.signin-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .signin-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.signin-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.signin-container .logo img{-o-object-fit:contain;object-fit:contain}.signin-container .form-input{margin-bottom:1rem}.signin-container .form-input .label{margin-bottom:.5rem}.signin-container .form-input input[type=date],.signin-container .form-input input[type=password],.signin-container .form-input input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.signin-container .form-input input[type=date]:focus,.signin-container .form-input input[type=password]:focus,.signin-container .form-input input[type=text]:focus{background:var(--purple-tertiary)}.signin-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.desktop .signin-container .actions{margin-top:4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.signin-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.signin-container .actions .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a82b7;cursor:pointer}.mobile .signin-container .actions .nav{margin-top:3rem}.signin-container .actions .nav a:active{opacity:.5}.signin-container .actions .submit .login-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--purple);width:140px;height:44px;border-radius:22px;color:#fff;padding-right:18px;cursor:pointer}.signin-container .actions .submit .login-button .arrow-right{display:inline-block;width:26px;height:26px;background-image:url(../img/ic_arrow_login.e46f14cc.svg);background-size:26px 26px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-left:10px}.signin-container .actions .submit .login-button:active{opacity:.7}.signin-container .actions .nav-signup{padding-top:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile .signin-container .error{padding-top:1rem}.signin-container .signin-header{padding-bottom:30px}.signin-container .signin-header h2{text-align:center;color:var(--purple);font-weight:400}.signin-container .header-comment{font-size:1rem;padding-bottom:1rem}.signin-container .footer-comment{font-size:1rem;padding-top:1rem}.signup-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .signup-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.signup-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.signup-container .logo img{-o-object-fit:contain;object-fit:contain}.signup-container .form-input{margin-bottom:1rem}.signup-container .form-input .label{margin-bottom:.5rem}.signup-container .form-input input[type=date],.signup-container .form-input input[type=password],.signup-container .form-input input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.signup-container .form-input input[type=date]:focus,.signup-container .form-input input[type=password]:focus,.signup-container .form-input input[type=text]:focus{background:var(--purple-tertiary)}.signup-container .notes{margin-top:2rem;font-size:.8rem}.signup-container .nav-to-confirm-signup{margin-top:4rem;font-size:.8rem;text-align:right}.signup-container .nav-to-confirm-signup.disable{cursor:none;pointer-events:none;opacity:.5}.signup-container .agreement_style{font-size:.9rem;padding-top:20px}.signup-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desktop .signup-container .actions{margin-top:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.signup-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.signup-container .actions .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a82b7;cursor:pointer}.mobile .signup-container .actions .nav{margin-top:3rem}.signup-container .actions .nav a:active{opacity:.5}.signup-container .actions .submit .signup-button{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;background:var(--purple);width:140px;height:44px;border-radius:22px;color:#fff;cursor:pointer}.signup-container .actions .submit .signup-button:active{opacity:.7}.signup-container .actions .submit .signup-button.disable{cursor:none;pointer-events:none;opacity:.5}.signup-container .actions .nav-signup{padding-top:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.confirm-signup-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .confirm-signup-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.confirm-signup-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.confirm-signup-container .logo img{-o-object-fit:contain;object-fit:contain}.confirm-signup-container .form-input{margin-bottom:1rem}.confirm-signup-container .form-input .label{margin-bottom:.5rem}.confirm-signup-container .form-input input[type=date],.confirm-signup-container .form-input input[type=password],.confirm-signup-container .form-input input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.confirm-signup-container .form-input input[type=date]:focus,.confirm-signup-container .form-input input[type=password]:focus,.confirm-signup-container .form-input input[type=text]:focus{background:var(--purple-tertiary)}.confirm-signup-container .notes{margin-top:2rem;font-size:.8rem}.confirm-signup-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desktop .confirm-signup-container .actions{margin-top:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.confirm-signup-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.confirm-signup-container .actions .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a82b7;cursor:pointer}.mobile .confirm-signup-container .actions .nav{margin-top:3rem}.confirm-signup-container .actions .nav a:active{opacity:.5}.confirm-signup-container .actions .submit .signup-button{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;background:var(--purple);width:140px;height:44px;border-radius:22px;color:#fff;cursor:pointer}.confirm-signup-container .actions .submit .signup-button:active{opacity:.7}.confirm-signup-container .actions .submit .signup-button.disable{opacity:.5;cursor:inherit;pointer-events:none}.confirm-signup-container .btn-resend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.confirm-signup-container .btn-resend span{display:inline-block;background:#fff;font-size:14px;text-align:center;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin-top:2rem;cursor:pointer;background:var(--purple-tertiary);color:#000}.signup-complete-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .signup-complete-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.signup-complete-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.signup-complete-container .logo img{-o-object-fit:contain;object-fit:contain}.signup-complete-container .title{margin-bottom:1rem;font-weight:600;text-align:center}.signup-complete-container .thankyou{text-align:center}.signup-complete-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.desktop .signup-complete-container .actions{margin-top:4rem}.signup-complete-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.signup-complete-container .actions .nav{color:#1a82b7;cursor:pointer}.mobile .signup-complete-container .actions .nav{margin-top:3rem}.signup-complete-container .actions .nav a:active{opacity:.5}.forgot-password-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .forgot-password-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.forgot-password-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.forgot-password-container .logo img{-o-object-fit:contain;object-fit:contain}.forgot-password-container .title{margin-bottom:1rem;font-weight:600;text-align:center}.forgot-password-container .form-input{margin-bottom:1rem}.forgot-password-container .form-input .label{margin-bottom:.5rem}.forgot-password-container .form-input input[type=date],.forgot-password-container .form-input input[type=password],.forgot-password-container .form-input input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.forgot-password-container .form-input input[type=date]:focus,.forgot-password-container .form-input input[type=password]:focus,.forgot-password-container .form-input input[type=text]:focus{background:var(--purple-tertiary)}.forgot-password-container .form-input .input-note{padding:.5rem 0 0 1rem;font-size:80%}.forgot-password-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.desktop .forgot-password-container .actions{margin-top:4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.forgot-password-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.forgot-password-container .actions .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a82b7;cursor:pointer}.mobile .forgot-password-container .actions .nav{margin-top:3rem}.forgot-password-container .actions .nav a:active{opacity:.5}.forgot-password-container .actions .submit .button{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;background:var(--purple);min-width:140px;height:44px;border-radius:22px;color:#fff;padding:0 1rem;cursor:pointer}.forgot-password-container .actions .submit .button:active{opacity:.7}.forgot-password-container .actions .submit .button.disable{cursor:none;pointer-events:none;opacity:.5}.require-new-password-container{width:100vw;background:#fff;padding:3rem;color:var(--purple)}.desktop .require-new-password-container{width:552px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.16);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:25px}.require-new-password-container .logo{height:3rem;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.require-new-password-container .logo img{-o-object-fit:contain;object-fit:contain}.require-new-password-container .title{margin-bottom:1rem;font-weight:600;text-align:center}.require-new-password-container .form-input{margin-bottom:1rem}.require-new-password-container .form-input .label{margin-bottom:.5rem}.require-new-password-container .form-input input[type=date],.require-new-password-container .form-input input[type=password],.require-new-password-container .form-input input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.require-new-password-container .form-input input[type=date]:focus,.require-new-password-container .form-input input[type=password]:focus,.require-new-password-container .form-input input[type=text]:focus{background:var(--purple-tertiary)}.require-new-password-container .form-input .input-note{padding:.5rem 0 0 1rem;font-size:80%}.require-new-password-container .actions{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.desktop .require-new-password-container .actions{margin-top:4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.require-new-password-container .actions.disable{cursor:none;pointer-events:none;opacity:.5}.require-new-password-container .actions .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a82b7;cursor:pointer}.mobile .require-new-password-container .actions .nav{margin-top:3rem}.require-new-password-container .actions .nav a:active{opacity:.5}.require-new-password-container .actions .submit .button{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;background:var(--purple);min-width:140px;height:44px;border-radius:22px;color:#fff;padding:0 1rem;cursor:pointer}.require-new-password-container .actions .submit .button:active{opacity:.7}.require-new-password-container .actions .submit .button.disable{cursor:none;pointer-events:none;opacity:.5}.work-item-order .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.work-item-order .section .container{margin:1rem;margin-left:auto;margin-right:auto}.work-item-order .section .container .sub-title{font-size:18px;margin:10px 0}.work-item-order .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.work-item-order .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.work-item-order table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.work-item-order th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.work-item-order th.no{width:10%}.work-item-order th.item,.work-item-order th.season{width:40%}.work-item-order th.sort{width:10%}.work-item-order th:nth-child(0){border-right:none}.work-item-order td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.work-item-order td:nth-child(0){border-right:none}.work-item-order .stripe tr:nth-child(odd){background:#f7f7f7}.work-item-order #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.work-item-order #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.work-item-order #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.work-item-order #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-item-order #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.work-item-order #button-area .right-box{right:0;bottom:0;width:25%}.work-item-order #button-area .center-box{display:inline;text-align:center;width:50%}.work-item-order #button-area .left-box{left:0;bottom:0;width:25%}.mobile .work-item-order #button-area .left-box{width:unset}.work-item-order #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-item-order #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-order #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.work-item-order #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.work-item-order #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.work-item-order #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-item-order #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-item-order .btn-sort-up{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_up.7f5ea106.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-item-order .btn-sort-up.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-order .btn-sort-down{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_down.2f4d1bb1.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-item-order .btn-sort-down.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-item-order .header .title,.work-item-order .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.work-item-order .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-item-order .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.work-item-order .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.work-item-order .header .title li>div{width:50px;height:100%}.work-item-order #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.work-order .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.work-order .section .container{margin:1rem;margin-left:auto;margin-right:auto}.work-order .section .container .sub-title{font-size:18px;margin:10px 0}.work-order table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff}.work-order th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.work-order th.no{width:10%}.work-order th.item{width:80%}.work-order th.sort{width:10%}.work-order th:nth-child(0){border-right:none}.work-order td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.work-order td:nth-child(0){border-right:none}.work-order .stripe tr:nth-child(odd){background:#f7f7f7}.work-order #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.work-order #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.work-order #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.work-order #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.work-order #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:0 auto 40px}.work-order #button-area .right-box{right:0;bottom:0;width:25%}.work-order #button-area .center-box{display:inline;text-align:center;width:50%}.work-order #button-area .left-box{left:0;bottom:0;width:25%}.mobile .work-order #button-area .left-box{width:unset}.work-order #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.work-order #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-order #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.work-order #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.work-order #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.work-order #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.work-order #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.work-order .btn-sort-up{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_up.7f5ea106.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-order .btn-sort-up.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-order .btn-sort-down{display:block;width:25px;height:25px;border-radius:50%;background:var(--purple) url(../img/ic_arrow_down.2f4d1bb1.svg) no-repeat 50%;margin:5px;cursor:pointer}.work-order .btn-sort-down.disable{opacity:.5;cursor:inherit;pointer-events:none}.work-order .header .title,.work-order .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.work-order .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.work-order .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.work-order .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.work-order .header .title li>div{width:50px;height:100%}.work-order #title-icon>div{background:url(../img/ic_style.5fadb8e2.svg) no-repeat 50%}.delete-account .header{margin:2rem}.delete-account .section{overflow:auto;width:70%;height:calc(100% - 130px);position:relative;margin:auto}.delete-account .section .container{margin:2rem}.delete-account .section .container h2{text-align:center;font-weight:400}.delete-account .section .container .main-area{text-align:center;font-size:1.5rem}.delete-account .section .container .main-area .price-large{font-size:3rem;margin:1rem}.delete-account .section .container .main-area .price-normal{font-weight:700;margin:.5rem}.delete-account .section .container .sub-area ul{list-style-type:none}.delete-account .section .container .sub-area a{margin:.5rem}.delete-account #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.delete-account #button-area .right-box{right:0;bottom:0;width:25%}.delete-account #button-area .center-box{display:inline;text-align:center;width:50%}.delete-account #button-area .left-box{left:0;bottom:0;width:25%}.mobile .delete-account #button-area .left-box{width:unset}.delete-account #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.delete-account #button-area .btn.wide{width:160px}.delete-account #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.delete-account #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.delete-account #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.delete-account #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.delete-account #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.delete-account #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.delete-account textarea{font-size:16px;width:100%;min-height:300px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.delete-account textarea:focus{background:var(--purple-tertiary)}.archives-information .section{overflow:auto;width:80%;max-height:calc(100vh - 200px);margin-left:auto;margin-right:auto}.archives-information .section .container{padding-right:10px;padding-bottom:10px}.archives-information table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;table-layout:fixed}.archives-information th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archives-information th.no{width:5%;min-width:20px;text-align:center}.archives-information th.time{width:15%;min-width:150px;max-width:150px;text-align:center}.archives-information th.contributor{width:15%;text-align:center}.archives-information th.contents,.archives-information th.title{width:30%;text-align:center}.archives-information th.path{width:5%}.archives-information th:nth-child(0){border-right:none}.archives-information .tr-datas{cursor:pointer}.archives-information td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archives-information td:nth-child(0){border-right:none}.archives-information .stripe tr:nth-child(odd){background:#f7f7f7}.archives-information .list-message{text-align:center;cursor:pointer}.archives-information .list-message span{color:var(--col3)}.archives-information .no-message{text-align:center}.archives-information .no-message span{color:#555}.archives-information .image-cell{text-align:center;cursor:pointer}.archives-information .button-area{height:calc(100% - 130px);position:relative;width:80%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px}.archives-information .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archives-information .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archives-information .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block;margin:auto}.archives-information .header .title,.archives-information .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archives-information .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archives-information .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archives-information .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archives-information .header .title li>div{width:50px;height:100%}.archives-information .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.archives-information .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:fixed;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archives-information .center-frame-container .title-area{width:100%;min-height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .archives-information .center-frame-container .title-area{height:60px}.archives-information .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archives-information .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.archives-information .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archives-information .center-frame-container .frame-section{width:100%;height:calc(100% - 130px);position:relative}.archives-information .center-frame-container .frame-section .container{margin:0}.archives-information .center-frame-container .frame-section .container .contents-body{margin:10px}.archives-information .center-frame-container .frame-section .container .contents-body.scroll{max-height:50vh;overflow-y:scroll}.archives-information .center-frame-container .frame-section .container .contents-body span.textarea{white-space:pre-line}.archives-information .center-frame-container .frame-section .container .contents-body dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .archives-information .center-frame-container .frame-section .container .contents-body dl.columns{grid-template-columns:1fr 1.5fr}.archives-information .center-frame-container .frame-section .container .contents-body .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.archives-information .center-frame-container .frame-section .container .contents-body .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.archives-information .center-frame-container .frame-section .container .contents-footer{margin:10px}.archives-information .image-area-view{width:100%}.archives-information .image-area-view img{max-width:100%;margin:10px 0}.archives-information #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.archives-log .section{overflow:auto;width:80%;max-height:calc(100vh - 200px);margin-left:auto;margin-right:auto}.archives-log .section .container{padding-right:10px;padding-bottom:10px}.archives-log .section .container table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;table-layout:fixed}.archives-log .section .container th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archives-log .section .container th.no{width:5%;text-align:center}.archives-log .section .container th.log-type{width:5%}.archives-log .section .container th.date{width:10%}.archives-log .section .container th.worker{width:15%}.archives-log .section .container th.season{width:10%}.archives-log .section .container th.item{width:15%}.archives-log .section .container th.detail{width:10%}.archives-log .section .container th.paddy{width:20%}.archives-log .section .container th.area,.archives-log .section .container th.paddy-count{width:10%}.archives-log .section .container th.path{width:5%}.archives-log .section .container th:nth-child(0){border-right:none}.archives-log .section .container .tr-datas{cursor:pointer}.archives-log .section .container td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archives-log .section .container td:nth-child(0){border-right:none}.archives-log .section .container .stripe tr:nth-child(odd){background:#f7f7f7}.archives-log .section .container .list-message{text-align:center;cursor:pointer}.archives-log .section .container .list-message span{color:var(--col3)}.archives-log .section .container .no-message{text-align:center}.archives-log .section .container .no-message span{color:#555}.archives-log .section .container .image-cell{text-align:center;cursor:pointer}.archives-log .button-area{height:calc(100% - 130px);position:relative;width:80%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px}.archives-log .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archives-log .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archives-log .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block;margin:auto}.archives-log .header .title,.archives-log .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archives-log .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archives-log .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archives-log .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archives-log .header .title li>div{width:50px;height:100%}.archives-log .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.archives-log .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:fixed;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archives-log .center-frame-container .title-area{width:100%;min-height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .archives-log .center-frame-container .title-area{height:60px}.archives-log .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archives-log .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.archives-log .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archives-log .center-frame-container .center-frame-section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.archives-log .center-frame-container .center-frame-section .container{margin:0}.archives-log .center-frame-container .center-frame-section .container .contents-body{margin:10px}.archives-log .center-frame-container .center-frame-section .container .contents-body.scroll{max-height:50vh;overflow-y:scroll}.archives-log .center-frame-container .center-frame-section .container .contents-body span.textarea{white-space:pre-line}.archives-log .center-frame-container .center-frame-section .container .contents-body dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .archives-log .center-frame-container .center-frame-section .container .contents-body dl.columns{grid-template-columns:1fr 1.5fr}.archives-log .center-frame-container .center-frame-section .container .contents-body .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.archives-log .center-frame-container .center-frame-section .container .contents-body .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.archives-log .center-frame-container .center-frame-section .container .contents-footer{margin:10px}.archives-log .image-area-view{width:100%}.archives-log .image-area-view img{max-width:100%;margin:10px 0}.archives-log .detail-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.archives-log .detail-list-container table{width:100%;font-size:.9rem;background:#fff}.archives-log .detail-list-container th{padding:8px;border-bottom:1px solid #bbb;background:#ccc;font-weight:400}.archives-log .detail-list-container th:nth-child(0){border-right:none}.archives-log .detail-list-container td{padding:8px;border-bottom:1px solid #ddd}.archives-log .detail-list-container td.tx-no{width:10%;text-align:center}.archives-log .detail-list-container td.tx-name{max-width:0}.archives-log .detail-list-container td:nth-child(0){border-right:none}.archives-log .detail-list-container .stripe tr:nth-child(odd){background:#f7f7f7}.archives-log .detail-item-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.archives-log #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.userlist .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.userlist .section .container{margin:2rem;margin-left:auto;margin-right:auto}.userlist .section .container .sub-header{display:-webkit-box;display:-ms-flexbox;display:flex}.userlist .section .container .sub-header ul{margin:0;list-style-type:none}.userlist .section .container .sub-header .message{font-size:.8rem;color:var(--col1)}.userlist table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;margin-bottom:10px}.userlist th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.userlist th.no{width:10%}.userlist th:nth-child(0){border-right:none}.userlist td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer}.userlist td:nth-child(0){border-right:none}.userlist .stripe tr:nth-child(odd){background:#f7f7f7}.userlist #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.userlist #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.userlist #edit-area span.active{border-bottom:solid 4px var(--purple);cursor:pointer}.userlist #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.userlist #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.userlist .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin-bottom:10px;cursor:pointer}.userlist .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.userlist .btn-medium{width:150px}.userlist .header .title,.userlist .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.userlist .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.userlist .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.userlist .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.userlist .header .title li>div{width:50px;height:100%}.userlist #title-icon>div{background:url(../img/ic_account-box.28a6426c.svg) no-repeat 50%}.userDetail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.userDetail *>div{width:30rem}.userDetail .message{margin-bottom:1rem}.archives .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.archives .section .container{margin:2rem;margin-left:auto;margin-right:auto}.archives #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.archives .btn-submit{display:block;background:var(--purple);font-size:35px;text-align:center;width:100%;max-width:400px;height:80px;border-radius:10px;color:#fff;padding:15px 20px;margin-bottom:10px;cursor:pointer}.archives .btn-submit.disable{opacity:.5;cursor:inherit}.archives select{height:50px;border-radius:10px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:20px;font-weight:700;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.archives select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.archives .header .title,.archives .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archives .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archives .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archives .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archives .header .title li>div{width:50px;height:100%}.archives #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.user-detail .section{overflow:auto;width:50%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.user-detail .section .container{margin:2rem;margin-left:auto;margin-right:auto}.user-detail .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.user-detail .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.user-detail .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.user-detail .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-detail .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.user-detail .section .container .columns dd:nth-of-type(odd),.user-detail .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.user-detail .section .container .color-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px;float:left}.user-detail .section .container .color-radio-button:hover{background:#eee}.user-detail .section .container .color-radio-button div{height:36px;width:36px;border-radius:50%}.user-detail .section .container .color-radio-button label{cursor:pointer}.user-detail .section .container input[type=date],.user-detail .section .container input[type=password],.user-detail .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.user-detail .section .container input[type=date]:focus,.user-detail .section .container input[type=password]:focus,.user-detail .section .container input[type=text]:focus{background:var(--purple-tertiary)}.user-detail .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.user-detail .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.user-detail .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.user-detail .section .container textarea:focus{background:var(--purple-tertiary)}.user-detail .section .container input[type=radio]{display:none}.user-detail .section .container input[type=radio]+label{padding:0 20px 0 0}.user-detail .section .container input[type=radio]:disabled+label{color:#aaa}.user-detail .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.user-detail .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.user-detail .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.user-detail .section .container input[type=checkbox]{display:none}.user-detail .section .container input[type=checkbox]+label{padding:0 20px 0 0}.user-detail .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.user-detail .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.user-detail #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.user-detail #button-area .right-box{right:0;bottom:0;width:25%}.user-detail #button-area .center-box{display:inline;text-align:center;width:50%}.user-detail #button-area .left-box{left:0;bottom:0;width:25%}.mobile .user-detail #button-area .left-box{width:unset}.user-detail #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.user-detail #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.user-detail #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.user-detail #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.user-detail #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none;width:130px}.user-detail #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.user-detail #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.user-detail .header .title,.user-detail .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.user-detail .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-detail .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.user-detail .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.user-detail .header .title li>div{width:50px;height:100%}.user-detail #title-icon>div{background:url(../img/ic_account-box.28a6426c.svg) no-repeat 50%}.landmark-list.frame-wrapper{position:absolute;top:0;left:0;width:100%}.landmark-list .tool-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.landmark-list .tool-buttons .add-landmark{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_add_active.0850f3ff.svg) no-repeat 50%;margin:15px;cursor:pointer}.landmark-list .sticky-message{position:absolute;top:0;width:100%;background-color:var(--purple);color:#fff;text-align:center}.landmark-list .btn{display:block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.landmark-list .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.landmark-list .btn:nth-of-type(n+2){margin-left:1rem}.landmark-list .btn.btn-submit{background:var(--purple);color:#fff}.landmark-list .centered-box-on-map{position:fixed;left:calc(50% + 125px);z-index:1}.landmark-list .centered-box-on-map .centered-item{position:relative;left:-50%}.landmark-list .centered-box-on-map.save-marker-buttons{bottom:0;margin-bottom:1rem}.landmark-list .centered-box-on-map .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.landmark-list .centered-box-on-map .button-area .btn{width:170px}.landmark-list .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.landmark-list .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.landmark-list .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.landmark-list .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.landmark-list .center-frame-container .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.landmark-list .center-frame-container .button-area .right-box{right:0;bottom:0;width:70px}.landmark-list .center-frame-container .button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.landmark-list .center-frame-container .button-area .left-box{left:0;bottom:0;width:70px}.landmark-list .center-frame-container .button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.landmark-list .center-frame-container .button-area .btn.disable{opacity:.5;cursor:inherit}.landmark-list .center-frame-container .button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.landmark-list .center-frame-container .button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.landmark-list .center-frame-container .button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.landmark-list .center-frame-container .button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.landmark-list .center-frame-container .button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.landmark-list .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.landmark-list .center-frame-container .section .container{margin:0}.landmark-list .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.landmark-list .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.landmark-list .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.landmark-list .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.landmark-list .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.landmark-list .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.landmark-list .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group .group-name{width:100%}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group:nth-child(n+2) .group-name{margin-top:.5rem}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button:hover{background:#eee}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button img{height:42px;width:42px}.landmark-list .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button label{cursor:pointer}.landmark-list .center-frame-container .section .container input[type=date],.landmark-list .center-frame-container .section .container input[type=number],.landmark-list .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.landmark-list .center-frame-container .section .container input[type=date]:focus,.landmark-list .center-frame-container .section .container input[type=number]:focus,.landmark-list .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.landmark-list .center-frame-container .section .container select{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.landmark-list .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.landmark-list .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.landmark-list .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.landmark-list .center-frame-container .section .container input[type=radio]{display:none}.landmark-list .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.landmark-list .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.landmark-list .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.landmark-list .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.landmark-list .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.landmark-list .center-frame-container .section .container input[type=checkbox]{display:none}.landmark-list .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.landmark-list .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.landmark-list .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.landmark-list .fade-enter,.landmark-list .fade-leave-to{opacity:0}.landmark-list .fade-enter-active,.landmark-list .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.landmark-list .scale-enter,.landmark-list .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.landmark-list .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.landmark-list .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.archivesWorkPaddy .table-section{overflow:auto;width:auto;height:calc(100% - 130px);max-height:calc(100vh - 170px);position:relative;margin-top:10px;margin-left:2rem;margin-right:2rem}.archivesWorkPaddy table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;overflow:auto;white-space:nowrap}.archivesWorkPaddy th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archivesWorkPaddy th:nth-child(0){border-right:none}.archivesWorkPaddy td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.archivesWorkPaddy td:nth-child(0){border-right:none}.archivesWorkPaddy .fixed01,.archivesWorkPaddy .fixed02,.archivesWorkPaddy .fixed03,.archivesWorkPaddy .fixed04{position:sticky;top:0;left:0;color:#222;background:#d0e996}.archivesWorkPaddy .fixed01:before,.archivesWorkPaddy .fixed02:before,.archivesWorkPaddy .fixed03:before,.archivesWorkPaddy .fixed04:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:var(--before-border)}.archivesWorkPaddy .fixed01{z-index:4}.archivesWorkPaddy .fixed02{z-index:1}.archivesWorkPaddy .fixed03{z-index:2;top:38px}.archivesWorkPaddy .fixed04{z-index:3;top:38px}.archivesWorkPaddy .heading-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-right:var(--before-border)}.archivesWorkPaddy .hidden-cell{color:#d0e996;background:#d0e996}.archivesWorkPaddy .hidden-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-left:var(--before-border);border-right:var(--before-border)}.archivesWorkPaddy .no-cell{max-width:42px;min-width:42px;text-align:center}.archivesWorkPaddy .paddy-name-cell{left:41px;max-width:300px;overflow-x:hidden;text-overflow:ellipsis;border-top:1px solid #d0e996;border-left:1px solid #d0e996}.archivesWorkPaddy .image-cell{cursor:pointer}.archivesWorkPaddy .stripe tr:nth-child(odd){background:#f7f7f7}.archivesWorkPaddy #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.archivesWorkPaddy #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.archivesWorkPaddy #edit-area span.active{border-bottom:solid 4px var(--purple)}.archivesWorkPaddy #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.archivesWorkPaddy .button-area{width:auto;height:calc(100% - 130px);position:relative;margin-left:2rem;margin-right:2rem;margin-top:2rem}.archivesWorkPaddy .button-area .btn-submit{position:relative;display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesWorkPaddy .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesWorkPaddy .button-area .message-submit{position:relative;display:inline-block;font-size:14px;font-weight:700;color:var(--col1)}.archivesWorkPaddy .button-area input[type=checkbox]{display:none}.archivesWorkPaddy .button-area input[type=checkbox]+label{padding:0 20px 0 0;position:absolute;right:0;bottom:0}.archivesWorkPaddy .button-area input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 8px 0 0}.archivesWorkPaddy .button-area input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.archivesWorkPaddy .button-area #label1{margin-right:160px}.archivesWorkPaddy .message-area{width:auto;height:auto;position:relative;margin-left:2rem;margin-right:2rem}.archivesWorkPaddy .message-area .error-message{color:var(--col1)}.archivesWorkPaddy .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block}.archivesWorkPaddy .image-frame-container{position:absolute;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;margin:0;padding:0;top:0;left:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:95}.archivesWorkPaddy .image-frame-container .image-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;height:80vh;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archivesWorkPaddy .image-frame-container .image-title-area{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWorkPaddy .image-frame-container .image-footer-area{width:100%;height:20px;padding:0}.archivesWorkPaddy .image-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archivesWorkPaddy .image-frame-container .section{overflow:auto;width:100%;height:calc(100% - 80px);position:relative}.archivesWorkPaddy .image-frame-container .section .container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.archivesWorkPaddy .image-frame-container .section .container.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWorkPaddy .image-frame-container .section .container div{margin:10px;max-width:calc(100% - 20px);max-height:calc(100% - 20px)}.archivesWorkPaddy .image-frame-container .section .container img{margin:auto;max-width:100%;max-height:100%;display:block}.archivesWorkPaddy .header .title,.archivesWorkPaddy .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWorkPaddy .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archivesWorkPaddy .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archivesWorkPaddy .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archivesWorkPaddy .header .title li>div{width:50px;height:100%}.archivesWorkPaddy #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.archivesWorkPaddy .button-text{z-index:1}.archivesWorkPaddy .spinner-overlay{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.archivesWorkPaddy .spinner{width:18px;height:18px;border:3px solid #fff;border-top:3px solid transparent;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.archivesWorkNotPaddy .table-section{overflow:auto;width:auto;height:calc(100% - 130px);max-height:calc(100vh - 170px);position:relative;margin-top:10px;margin-left:2rem;margin-right:2rem}.archivesWorkNotPaddy table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;overflow:auto;white-space:nowrap}.archivesWorkNotPaddy th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archivesWorkNotPaddy th:nth-child(0){border-right:none}.archivesWorkNotPaddy td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.archivesWorkNotPaddy td:nth-child(0){border-right:none}.archivesWorkNotPaddy .fixed01,.archivesWorkNotPaddy .fixed02,.archivesWorkNotPaddy .fixed03,.archivesWorkNotPaddy .fixed04{position:sticky;top:0;left:0;color:#222;background:#fff}.archivesWorkNotPaddy .fixed01:before,.archivesWorkNotPaddy .fixed02:before,.archivesWorkNotPaddy .fixed03:before,.archivesWorkNotPaddy .fixed04:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:var(--before-border)}.archivesWorkNotPaddy .fixed01{z-index:4}.archivesWorkNotPaddy .fixed02{z-index:1}.archivesWorkNotPaddy .fixed03{z-index:2;top:38px}.archivesWorkNotPaddy .fixed04{z-index:3;top:38px}.archivesWorkNotPaddy .heading-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-right:var(--before-border)}.archivesWorkNotPaddy .hidden-cell{color:#d0e996;background:#d0e996}.archivesWorkNotPaddy .hidden-cell:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-left:var(--before-border);border-right:var(--before-border)}.archivesWorkNotPaddy .no-cell{min-width:80px;text-align:center;width:80px}.archivesWorkNotPaddy .paddy-name-cell{left:41px;max-width:300px;overflow-x:hidden;text-overflow:ellipsis;border-top:1px solid #d0e996;border-left:1px solid #d0e996}.archivesWorkNotPaddy .image-cell{cursor:pointer}.archivesWorkNotPaddy .stripe tr:nth-child(odd){background:#f7f7f7}.archivesWorkNotPaddy #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.archivesWorkNotPaddy #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple)}.archivesWorkNotPaddy #edit-area span.active{border-bottom:solid 4px var(--purple)}.archivesWorkNotPaddy #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.archivesWorkNotPaddy .button-area{width:auto;height:calc(100% - 130px);position:relative;margin-left:2rem;margin-right:2rem;margin-top:2rem}.archivesWorkNotPaddy .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archivesWorkNotPaddy .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archivesWorkNotPaddy .button-area input[type=checkbox]{display:none}.archivesWorkNotPaddy .button-area input[type=checkbox]+label{padding:0 20px 0 0;position:absolute;right:0;bottom:0}.archivesWorkNotPaddy .button-area input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 8px 0 0}.archivesWorkNotPaddy .button-area input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.archivesWorkNotPaddy .button-area #label1{margin-right:160px}.archivesWorkNotPaddy .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block}.archivesWorkNotPaddy .image-frame-container{position:absolute;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;margin:0;padding:0;top:0;left:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:95}.archivesWorkNotPaddy .image-frame-container .image-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;height:80vh;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archivesWorkNotPaddy .image-frame-container .image-title-area{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWorkNotPaddy .image-frame-container .image-footer-area{width:100%;height:20px;padding:0}.archivesWorkNotPaddy .image-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archivesWorkNotPaddy .image-frame-container .section{overflow:auto;width:100%;height:calc(100% - 80px);position:relative}.archivesWorkNotPaddy .image-frame-container .section .container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.archivesWorkNotPaddy .image-frame-container .section .container.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archivesWorkNotPaddy .image-frame-container .section .container div{margin:10px;max-width:calc(100% - 20px);max-height:calc(100% - 20px)}.archivesWorkNotPaddy .image-frame-container .section .container img{margin:auto;max-width:100%;max-height:100%;display:block}.archivesWorkNotPaddy .header .title,.archivesWorkNotPaddy .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archivesWorkNotPaddy .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archivesWorkNotPaddy .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archivesWorkNotPaddy .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archivesWorkNotPaddy .header .title li>div{width:50px;height:100%}.archivesWorkNotPaddy #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}.sensor-show.frame-wrapper{position:absolute;top:0;left:0;width:100%}.mobile .sensor-show.frame-wrapper{height:0}.sensor-show .tool-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.sensor-show .tool-buttons .add-sensor{background:#fff url(../img/ic_add_active.0850f3ff.svg) no-repeat 50%}.sensor-show .tool-buttons .add-sensor,.sensor-show .tool-buttons .alert-sensor{display:block;width:40px;height:40px;border-radius:50%;margin:15px;cursor:pointer}.sensor-show .tool-buttons .alert-sensor{background:#fff url(../img/ic_notifications.9ea13f81.svg) no-repeat 50%}.sensor-show .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.sensor-show .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.sensor-show .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.sensor-show .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sensor-show .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.sensor-show .center-frame-container .title-icon-alert{background:url(../img/ic_notifications.9ea13f81.svg) no-repeat 0;background-size:30px 30px}.sensor-show .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.sensor-show .center-frame-container .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.sensor-show .center-frame-container .button-area .right-box{right:0;bottom:0;width:70px}.sensor-show .center-frame-container .button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.sensor-show .center-frame-container .button-area .left-box{left:0;bottom:0;width:70px}.sensor-show .center-frame-container .button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.sensor-show .center-frame-container .button-area .btn.disable{opacity:.5;cursor:inherit}.sensor-show .center-frame-container .button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.sensor-show .center-frame-container .button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.sensor-show .center-frame-container .button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.sensor-show .center-frame-container .button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.sensor-show .center-frame-container .button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.sensor-show .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.sensor-show .center-frame-container .section .container{margin:0}.sensor-show .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.sensor-show .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.sensor-show .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.sensor-show .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.sensor-show .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.sensor-show .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.sensor-show .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group .group-name{width:100%}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group:nth-child(n+2) .group-name{margin-top:.5rem}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button:hover{background:#eee}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button img{height:42px;width:42px}.sensor-show .center-frame-container .section .container .columns dd .image-radio-button-group .image-radio-button label{cursor:pointer}.sensor-show .center-frame-container .section .container .columns dd .grid-item3{display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.sensor-show .center-frame-container .section .container .repeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.sensor-show .center-frame-container .section .container input[type=checkbox]:checked~.repeat{display:none}.sensor-show .center-frame-container .section .container input[type=date],.sensor-show .center-frame-container .section .container input[type=number],.sensor-show .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.sensor-show .center-frame-container .section .container input[type=date]:focus,.sensor-show .center-frame-container .section .container input[type=number]:focus,.sensor-show .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.sensor-show .center-frame-container .section .container select{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.sensor-show .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.sensor-show .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.sensor-show .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.sensor-show .center-frame-container .section .container input[type=radio]{display:none}.sensor-show .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.sensor-show .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.sensor-show .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.sensor-show .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-show .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-show .center-frame-container .section .container input[type=checkbox]{display:none}.sensor-show .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.sensor-show .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.sensor-show .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-show .top-frame-container{width:100%;max-width:510px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.mobile .sensor-show .top-frame-container{top:50px;left:0;bottom:0;z-index:100}.sensor-show .top-frame-container .top-frame{min-height:100px;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.mobile .sensor-show .top-frame-container .top-frame{padding:20px;position:fixed;bottom:0;border-radius:20px 20px 0 0;width:100%}.sensor-show .top-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.mobile .sensor-show .top-frame-container .top-frame .title-area{grid-template-columns:1fr 150px}.sensor-show .top-frame-container .top-frame .title-area h3{background:url(../img/ic_water_temp.36cfd958.svg) no-repeat 0;background-size:30px 27px}.sensor-show .top-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.mobile .sensor-show .top-frame-container .top-frame h3{margin:0}.sensor-show .top-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sensor-show .top-frame-container .top-frame .selectCal:active{opacity:.5}.sensor-show .top-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.sensor-show .top-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.sensor-show .top-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.sensor-show .top-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.sensor-show .top-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.sensor-show .top-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.sensor-show .top-frame-container .top-frame .filter:active{opacity:.5}.sensor-show .top-frame-container input[type=checkbox],.sensor-show .top-frame-container input[type=radio]{display:none}.sensor-show .top-frame-container .input-frame-wrap{max-height:500px;display:block;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.sensor-show .top-frame-container .input-frame{display:grid;grid-template-columns:repeat(auto-fill,120px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 0 0}.sensor-show .top-frame-container .input-frame-wrap.close{max-height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.sensor-show .top-frame-container .input-frame-B{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fill,120px);grid-row-gap:10px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee;padding:20px;margin:20px 0 0 0;border-radius:20px;border:1px solid #ccc}.sensor-show .top-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-show .top-frame-container input[type=radio]:checked+.col1{background:var(--col1);color:#fff}.sensor-show .top-frame-container input[type=radio]:checked+.col2{background:var(--col2);color:#fff}.sensor-show .top-frame-container input[type=radio]:checked+.col3{background:var(--col3);color:#fff}.sensor-show .top-frame-container input[type=radio]:checked+.col4{background:var(--col4);color:#fff}.sensor-show .top-frame-container input[type=radio]:checked+.col5{background:var(--col5);color:#fff}.sensor-show .top-frame-container input[type=checkbox]:checked+.col1{background:var(--col1);color:#fff}.sensor-show .top-frame-container input[type=checkbox]:checked+.col2{background:var(--col2);color:#fff}.sensor-show .top-frame-container input[type=checkbox]:checked+.col3{background:var(--col3);color:#fff}.sensor-show .top-frame-container input[type=checkbox]:checked+.col4{background:var(--col4);color:#fff}.sensor-show .top-frame-container input[type=checkbox]:checked+.col5{background:var(--col5);color:#fff}.sensor-show .top-frame-container .item-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.sensor-show .top-frame-container .select-button{display:block;width:200px;margin:20px auto 0;text-align:center;font-size:14px;padding:10px 20px;border-radius:20px;background:var(--purple);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sensor-show .top-frame-container .select-button#selectFlagButton:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic_expand.f957fc46.svg) no-repeat 50%}.sensor-show .top-frame-container .select-button:active{opacity:.5}.sensor-show .top-frame-container .select-button#selectItemButton{margin:0;width:170px}.sensor-show .top-frame-container .navigate-button{display:block;width:200px;margin:0 auto 0;text-align:center;font-size:14px;padding:10px 20px 0 20px;border-radius:20px;background:transparent;color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sensor-show .top-frame-container .navigate-button:before{white-space:pre;content:"    ";margin:0 10px 0 0;background:url(../img/ic-expand-more.a74a1b90.svg) no-repeat 50%}.sensor-show .top-frame-container .selection-frame{display:grid;grid-template-columns:120px 120px;grid-column-gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:7px 0 7px 0}.sensor-show .col1{color:var(--col1);border:1px solid var(--col1);border-radius:30px}.sensor-show .col1,.sensor-show .col1-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.sensor-show .col1-fill{color:#fff;background:var(--col1);border-radius:30px}.sensor-show .col2{color:var(--col2);border:1px solid var(--col2);border-radius:30px}.sensor-show .col2,.sensor-show .col2-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.sensor-show .col2-fill{color:#fff;background:var(--col2);border-radius:30px}.sensor-show .col3{color:var(--col3);border:1px solid var(--col3);border-radius:30px}.sensor-show .col3,.sensor-show .col3-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.sensor-show .col3-fill{color:#fff;background:var(--col3);border-radius:30px}.sensor-show .col4{color:var(--col4);border:1px solid var(--col4);border-radius:30px}.sensor-show .col4,.sensor-show .col4-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.sensor-show .col4-fill{color:#fff;background:var(--col4);border-radius:30px}.sensor-show .col5{color:var(--col5);border:1px solid var(--col5);border-radius:30px}.sensor-show .col5,.sensor-show .col5-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.sensor-show .col5-fill{color:#fff;background:var(--col5);border-radius:30px}.sensor-show .side-frame-container{position:absolute;top:30px;right:30px;width:350px;min-width:270px;max-width:450px;min-height:100px;width:100%}.mobile .sensor-show .side-frame-container{top:0;right:0;z-index:100}.sensor-show .side-frame-container .side-frame{padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.mobile .sensor-show .side-frame-container .side-frame{border-radius:unset}.sensor-show .side-frame-container #side-frame-water-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:10px;background:#fff;border-radius:20px 20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #eee}.sensor-show .side-frame-container #side-frame-water-header h4{display:inline-block;font-size:20px;text-align:left;font-weight:700;margin:0;padding:0 0 0 0}.sensor-show .side-frame-container #side-frame-water-header span{display:inline-block;width:100%;font-size:13px;text-align:right;font-weight:400;margin:0;padding:0 10px 0 30px;color:#666}.sensor-show .side-frame-container #side-frame-water-header img{display:inline-block;margin:0 10px 0 0;height:40px}.sensor-show .side-frame-container #side-frame-water-header.close{height:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.sensor-show .side-frame-container #side-frame-water-header h4:before{content:""}.sensor-show .side-frame-container #side-frame-water-footer{width:100%;height:40px;padding:5px;border-radius:0 0 20px 20px;background:#fff;border-top:1px solid #eee}.sensor-show .side-frame-container .side-frame h4{font-size:20px;text-align:center;font-weight:400;margin:0 auto 0}.sensor-show .side-frame-container .side-frame h4:before{white-space:pre;content:"    ";background:url(../img/ic_list.da7f2b28.svg) no-repeat 50%;margin:0 10px 0 0}.sensor-show .side-frame-container .side-frame-content{max-height:calc(100vh - 170px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:scroll}.mobile .sensor-show .side-frame-container .side-frame-content{max-height:calc(100vh - 120px)}.sensor-show .side-frame-container #title-area-water{width:100%;margin:0;padding:15px 20px;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 30px}.sensor-show .side-frame-container #title-area-water h3{margin:0;padding:0;font-size:1.2rem}.sensor-show .side-frame-container #title-area-water p{margin:0;padding:0;font-size:.8rem;color:#888}.sensor-show .side-frame-container #title-area-water img{display:inline-block;margin:0 10px 3px 0;height:26px}.sensor-show .side-frame-container #title-area-water span{white-space:pre;content:"    ";background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;width:26px;height:26px;background-size:contain;vertical-align:middle;display:inline-block}.sensor-show .water01{background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:30px 30px}.sensor-show .water02{background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:30px 30px}.sensor-show .icon-water-warn{background:url(../img/water02.646a7581.png) no-repeat 0;background-size:30px 30px}.sensor-show .icon-water-caution{background:url(../img/water03.62639398.png) no-repeat 0;background-size:30px 30px}.sensor-show #side-frame-water-footer{width:100%;height:40px;padding:5px;border-radius:0 0 20px 20px;background:#fff;border-top:1px solid #eee}.sensor-show .side-frame-content water{background:#eee}.sensor-show .graph{display:block;width:90%;border-radius:10px;background:#fff;margin:20px auto 20px;padding:20px;-webkit-box-shadow:0 0 10px 4px rgba(0,0,0,.1);box-shadow:0 0 10px 4px rgba(0,0,0,.1)}.sensor-show .graph-header{width:95%;height:40px;margin:0 auto 0;padding:0;display:grid;grid-template-columns:30px 1fr 100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.sensor-show .graph-header h5{display:block;font-size:16px;margin:0;padding:0 0 0 5px}.sensor-show .graph-header span{display:block;height:40px}.sensor-show .graph-header p{font-size:22px;font-weight:700;color:#888;margin:0;padding:0;text-align:right}.sensor-show .graph-graph{display:block;width:95%;height:200px;margin:10px auto 0;border-radius:10px;background:#eee}.sensor-show .fade-enter,.sensor-show .fade-leave-to{opacity:0}.sensor-show .fade-enter-active,.sensor-show .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.sensor-show .scale-enter,.sensor-show .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.sensor-show .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.sensor-show .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.sensor-show #info{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(83,54,155,.8);margin:48px 0 0 0;width:100%;height:33px;text-align:center;color:#fff;font-size:.7rem;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.sensor-show #info.active{display:grid;z-index:21;opacity:1}.sensor-show #warter-filter{background:rgba(83,54,155,.8);margin:68px 0 0 0;width:100%;height:33px;text-align:right;color:#fff;font-size:.7rem;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.sensor-show #select-box,.sensor-show #warter-filter{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}.sensor-show #select-box{width:90%;height:30px;color:#333;font-size:.8rem;text-align:center;bottom:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:15px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);z-index:20}.sensor-show #select-box span{text-overflow:ellipsis;overflow:hidden;height:20px;margin:0 10px}.sensor-show #select-box.active{display:grid}.sensor-show #panel3{height:60vh;width:calc(100% - 12px);background:#fff;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:20px 20px 0 0;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.8);box-shadow:0 2px 5px 0 rgba(0,0,0,.8);z-index:100;display:none}.sensor-show #panel3.active{-webkit-animation:slideIn .4s ease;animation:slideIn .4s ease;display:block}.sensor-show #panel3-header{display:grid;grid-template-columns:1fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px;border-radius:20px 20px 0 0;width:100%;line-height:60px;border-bottom:1px solid #ddd}.sensor-show #panel3-header,.sensor-show #panel3-header h3{margin:0;height:60px;-webkit-box-sizing:border-box;box-sizing:border-box}.sensor-show #panel3-header h3{font-size:.9rem;font-weight:700;padding:0}.sensor-show #panel3-header h3.style-black:before{content:"";display:inline-block;width:33px;height:28px;background:url(../img/ic_water_level.19416cc9.svg) no-repeat left -2px;background-size:contain;vertical-align:middle}.sensor-show #panel3-header .select-cal{display:grid;grid-template-columns:16px 1fr 16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.85rem;text-align:center}.sensor-show #panel3-header .arrow-left,.sensor-show #panel3-header .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;cursor:pointer}.sensor-show #panel3-header .arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sensor-show #water-next-btn{width:100%;height:50px;text-align:center;background:rgba(83,54,155,.8);position:fixed;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:20}.sensor-show #water-next-btn.active{display:grid}.sensor-show #water-next-btn span{color:#fff;font-size:1rem}.sensor-show #water-next-btn span:before{white-space:pre;content:"    ";display:inline-block;background:url(../img/ic_next.ea6b5853.svg) no-repeat left -2px;width:26px;height:20px;background-size:contain;vertical-align:middle}.sensor-show #water-submit-btn{width:200px;color:#fff;font-size:.8rem;text-align:center;background:var(--purple);margin:30px auto 0;padding:8px 0;border-radius:20px;cursor:pointer}.sensor-show #input input[type=checkbox]{display:none}.sensor-show #input input[type=checkbox]+label:before,.sensor-show #input input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;width:25px;height:20px;background-size:contain;vertical-align:middle;display:inline-block}.sensor-show #edit-area{width:60px;text-align:center;background:#fff;margin:90px 10px 10px auto;height:60px;border-radius:40px}.sensor-show #edit-area span{display:block;font-size:28px;color:var(--purple);padding:10px}.sensor-show #edit-area span.active{cursor:pointer}.sensor-show #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%}.water-show.frame-wrapper{position:absolute;top:0;left:0;width:100%}.water-show .tool-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.water-show .tool-buttons .add-sensor{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_add_active.0850f3ff.svg) no-repeat 50%;margin:15px;cursor:pointer}.water-show .sticky-message{position:absolute;top:0;width:100%;background-color:var(--purple);color:#fff;text-align:center}.water-show .btn{display:block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.water-show .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.water-show .btn:nth-of-type(n+2){margin-left:1rem}.water-show .btn.btn-submit{background:var(--purple);color:#fff}.water-show .centered-box-on-map{position:fixed;left:calc(50% + 125px);z-index:1}.water-show .centered-box-on-map .centered-item{position:relative;left:-50%}.water-show .centered-box-on-map.save-marker-buttons{bottom:0;margin-bottom:1rem}.water-show .centered-box-on-map .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.water-show .centered-box-on-map .button-area .btn{width:170px}.water-show .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.water-show .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.water-show .center-frame-container .title-area{width:100%;height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.water-show .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.water-show .center-frame-container .button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.water-show .center-frame-container .button-area .right-box{right:0;bottom:0;width:70px}.water-show .center-frame-container .button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.water-show .center-frame-container .button-area .left-box{left:0;bottom:0;width:70px}.water-show .center-frame-container .button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.water-show .center-frame-container .button-area .btn.disable{opacity:.5;cursor:inherit}.water-show .center-frame-container .button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.water-show .center-frame-container .button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.water-show .center-frame-container .button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.water-show .center-frame-container .button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.water-show .center-frame-container .button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.water-show .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.water-show .center-frame-container .section .container{margin:0}.water-show .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.water-show .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.water-show .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.water-show .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.water-show .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.water-show .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.water-show .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.water-show .center-frame-container .section .container .repeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.water-show .center-frame-container .section .container input[type=date],.water-show .center-frame-container .section .container input[type=number],.water-show .center-frame-container .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.water-show .center-frame-container .section .container input[type=date]:focus,.water-show .center-frame-container .section .container input[type=number]:focus,.water-show .center-frame-container .section .container input[type=text]:focus{background:var(--purple-tertiary)}.water-show .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.water-show .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.water-show .top-frame-container{width:100%;max-width:510px;position:absolute;top:30px;left:30px;-webkit-transition:height .5s;transition:height .5s}.water-show .top-frame-container .top-frame{min-height:100px;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3);-webkit-transition:height .5s;transition:height .5s}.water-show .top-frame-container .top-frame .title-area{border-bottom:none;display:grid;grid-template-columns:1fr 200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.water-show .top-frame-container .top-frame .title-area h3{background:url(../img/ic_water_temp.36cfd958.svg) no-repeat 0;background-size:30px 27px}.water-show .top-frame-container .top-frame h3{padding:0 0 0 2em;margin:0 15px 15px 15px}.mobile .water-show .top-frame-container .top-frame h3{margin:0}.water-show .top-frame-container .top-frame .selectCal{text-align:right;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.water-show .top-frame-container .top-frame .selectCal:active{opacity:.5}.water-show .top-frame-container .arrow-left{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;margin:0 10px 0 0;cursor:pointer}.water-show .top-frame-container .arrow-left:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.water-show .top-frame-container .arrow-right{display:block;width:16px;height:16px;background:url(../img/ic_arrow.c597e4cb.svg) no-repeat 50%;background-size:16px 16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 0 0 10px;cursor:pointer}.water-show .top-frame-container .arrow-right:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.water-show .top-frame-container .top-frame .filter{text-align:right;display:block;cursor:pointer;font-size:14px;margin:0 20px 0 0;padding:0;text-decoration:none;color:var(--purple)}.water-show .top-frame-container .top-frame .filter:before{white-space:pre;content:"    ";background:url(../img/ic_sort.9fb600fe.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 20px}.water-show .top-frame-container .top-frame .filter:active{opacity:.5}.water-show .top-frame-container .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.water-show .water01{background:url(../img/ic_thermometer.a77a43f5.svg) no-repeat 50%;background-size:30px 30px}.water-show .water02{background:url(../img/ic_thermometer.sun.36233b2c.svg) no-repeat 50%;background-size:30px 30px}.water-show .fade-enter,.water-show .fade-leave-to{opacity:0}.water-show .fade-enter-active,.water-show .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.water-show .scale-enter,.water-show .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.water-show .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.water-show .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.water-show #info{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(83,54,155,.8);margin:48px 0 0 0;width:100%;height:33px;text-align:center;color:#fff;font-size:.7rem;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.water-show #info.active{display:grid;z-index:21;opacity:1}.water-show #water-next-btn{width:100%;height:50px;text-align:center;background:rgba(83,54,155,.8);position:fixed;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:20}.water-show #water-next-btn.active{display:grid}.water-show #water-next-btn span{color:#fff;font-size:1rem}.water-show #water-next-btn span:before{white-space:pre;content:"    ";display:inline-block;background:url(../img/ic_next.ea6b5853.svg) no-repeat left -2px;width:26px;height:20px;background-size:contain;vertical-align:middle}.water-show #water-submit-btn{width:200px;color:#fff;font-size:.8rem;text-align:center;background:var(--purple);margin:30px auto 0;padding:8px 0;border-radius:20px;cursor:pointer}.water-show .submit-error{text-align:center;color:var(--col1);margin:0 10px}.sensor-settings .section{overflow:auto;width:80%;height:calc(100% - 130px);position:relative;margin-left:auto;margin-right:auto}.sensor-settings .section .container{margin:2rem;margin-left:auto;margin-right:auto}.sensor-settings .section .container .sub-title{font-size:18px;margin:10px 0}.sensor-settings .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.sensor-settings .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.sensor-settings .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.sensor-settings .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sensor-settings .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.sensor-settings .section .container .columns dd:nth-of-type(odd),.sensor-settings .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.sensor-settings .section .container .repeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.sensor-settings .section .container input[type=checkbox]:checked~.repeat{display:none}.sensor-settings .section .container input[type=date],.sensor-settings .section .container input[type=number],.sensor-settings .section .container input[type=text]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.sensor-settings .section .container input[type=date]:focus,.sensor-settings .section .container input[type=number]:focus,.sensor-settings .section .container input[type=text]:focus{background:var(--purple-tertiary)}.sensor-settings .section .container select{height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.sensor-settings .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.sensor-settings .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px}.sensor-settings .section .container textarea:focus{background:var(--purple-tertiary)}.sensor-settings .section .container input[type=radio]{display:none}.sensor-settings .section .container input[type=radio]+label{padding:0 20px 0 0}.sensor-settings .section .container input[type=radio]:disabled+label{color:#aaa}.sensor-settings .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.sensor-settings .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-settings .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-settings .section .container input[type=checkbox]{display:none}.sensor-settings .section .container input[type=checkbox]+label{padding:0 20px 0 0}.sensor-settings .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.sensor-settings .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.sensor-settings .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:10px auto 10px;cursor:pointer}.sensor-settings .btn-submit.disable{opacity:.5;cursor:inherit}.sensor-settings .header .title,.sensor-settings .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.sensor-settings .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sensor-settings .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.sensor-settings .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.sensor-settings .header .title li>div{width:50px;height:100%}.sensor-settings #title-icon>div{background:url(../img/ic_notifications_menu.00a91bb8.svg) no-repeat 50%}.mobile-payments .section{overflow:auto;width:100%;height:100%;position:relative;margin:auto;background:#fff}.mobile-payments .section .container{margin:2rem}.mobile-payments .section .container h2{text-align:center;font-weight:400}.mobile-payments .section .container .main-area{text-align:center;font-size:1.5rem}.mobile-payments .section .container .main-area .price-large{font-size:3rem;margin:1rem}.mobile-payments .section .container .main-area .price-normal{font-weight:700;margin:.5rem}.mobile-payments .section .container .main-area ul{list-style-type:none;padding-inline:unset}.mobile-payments .section .container .main-area a{margin:.5rem}.mobile-payments .section .container .sub-area{margin-top:1rem}.mobile-payments .section .container dl.columns{width:100%;display:grid;grid-template-columns:auto;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile-payments .section .container dl.columns.td-check{grid-template-columns:40px auto}.mobile-payments .section .container .columns dt{display:block;text-align:left;width:100%;margin:0;padding:16px}.mobile-payments .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.mobile-payments .section .container .columns dd.input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-payments .section .container .columns dd.input-with-unit .unit{margin-left:1rem;word-break:keep-all}.mobile-payments .section .container .columns dd:nth-of-type(odd),.mobile-payments .section .container .columns dt:nth-of-type(odd){background:#f3f3f3}.mobile-payments .section .container input[type=checkbox]{display:none}.mobile-payments .section .container input[type=checkbox]+span{display:block;height:24px;width:24px;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px}.mobile-payments .section .container input[type=checkbox]:checked+span:after{display:block;height:24px;width:24px;white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px}.mobile-payments .card-area{text-align:center;margin-top:2rem}.mobile-payments .card-area.complete{display:none}.mobile-payments #payjp_checkout_box input[type=button]{font-size:16px}.mobile-payments #message-area{margin-top:2rem}.mobile-payments .ex-card-area-disable{opacity:.5;pointer-events:none;cursor:none}.mobile-complete .section{overflow:auto;width:100%;height:100%;position:relative;margin:auto;background:#fff}.mobile-complete .section .container{margin:2rem}.mobile-complete .section .container h2{text-align:center;font-weight:400}.mobile-complete .section .container .main-area{text-align:center;font-size:1.5rem}.mobile-complete .section .container .main-area .price-large{font-size:3rem;margin:1rem}.mobile-complete .section .container .main-area .price-normal{font-weight:700;margin:.5rem}.mobile-complete .section .container .main-area ul{list-style-type:none;padding-inline:unset}.mobile-complete .section .container .main-area a{margin:.5rem}.mobile-complete .section .container .sub-area ul{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:0;padding-inline-end:0}.mobile-complete .section .container .sub-area a{margin:.5rem}.mobile-complete .card-area{text-align:center;margin:2rem}.mobile-complete .card-area.complete{display:none}.mobile-complete #payjp_checkout_box input[type=button]{font-size:16px}.mobile-complete #message-area{margin:2rem}.mobile-complete #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.mobile-complete #button-area .right-box{right:0;bottom:0;width:10%}.mobile-complete #button-area .center-box{display:inline;text-align:center;width:80%}.mobile-complete #button-area .left-box{left:0;bottom:0;width:10%}.mobile-complete #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;min-width:130px;min-height:40px;border-radius:20px;color:var(--purple);padding:10px 20px;margin:10px auto 10px;cursor:pointer}.mobile-complete #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.mobile-complete #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:10px;margin-right:10px}.mobile-complete #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:10px;margin-right:10px}.water-gate-show.frame-wrapper{position:absolute;top:0;left:0;width:100%}.water-gate-show .col1{color:var(--col1);border:1px solid var(--col1);border-radius:30px}.water-gate-show .col1,.water-gate-show .col1-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.water-gate-show .col1-fill{color:#fff;background:var(--col1);border-radius:30px}.water-gate-show .col2{color:var(--col2);border:1px solid var(--col2);border-radius:30px}.water-gate-show .col2,.water-gate-show .col2-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.water-gate-show .col2-fill{color:#fff;background:var(--col2);border-radius:30px}.water-gate-show .col3{color:var(--col3);border:1px solid var(--col3);border-radius:30px}.water-gate-show .col3,.water-gate-show .col3-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.water-gate-show .col3-fill{color:#fff;background:var(--col3);border-radius:30px}.water-gate-show .col4{color:var(--col4);border:1px solid var(--col4);border-radius:30px}.water-gate-show .col4,.water-gate-show .col4-fill{display:inline-block;text-align:center;padding:4px;cursor:pointer;font-size:13px}.water-gate-show .col4-fill{color:#fff;background:var(--col4);border-radius:30px}.water-gate-show .side-frame-container{position:absolute;top:30px;right:30px;width:350px;min-width:270px;min-height:100px}.mobile .water-gate-show .side-frame-container{min-width:unset;min-height:unset}.water-gate-show .side-frame-container .side-frame{padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.water-gate-show .side-frame-container #side-frame-header{display:grid;grid-template-columns:1fr 5fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:50px;padding:10px;background:#ddd;border-radius:20px 20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.water-gate-show .side-frame-container #side-frame-footer{width:100%;padding:5px;border-radius:0 0 20px 20px;background:#ddd}.water-gate-show .side-frame-container .side-frame h4{font-size:18px;text-align:center;font-weight:400;margin:0 auto 0}.water-gate-show .side-frame-container .side-frame h4:before{white-space:pre;content:"    ";background:url(../img/ic_list.da7f2b28.svg) no-repeat 50%;margin:0 10px 0 0}.water-gate-show .side-frame-container .side-frame-content{max-height:calc(100vh - 170px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:scroll}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header{overflow:auto;width:100%;position:relative;font-size:15px}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .water-gate-show .side-frame-container .side-frame-content .side-frame-content-header dl.columns{grid-template-columns:1fr 1.5fr}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .header-title{text-align:center;font-weight:700}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header .header-title2{text-align:center}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header table{margin:auto}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header table .item-title{text-align:right;padding-right:10px;min-width:100px}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header table .item-name{max-width:150px}.water-gate-show .side-frame-container .side-frame-content .side-frame-content-header table .item-count{text-align:right;min-width:40px}.water-gate-show .side-frame-container .side-frame-row{width:100%;margin:0 auto 0;border-top:1px solid #ddd;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px}.water-gate-show .side-frame-container .side-frame-row,.water-gate-show .side-frame-container .side-frame-row div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.water-gate-show .side-frame-container .side-frame-row p{font-size:15px;display:block}.water-gate-show .side-frame-container .side-frame-row span{min-width:25px;width:25px;height:45px;display:block;margin:0 10px 0 0}.water-gate-show .side-frame-container .side-frame-row.view-header{cursor:pointer}.water-gate-show .side-frame-container p.view-date{font-size:18px}.water-gate-show .side-frame-container .side-frame-content ul{font-size:14px;color:#555;background:#f9f9f9;margin:0;padding:20px 20px 20px 40px}.water-gate-show .side-frame-container .side-frame-row .mark{font-size:12px;padding:3px 9px}.water-gate-show .side-frame-container .btn-submit{display:block;background:var(--purple);font-size:14px;text-align:center;width:100px;height:30px;border-radius:15px;color:#fff;padding:6px 20px;margin:10px auto 10px;cursor:pointer}.water-gate-show .side-frame-container .btn-submit.disable{opacity:.5;cursor:inherit;pointer-events:none}.water-gate-show .side-frame-container .btn-close{cursor:pointer;width:26px;height:26px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain;margin-left:auto;margin-right:auto}.water-gate-show .ricelog_pinicon_010{background:url(../img/ricelog_pinicon_010.54c29db5.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_011{background:url(../img/ricelog_pinicon_011.0ecebdf0.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_012{background:url(../img/ricelog_pinicon_012.e3ac516b.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_013{background:url(../img/ricelog_pinicon_013.4e54e205.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_020{background:url(../img/ricelog_pinicon_020.c6612221.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_030{background:url(../img/ricelog_pinicon_030.d2fce839.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_031{background:url(../img/ricelog_pinicon_031.97f76073.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_032{background:url(../img/ricelog_pinicon_032.862bbb12.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_033{background:url(../img/ricelog_pinicon_033.d9b23be4.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_040{background:url(../img/ricelog_pinicon_040.50767ec9.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_041{background:url(../img/ricelog_pinicon_041.3f91a3dd.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_042{background:url(../img/ricelog_pinicon_042.e0f64555.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_043{background:url(../img/ricelog_pinicon_043.f858730d.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_050{background:url(../img/ricelog_pinicon_050.770ad985.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_060{background:url(../img/ricelog_pinicon_060.5e082228.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_070{background:url(../img/ricelog_pinicon_070.d3e509e5.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_071,.water-gate-show .ricelog_pinicon_073{background:url(../img/ricelog_pinicon_073.57c321fc.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_080{background:url(../img/ricelog_pinicon_080.742f9b37.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_090{background:url(../img/ricelog_pinicon_090.34879c8b.png) no-repeat 50%;background-size:25px 45px}.water-gate-show .ricelog_pinicon_100{background:url(../img/ricelog_pinicon_100.23ff9143.png) no-repeat 50%;background-size:25px 45px}.water-gate-show img.pinicon{width:24px;height:42px}.water-gate-show .image-radio-button{text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;margin:2px;float:left}.water-gate-show .image-radio-button:hover{background:#eee}.water-gate-show .image-radio-button img{height:42px;width:24px}.water-gate-show .image-radio-button label{cursor:pointer}.water-gate-show .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.water-gate-show .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:absolute;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.water-gate-show .center-frame-container .title-area{width:100%;min-height:80px;padding:0;padding-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.water-gate-show .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.water-gate-show .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0;min-width:25px}.water-gate-show .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.water-gate-show .center-frame-container #edit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.water-gate-show .center-frame-container #edit-area span{display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.water-gate-show .center-frame-container #edit-area span.active{border-bottom:solid 4px var(--purple);opacity:1;cursor:pointer;pointer-events:inherit}.water-gate-show .center-frame-container #edit-area span.disabled{border-bottom:solid 4px var(--purple);opacity:.5;cursor:inherit;pointer-events:none}.water-gate-show .center-frame-container #edit-area span:before{white-space:pre;content:"    ";background:url(../img/ic_edit.562faf84.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.water-gate-show .center-frame-container #button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.water-gate-show .center-frame-container #button-area .right-box{right:0;bottom:0;width:70px}.water-gate-show .center-frame-container #button-area .center-box{display:inline;text-align:center;width:calc(100% - 140px)}.water-gate-show .center-frame-container #button-area .left-box{left:0;bottom:0;width:70px}.water-gate-show .center-frame-container #button-area .btn{display:inline-block;background:#fff;font-size:14px;text-align:center;width:130px;height:30px;border-radius:15px;color:var(--purple);padding:6px 20px;margin:10px auto 10px;cursor:pointer}.water-gate-show .center-frame-container #button-area .btn.disable{opacity:.5;cursor:inherit;pointer-events:none}.water-gate-show .center-frame-container #button-area .btn.btn-submit{background:var(--purple);color:#fff;margin-left:3px;margin-right:3px}.water-gate-show .center-frame-container #button-area .btn.btn-cancel{background:var(--purple-tertiary);color:#000;margin-left:3px;margin-right:3px}.water-gate-show .center-frame-container #button-area .text{right:0;bottom:0;display:block;font-size:14px;padding:3px 0;margin:10px 0;text-align:center;color:var(--purple);border-bottom:4px solid transparent;opacity:.5;pointer-events:none}.water-gate-show .center-frame-container #button-area .text.active{border-bottom:solid 4px var(--purple-secondary);opacity:1;cursor:pointer;pointer-events:inherit}.water-gate-show .center-frame-container #button-area .text:before{white-space:pre;content:"    ";background:url(../img/ic_delete.c5cb7e0a.svg) no-repeat 0;background-size:20px 20px;padding:0 0 0 5px}.water-gate-show .center-frame-container .section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.water-gate-show .center-frame-container .section .container{margin:0}.water-gate-show .center-frame-container .section .container dl.columns{width:100%;display:grid;grid-template-columns:170px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.water-gate-show .center-frame-container .section .container .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.water-gate-show .center-frame-container .section .container .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.water-gate-show .center-frame-container .section .container .columns dd .input-with-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.water-gate-show .center-frame-container .section .container .columns dd .input-with-unit .unit{margin-left:1rem;word-break:keep-all}.water-gate-show .center-frame-container .section .container .columns dd .input-with-unit input{width:auto;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.water-gate-show .center-frame-container .section .container .columns dd .input-with-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.water-gate-show .center-frame-container .section .container .columns dd .input-with-user .label{padding:0 0 0 5px;cursor:pointer}.water-gate-show .center-frame-container .section .container .columns dd .input-with-user .label:before{white-space:pre;content:"    ";background:url(../img/ic_add_circle.b695ed9e.svg) no-repeat 50%;background-size:20px 20px;padding:0 0 0 15px}.water-gate-show .center-frame-container .section .container .columns dd span.textarea{white-space:pre-line}.water-gate-show .center-frame-container .section .container input[type=date],.water-gate-show .center-frame-container .section .container input[type=datetime-local],.water-gate-show .center-frame-container .section .container input[type=number],.water-gate-show .center-frame-container .section .container input[type=text],.water-gate-show .center-frame-container .section .container input[type=time]{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 16px;font-size:16px;outline:none}.water-gate-show .center-frame-container .section .container input[type=date]:focus,.water-gate-show .center-frame-container .section .container input[type=datetime-local]:focus,.water-gate-show .center-frame-container .section .container input[type=number]:focus,.water-gate-show .center-frame-container .section .container input[type=text]:focus,.water-gate-show .center-frame-container .section .container input[type=time]:focus{background:var(--purple-tertiary)}.water-gate-show .center-frame-container .section .container select{width:100%;height:40px;border-radius:20px;border:solid 1px var(--purple);padding:0 38px 0 16px;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50%;background-size:25px 25px}.water-gate-show .center-frame-container .section .container select:focus{background:url(../img/ic_dropdown.b0e4961f.svg) no-repeat calc(100% - 10px) 50% var(--purple-tertiary);background-size:25px 25px}.water-gate-show .center-frame-container .section .container textarea{font-size:16px;width:100%;min-height:200px;white-space:pre-wrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px var(--purple);padding:10px;border-radius:10px 10px 0 10px;font-family:inherit}.water-gate-show .center-frame-container .section .container textarea:focus{background:var(--purple-tertiary)}.water-gate-show .center-frame-container .section .container input[type=radio]{display:none}.water-gate-show .center-frame-container .section .container input[type=radio]+label{padding:0 20px 0 0}.water-gate-show .center-frame-container .section .container input[type=radio]:disabled+label{color:#aaa}.water-gate-show .center-frame-container .section .container input[type=radio]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_radio_off.df262e77.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.water-gate-show .center-frame-container .section .container input[type=radio]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_on.50249dfa.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.water-gate-show .center-frame-container .section .container input[type=radio]:disabled+label:before{white-space:pre;content:"    ";background:url(../img/ic_radio_disabled.3e4b1f2e.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.water-gate-show .center-frame-container .section .container input[type=checkbox]{display:none}.water-gate-show .center-frame-container .section .container input[type=checkbox]+label{padding:0 20px 0 0}.water-gate-show .center-frame-container .section .container input[type=checkbox]+label:before{display:inline-block;white-space:pre;content:"    ";background:url(../img/ic_checkbox_off.d13efe26.svg) no-repeat 0;background-size:24px 24px;padding:0 16px 0 0}.water-gate-show .center-frame-container .section .container input[type=checkbox]:checked+label:before{white-space:pre;content:"    ";background:url(../img/ic_checkbox_on.1ed1ea57.svg) no-repeat 0;background-size:24px 24px;display:inline-block}.water-gate-show .fade-enter,.water-gate-show .fade-leave-to{opacity:0}.water-gate-show .fade-enter-active,.water-gate-show .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.water-gate-show .scale-enter,.water-gate-show .scale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.water-gate-show .scale-enter-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.water-gate-show .scale-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:transform .25s,opacity .25s;transition:transform .25s,opacity .25s,-webkit-transform .25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.water-gate-show .filter-area-column{position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.water-gate-show .filter-area-column,.water-gate-show .filter-area-left{display:-webkit-box;display:-ms-flexbox;display:flex}.water-gate-show .filter-area-left .filter-icon-paddy{display:block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/ic_filter_water.63e4b3d2.svg) no-repeat 50%;margin-left:15px;margin-right:15px;cursor:pointer}.water-gate-show .gate-frame-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px;top:115px;z-index:1;max-width:350px;min-width:270px;min-height:100px}.water-gate-show .gate-frame-container .gate-frame{width:100%;padding:0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.water-gate-show .gate-frame-container .gate-frame-header{width:100%;height:60px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px 20px 0 0;background:#ddd}.water-gate-show .gate-frame-container .gate-frame-header h4{font-size:20px;font-weight:700;margin:0 auto 0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.water-gate-show .gate-frame-container .btn-close{cursor:pointer;width:24px;height:24px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.water-gate-show .gate-frame-container .gate-frame-content{font-size:14px;overflow:scroll;max-height:calc(100vh - 280px)}.water-gate-show .gate-frame-container .gate-frame-content table{width:100%}.water-gate-show .gate-frame-container .gate-frame-content table tr{line-height:1.75rem}.water-gate-show .gate-frame-container .gate-frame-content table tr:nth-of-type(n+2){border-top:1px solid #a9a9a9}.water-gate-show .gate-frame-container .gate-frame-content table td{padding-right:5px}.water-gate-show .gate-frame-container .gate-frame-content table .unit,.water-gate-show .gate-frame-container .gate-frame-content table .value{text-align:right;white-space:nowrap;padding:0 0 0 10px}.water-gate-show .gate-frame-container .gate-frame-content table .full-open{color:var(--col3)}.water-gate-show .gate-frame-container .gate-frame-content table .half-open{color:var(--col5)}.water-gate-show .gate-frame-container .gate-frame-content ul{list-style:none;padding:0}.water-gate-show .gate-frame-container .gate-frame-footer{width:100%;height:40px;background:#ddd;border-radius:0 0 20px 20px}.water-gate-show .change-button-area{margin:15px}.water-gate-show .switch-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:200px;height:50px;border-radius:50px;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;background-color:#fff}.water-gate-show .switch-button:has(:checked){background-color:#fff}.water-gate-show .switch-button:before{position:absolute;left:5px;width:100px;height:42px;border-radius:50px;background-color:var(--col3);content:"";-webkit-transition:left .4s;transition:left .4s}.water-gate-show .switch-button:has(:checked):before{left:95px;background-color:#75bbff}.water-gate-show .switch-button:after{position:absolute;left:55px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-weight:600;font-size:.9em;content:"給水";-webkit-transition:left .4s;transition:left .4s}.water-gate-show .switch-button:has(:checked):after{left:146px;content:"排水"}.water-gate-show .switch-button input{display:none}.water-gate-show .switch-button-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:200px;height:50px;border-radius:10px;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;background-color:#fff}.water-gate-show .switch-button-2 span{width:100px;text-align:center;color:#999}.water-gate-show .switch-button-2:has(:checked){background-color:#fff}.water-gate-show .switch-button-2:before{position:absolute;left:5px;width:100px;height:42px;border-radius:8px;background-color:#295f98;content:"";-webkit-transition:left .4s;transition:left .4s}.water-gate-show .switch-button-2:has(:checked):before{left:95px;background-color:#cdc2a5}.water-gate-show .switch-button-2:after{position:absolute;left:55px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-weight:600;font-size:.9em;content:"給水";-webkit-transition:left .4s;transition:left .4s}.water-gate-show .switch-button-2:has(:checked):after{left:146px;content:"排水"}.water-gate-show .switch-button-2 input{display:none}.water-gate-show .checkbox:checked+.btn{background:#295f98}.water-gate-show .checkbox:checked+.btn:before{content:"給水マップ"}@-webkit-keyframes scaleAnimIn{0%{display:-webkit-box;display:flex;-webkit-transform:scale(.5);transform:scale(.5)}to{display:-webkit-box;display:flex;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleAnimIn{0%{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(.5);transform:scale(.5)}to{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeAnimIn{0%{display:grid;opacity:0}to{display:grid;opacity:1}}@keyframes fadeAnimIn{0%{display:grid;opacity:0}to{display:grid;opacity:1}}.archives-water-gate .section{overflow:auto;width:80%;max-height:calc(100vh - 200px);margin-left:auto;margin-right:auto}.archives-water-gate .section .container{padding-right:10px;padding-bottom:10px}.archives-water-gate .section .container table{width:100%;border:1px solid #ddd;font-size:.9rem;background:#fff;table-layout:fixed}.archives-water-gate .section .container th{padding:8px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#ccc;font-weight:400}.archives-water-gate .section .container th.no{width:5%;text-align:center}.archives-water-gate .section .container th.gate-status,.archives-water-gate .section .container th.gate-type{width:10%}.archives-water-gate .section .container th.date{width:15%}.archives-water-gate .section .container th.worker{width:20%}.archives-water-gate .section .container th.paddy{width:40%}.archives-water-gate .section .container th:nth-child(0){border-right:none}.archives-water-gate .section .container .tr-datas{cursor:pointer}.archives-water-gate .section .container td{padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archives-water-gate .section .container td:nth-child(0){border-right:none}.archives-water-gate .section .container .stripe tr:nth-child(odd){background:#f7f7f7}.archives-water-gate .section .container .list-message{text-align:center;cursor:pointer}.archives-water-gate .section .container .list-message span{color:var(--col3)}.archives-water-gate .section .container .no-message{text-align:center}.archives-water-gate .section .container .no-message span{color:#555}.archives-water-gate .section .container .image-cell{text-align:center;cursor:pointer}.archives-water-gate .button-area{height:calc(100% - 130px);position:relative;width:80%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px}.archives-water-gate .button-area .btn-submit{display:inline-block;background:var(--purple);font-size:14px;text-align:center;width:200px;height:30px;border-radius:15px;color:#fff;padding:6px 10px;margin:1px 6px;cursor:pointer}.archives-water-gate .button-area .btn-submit.disable{opacity:.5;cursor:inherit}.archives-water-gate .ic-images{background:url(../img/ic_photo_active.f0b07f5b.svg) no-repeat 50%;height:20px;width:20px;display:block;margin:auto}.archives-water-gate .header .title,.archives-water-gate .header .title ul{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.archives-water-gate .header .title ul{margin:0;padding:0;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.archives-water-gate .header .title li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:none;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--purple)}.archives-water-gate .header .title li span{font-size:1.1rem;-webkit-transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;transition:padding .8s cubic-bezier(.19,1,.22,1) 0s;color:var(--purple)}.archives-water-gate .header .title li>div{width:50px;height:100%}.archives-water-gate .center-frame-container{position:absolute;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;margin:0;padding:0;width:100%;height:100vh;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);z-index:90}.archives-water-gate .center-frame-container .center-frame{margin:0;padding:15px 30px;width:80%;max-width:800px;max-height:80vh;overflow-y:scroll;position:fixed;top:10vh;background:#fff;border-radius:20px;-webkit-box-shadow:0 0 30px 15px rgba(0,0,0,.3);box-shadow:0 0 30px 15px rgba(0,0,0,.3)}.archives-water-gate .center-frame-container .title-area{width:100%;min-height:80px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd}.mobile .archives-water-gate .center-frame-container .title-area{height:60px}.archives-water-gate .center-frame-container .title-area h3{margin:0;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archives-water-gate .center-frame-container .title-area h3 span{width:25px;height:45px;display:inline-block;margin:0 10px 0 0}.archives-water-gate .center-frame-container .btn-close{cursor:pointer;width:32px;height:32px;background:url(../img/ic_cancel.b83d3f2a.svg) no-repeat 50%;background-size:contain}.archives-water-gate .center-frame-container .center-frame-section{overflow:auto;width:100%;height:calc(100% - 130px);position:relative}.archives-water-gate .center-frame-container .center-frame-section .container{margin:0}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body{margin:10px}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body.scroll{max-height:50vh;overflow-y:scroll}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body span.textarea{white-space:pre-line}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body dl.columns{width:100%;display:grid;grid-template-columns:180px 1fr;-webkit-box-align:top;-ms-flex-align:top;align-items:top;grid-gap:0 0;margin:0;padding:0;font-size:16px;color:#333}.mobile .archives-water-gate .center-frame-container .center-frame-section .container .contents-body dl.columns{grid-template-columns:1fr 1.5fr}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body .columns dt{display:block;text-align:right;width:100%;margin:0;padding:16px}.archives-water-gate .center-frame-container .center-frame-section .container .contents-body .columns dd{display:block;width:100%;border-left:1px solid #ddd;margin:0;padding:16px}.archives-water-gate .center-frame-container .center-frame-section .container .contents-footer{margin:10px}.archives-water-gate .image-area-view{width:100%}.archives-water-gate .image-area-view img{max-width:100%;margin:10px 0}.archives-water-gate .detail-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.archives-water-gate .detail-list-container table{width:100%;font-size:.9rem;background:#fff}.archives-water-gate .detail-list-container th{padding:8px;border-bottom:1px solid #bbb;background:#ccc;font-weight:400}.archives-water-gate .detail-list-container th:nth-child(0){border-right:none}.archives-water-gate .detail-list-container td{padding:8px;border-bottom:1px solid #ddd}.archives-water-gate .detail-list-container td.tx-no{width:10%;text-align:center}.archives-water-gate .detail-list-container td.tx-name{max-width:0}.archives-water-gate .detail-list-container td:nth-child(0){border-right:none}.archives-water-gate .detail-list-container .stripe tr:nth-child(odd){background:#f7f7f7}.archives-water-gate .detail-item-list-container{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px auto 10px}.archives-water-gate #title-icon>div{background:url(../img/ic_folder.10545abd.svg) no-repeat 50%}