body{font-family:メイリオ,Hiragino Kaku Gothic ProN,sans-serif;margin:0;padding:0}.ListPage{align-items:center;background-color:#f2f2f2;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;width:100%}.ListPage .Select{margin:15px 40px 0;width:calc(100% - 80px)}.ListPage .Content{display:flex;height:calc(100% - 10px);margin-top:10px}.ListPage .Content .Table{font-size:13px;height:100%;max-width:100%;overflow:auto;width:600px}.ListPage .Content .Table table{border:1px solid #000;border-collapse:collapse;border-spacing:0;width:100%}.ListPage .Content .Table table th{background-color:#ddebf7;color:#000;font-weight:400}.ListPage .Content .Table table td,.ListPage .Content .Table table th{text-wrap:nowrap;border:1px solid #000;overflow:hidden;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}.ListPage .Content .Table table td{background-color:#fff;text-align:center}.ListPage .Content .Table table td button{background:#0000;border:none;box-shadow:none;cursor:pointer;margin:0;padding:0}.ListPage .Content .Table table td button img{height:20px}.ListPage .Content .Table table td.gray{background-color:#f1f1f1}.ListPage .Content .Summary .row{align-items:center;display:flex;margin:30px 0 10px 30px}.ListPage .Content .Summary .row p{font-weight:700;margin:0 30px 0 0;padding:0}.ListPage .Content .Summary .row p span.title{font-size:17px}.ListPage .Content .Summary .row p span.value{font-size:20px;margin-right:5px;text-decoration:underline}.ListPage .Content .Summary .row p span.unit{font-size:15px}.ListPage .Content .Summary .buttons{display:flex;margin-left:20px}.ListPage .Content .Summary .buttons button{background-color:#00b0f0;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin:0 10px;padding:7px 30px}.Modal p{font-size:15px;margin:10px 0;padding:0}.Modal .group{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.Modal .group p{text-wrap:nowrap;margin-right:20px}.Modal .buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin-top:20px}.Modal .buttons button{background-color:#00b0f0;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:15px;margin:0 10px;padding:5px 15px}.Modal .buttons button.cancel{background-color:#ccc}.Tab_header__4CcRw{align-items:flex-end;border-bottom:1px solid #7f7f7f;display:flex;flex:none;height:40px;margin:15px 40px 0;padding:0;position:relative;width:calc(100% - 80px)}.Tab_exitButton__8Kcra{background-color:#c8ced4;border:none;border-radius:50px;box-shadow:none;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:2px;padding:5px 25px;position:absolute;right:0}.Tab_column__n2fsf{list-style:none;margin-bottom:-1px}.Tab_button__mCM-X{background-color:#c8ced4;border:1px solid #7f7f7f;border-radius:5px 5px 0 0;box-shadow:none;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:5px 10px}.Tab_column__n2fsf:not(:first-child) .Tab_button__mCM-X{margin-left:-1px}.Tab_active__qmOJT{background-color:#97bef7}.Tab_tabBody__FyF24{flex:auto;height:calc(100% - 40px);margin-bottom:30px;min-height:0;min-width:0;width:calc(100% - 80px)}.styles_loading_screen__Kpfue{align-items:center;background-color:#f0f0f099;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.styles_loader__F9qKg{animation:styles_load6__RChdP 1.7s ease infinite,styles_round__b8S63 1.7s ease infinite;border-radius:50%;color:#76deff;font-size:90px;height:1em;margin:72px auto;overflow:hidden;position:relative;text-indent:-9999em;transform:translateZ(0);width:1em}.styles_loadingText__gJXNj{color:#333;font-weight:700;margin-top:216px;position:absolute;text-decoration:none}@keyframes styles_load6__RChdP{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes styles_round__b8S63{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ModalContent{background:#fff;border:1px solid #ccc;border-radius:4px;inset:unset;left:50%;max-width:90%;outline:none;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1500}.SideMenuSelectModalContent{z-index:1501}.SideMenuSelectModalContent .Content{display:flex;height:100%;width:100%}.SideMenuSelectModalContent .Content img{height:auto;max-height:300px;object-fit:cover;width:40%}.SideMenuSelectModalContent .Content .SideMenu{display:flex;flex-direction:column;width:60%}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink{border-bottom:1px solid #0a0a0a;margin:25px 0 0 5px}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink .SelectButton{background-color:#ff6a00;border:none;border-radius:5px;box-shadow:none;color:#fff;cursor:pointer;font-family:Arial,メイリオ,serif;font-size:.95rem;margin:0 2px 0 0;padding:3px 10px}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink .MenuName{font-size:1.1rem;font-weight:700}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink .TaxInclude{font-size:.8rem;padding-left:10px;padding-right:2px}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink .TaxIncludePrice{font-size:1.1rem;font-weight:700}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink .En{font-size:.8rem;padding-left:2px}.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink.isSide .MenuName,.SideMenuSelectModalContent .Content .SideMenu .SideMenuLink.isSide .TaxIncludePrice{font-size:1rem}.SideMenuSelectModalContent .Footer button{background-color:#ff6a00;border:none;border-radius:5px;box-shadow:none;color:#fff;cursor:pointer;font-family:Arial,メイリオ,serif;font-size:.95rem;margin:20px 2px 0 0;padding:3px 10px}.rs__menu{z-index:2000!important}.Select{width:100%}.LoginPage{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}.LoginPage h1{font-size:2rem;font-weight:700}.LoginPage__form{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;width:100%}.LoginPage__form__field{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.LoginPage__form__label{color:#566573;font-weight:500}.LoginPage__form__input{border:1px solid #ccc;border-radius:4px;padding:11px 10px}.LoginPage__form__input:focus{border:2px solid #2684ff;outline:none}.LoginPage__form__button{background-color:#e98300;border-color:#e98300;border-radius:3.2em;border-style:solid;box-shadow:0 4px 6px #00000029;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;margin:20px auto;max-width:26rem;outline:none;padding:.5em 1.5em;text-decoration:none;width:100%}@media print{.ShiftPage{background-color:#fff!important;height:auto!important;overflow:visible!important}.ShiftPage__controls,.ShiftPage__header{display:none!important}.ShiftPage__content{box-shadow:none!important;height:auto!important;overflow:visible!important;padding:0!important}.ShiftPage__table{border-collapse:collapse;font-size:9pt;width:100%}.ShiftPage__table td,.ShiftPage__table th{border:1px solid #999!important;padding:4px 2px!important;page-break-inside:avoid;text-align:center}.ShiftPage__table th{color-adjust:exact;background-color:#eee!important;-webkit-print-color-adjust:exact}.ShiftPage__table .shift-input{appearance:none;background:#0000;border:none;font-size:inherit;padding:0;text-align:center;width:100%}}.ShiftPage{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;height:100vh;overflow:hidden;width:100%}.ShiftPage__header{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:20px;padding:20px 24px 0}.ShiftPage__header h1{color:#333;font-size:24px;font-weight:700;margin:0}.ShiftPage__header .logout-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.ShiftPage__header .logout-btn:hover{background-color:#5a6268}.ShiftPage__controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex:0 0 auto;justify-content:space-between;margin:0 20px 20px;padding:20px}.ShiftPage__controls .control-group{align-items:center;display:flex;gap:12px}.ShiftPage__controls .control-group label{color:#555;font-weight:600}.ShiftPage__controls .button-group{display:flex;gap:12px}.ShiftPage__controls .action-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;transition:all .2s}.ShiftPage__controls .action-btn.retry-btn{background-color:#007bff}.ShiftPage__controls .action-btn.retry-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.ShiftPage__controls .action-btn.print-btn{background-color:#28a745}.ShiftPage__controls .action-btn.print-btn:hover{background-color:#218838;transform:translateY(-1px)}.ShiftPage__controls .action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.ShiftPage__content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1 1;margin:0 20px 20px;overflow:auto;padding:0;position:relative}.ShiftPage__table{border-collapse:initial;border-spacing:0;width:100%}.ShiftPage__table td,.ShiftPage__table th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;height:48px;padding:8px;text-align:center;vertical-align:middle;white-space:nowrap}.ShiftPage__table td:first-child,.ShiftPage__table th:first-child{border-left:1px solid #ddd}.ShiftPage__table tr:first-child th{border-top:1px solid #ddd}.ShiftPage__table th{background-color:#f8f9fa;box-shadow:0 2px 0 #ddd;color:#495057;font-weight:600;position:sticky;top:0;z-index:20}.ShiftPage__table .header-col{min-width:120px}.ShiftPage__table .sticky-col{border-right:2px solid #ccc!important;left:0;position:sticky;z-index:21}.ShiftPage__table th.sticky-col{background-color:#e9ecef!important;z-index:30}.ShiftPage__table td.sticky-col{background-color:#fff;font-weight:500}.ShiftPage__table .shift-input{background-color:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;font-size:14px;height:100%;min-width:80px;padding:4px 8px;text-align:center;transition:border-color .2s,background-color .2s;width:100%}.ShiftPage__table .shift-input:hover{background-color:#f1f3f5;border-color:#ced4da}.ShiftPage__table .shift-input:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.ShiftPage__table .shift-input::placeholder{color:#adb5bd;font-size:11px}.ShiftPage__table .day-sat{background-color:#f8f9fa!important;color:#007bff}.ShiftPage__table .day-sun{background-color:#fff5f5!important;color:#dc3545}.ShiftPage__table tr:nth-child(2n) td:not(.sticky-col){background-color:#00000005}.PunchPage{align-items:center;display:flex;justify-content:center;width:100%}.PunchPage__Timer{margin-left:10px;margin-right:80px;max-width:800px;width:100%}.PunchPage__Timer__AutoTimer{background-color:#97bef7;margin:20px;padding:40px 0;text-align:center;width:100%}.PunchPage__Timer__AutoTimer .day{color:#fff;font-size:2rem;font-weight:700}.PunchPage__Timer__AutoTimer .time{color:#fff;font-size:5rem;font-weight:700}.PunchPage__Timer__AutoTimer .time img{height:5rem;margin-bottom:-10px;margin-right:20px;width:5rem}.PunchPage__Timer__Buttons{display:flex;justify-content:space-around;margin:50px 0;width:100%}.PunchPage__Timer__Buttons button{background-color:#e98300;border-color:#e98300;border-radius:3.2em;border-style:solid;box-shadow:0 4px 6px #00000029;color:#fff;cursor:pointer;font-size:2.5rem;font-weight:700;margin:20px auto;max-width:26rem;outline:none;padding:.5em 1.5em;text-decoration:none}.PunchPage__Timer__Buttons button.blue{background-color:#00b0f0;border-color:#00b0f0}.PunchPage__Recorder{margin-right:10px;max-width:500px;width:100%}.PunchPage__Recorder .container{background-color:#f6eadc}.PunchPage__Recorder__Header{color:#d19651;font-size:2rem;font-weight:700;text-align:center;width:100%}.PunchPage__Recorder__Header .title{color:#d19651;font-size:2rem;font-weight:700;margin:40px 0 10px}.PunchPage__Recorder__Header .name{font-size:1.5rem;font-weight:700;margin:10px 0}.PunchPage__Recorder__Header .name__userName{color:#000;font-size:1.5rem;font-weight:700;margin-left:20px}.PunchPage__Recorder__Table{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%}.PunchPage__Recorder__Table table{border-collapse:collapse;font-size:1.5rem;font-weight:700;margin:20px;padding:0;text-align:center;width:100%}.PunchPage__Recorder__Table table thead{margin:0;padding:0}.PunchPage__Recorder__Table table th{font-size:2rem}.PunchPage__Recorder__Table table td,.PunchPage__Recorder__Table table th{border:3px solid #d19651;margin:0;padding:0}.PunchPage__Recorder__Table table td.header{color:#d19651}.PunchPage__Recorder .logout{margin-top:20px;text-align:right}.PunchPage__Recorder .logout button{background-color:#0000;border:none;color:#036;cursor:pointer;font-size:1.2rem;font-weight:700;text-decoration:underline}.PunchPage .container{align-items:center;border-radius:10px;box-shadow:0 0 7px 2px #bbb;display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media screen and (max-width:1200px)and (min-width:1025px){.PunchPage__Timer__AutoTimer .time{font-size:4rem}.PunchPage__Timer__Buttons button{font-size:2rem}}@media screen and (max-width:1024px)and (min-width:969px){.PunchPage__Timer{margin-right:10px}.PunchPage__Timer__AutoTimer .time{font-size:4rem}.PunchPage__Timer__Buttons button{font-size:2rem}}@media screen and (max-width:968px){.PunchPage{flex-direction:column;margin-left:10px;margin-right:10px}.PunchPage__Timer{margin-right:10px;max-width:100%;width:100%}.PunchPage__Timer__Buttons{margin:30px 0}.PunchPage__Recorder{margin-left:10px;margin-right:10px;margin-top:30px;max-width:100%;width:100%}}@media screen and (max-width:650px){.PunchPage__Timer__AutoTimer .day{font-size:1.5rem}.PunchPage__Timer__AutoTimer .time{font-size:3rem}.PunchPage__Timer__AutoTimer .time img{height:3rem;margin-bottom:-5px;margin-right:10px;width:3rem}.PunchPage__Timer__Buttons{flex-wrap:wrap}}.ProtectedLayout{display:flex;flex:1 1;flex-direction:column;width:100%}.ProtectedLayout__content,.PublicLayout{align-items:center;background-color:#f2f2f2;display:flex;flex:1 1;justify-content:center;width:100%}.PublicLayout{flex-direction:column}.PublicLayout__content{background-color:#fff;border-radius:10px;box-shadow:0 0 7px 2px #bbb;display:flex;min-height:400px;min-width:300px;padding:30px}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}