*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{height:100%;width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{width:100vw;background-color:#2c3e50;color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;padding:0 .5em}.header h1{margin:.5em;font-size:1.3rem;font-weight:500}.header a{color:#fff;margin-left:1em;text-decoration:underline}.textbox-container{display:flex;background:#fff;padding-top:.5rem;padding-bottom:.5rem}.textbox-container input.query{margin:0;width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;line-height:1;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;outline:none}.textbox-container input.query::placeholder{color:#7f8c8d;font-style:italic}.textbox-container input.query:hover{border-color:#bdc3c7;box-shadow:0 4px 8px #00000026}.textbox-container input.query:focus{box-shadow:0 4px 12px #0003}.textbox-container input.query.last-textbox{flex:.8}.textbox-container .search-button{padding:.832rem 1rem;white-space:nowrap;cursor:pointer;border-width:2px;border-style:solid;font-size:16px;line-height:1;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;outline:none;box-sizing:border-box;height:auto;vertical-align:middle}.textbox-container .search-button:hover{box-shadow:0 4px 8px #00000026}.textbox-container .search-button:focus{box-shadow:0 4px 12px #0003}.textbox-container .search-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.multiple-conditions-badge{position:absolute;right:5rem;top:50%;transform:translateY(-50%);opacity:.8;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;pointer-events:none;white-space:nowrap}.multiple-conditions-badge.last-badge{right:5rem}.add-textbox-btn{margin:1em;padding:.5rem;border:2px solid #3498db;border-radius:8px;background-color:#3498db;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;outline:none;min-width:50px;display:flex;align-items:center;justify-content:center}.add-textbox-btn:hover{background-color:#2980b9;border-color:#2980b9;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.add-textbox-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.add-textbox-btn:disabled{background-color:#bdc3c7;border-color:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none;color:#ecf0f1}.remove-textbox-btn{background-color:gray;color:#fff;font-size:12px;cursor:pointer;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;position:fixed;right:90px;top:60px;width:30px;height:30px;border-radius:50%;opacity:.7}.remove-textbox-btn:hover{outline:orangered;box-shadow:0 4px 8px #00000026}.remove-textbox-btn:active{outline:orangered;box-shadow:0 2px 4px #0000001a}.modal-window{position:absolute;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem;z-index:1000;min-height:100px;color:#000}@media(max-width:480px){.textbox-container{padding-left:1rem;flex-direction:column}.textbox-container input.query{margin:.5em 1em;font-size:.9rem}.add-textbox-btn{margin:.5em 1em;align-self:center;width:60px}}.modal-window{position:absolute;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem;z-index:1000;max-height:70vh;overflow-y:auto;color:#2c3e50;min-width:calc(50vw - 400px)}.modal-window[data-position-index="4"]{transform:translate(-100px)}.modal-window-close-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background-color:#bdc3c7;color:#fff;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;z-index:1}.modal-window-close-btn:hover{background-color:#95a5a6;transform:scale(1.1)}.modal-window-close-btn:active{transform:scale(.95)}.modal-window-content{margin-top:.5rem}.modal-window-content h3{margin:0 0 1rem;font-size:16px;font-weight:700;color:#2c3e50;padding-bottom:.5rem;border-bottom:2px solid #3498db}.modal-window-content form{display:flex;flex-direction:column;gap:1rem}.modal-window-content fieldset{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin:0;background-color:#f8f9fa}.modal-window-content fieldset fieldset{background-color:#fff;margin-top:.75rem}.modal-window-content legend{font-weight:700;color:#2c3e50;font-size:14px;padding:0 .5rem}.modal-window-content label{display:inline-block;margin-top:.75rem;margin-bottom:.25rem;font-size:13px;color:#34495e;font-weight:500}.modal-window-content label:first-of-type{margin-top:0}.modal-window-content input[type=text],.modal-window-content input[type=number],.modal-window-content select{width:100%;padding:.5rem;border:1px solid #bdc3c7;border-radius:4px;font-size:13px;transition:all .2s ease;background-color:#fff;color:#2c3e50}.modal-window-content input[type=text]:focus,.modal-window-content input[type=number]:focus,.modal-window-content select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modal-window-content input[type=text]:hover,.modal-window-content input[type=number]:hover,.modal-window-content select:hover{border-color:#95a5a6}.modal-window-content input[size="2"],.modal-window-content input[size="4"]{width:auto;min-width:60px}.modal-window-content select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.modal-window-content small{display:block;margin-top:.25rem;font-size:11px;color:#7f8c8d;font-style:italic}.modal-window-content button[type=submit]{margin-top:.5rem;padding:.75rem 2rem;border:2px solid #3498db;border-radius:6px;background-color:#3498db;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;align-self:flex-start}.modal-window-content button[type=submit]:hover{background-color:#2980b9;border-color:#2980b9;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.modal-window-content button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.modal-window-content fieldset:has(legend:contains("整列順")) select{margin-bottom:.5rem}.modal-window-content fieldset:has(legend:contains("管理者項目")){background-color:#fff3cd;border-color:#ffc107}.modal-window-content fieldset:has(legend:contains("管理者項目")) legend{color:#856404}.modal-window::-webkit-scrollbar{width:8px}.modal-window::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-window::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.modal-window::-webkit-scrollbar-thumb:hover{background:#95a5a6}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-2col>*{min-width:0}.form-grid-2col>div{display:flex;flex-direction:column}.form-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-grid-3col>*{min-width:0}.form-grid-3col>div{display:flex;flex-direction:column}.form-grid-4col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.form-grid-4col>*{min-width:0}.form-grid-4col>div{display:flex;flex-direction:column}@media(max-width:768px){.form-grid-2col,.form-grid-4col{grid-template-columns:1fr}.modal-window{max-height:60vh;padding:.75rem}.modal-window-content h3{font-size:14px}.modal-window-content fieldset{padding:.75rem}.modal-window-content label{font-size:12px}.modal-window-content input[type=text],.modal-window-content input[type=number],.modal-window-content select{font-size:12px;padding:.4rem}.modal-window-content button[type=submit]{width:100%;align-self:stretch}}.modal-window-content *:focus-visible{outline:2px solid #3498db;outline-offset:2px}.main-layout{flex:1;display:flex}.timeline-group{position:relative;width:100%;overflow:hidden}.timeline-event{display:block;position:absolute;padding-right:.5em;transition:top .5s ease,left .5s ease}.event-person{font-size:80%;font-weight:600;margin-right:.5em}ul:last-child .timeline-event{padding-right:3em}.timeline-event-contents{display:inline-flex;align-items:center;cursor:pointer;color:#2c3e50;overflow:hidden;width:100%}.event-count{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-weight:700;font-size:12px;margin-right:.2em;border-radius:100%;width:22px;height:22px;border:2px solid white}.event-count[data-count="1"]{width:10px;height:10px;margin:5.5px;color:transparent}.event-count[data-digit="2"]{font-size:10px}.event-count[data-digit="3"]{font-size:8px}.event-text{background-color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;max-width:100%;width:100%}.event-text:hover{text-decoration:underline}.event-popup-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.event-popup{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1001;max-width:500px;max-height:400px;min-width:300px;overflow:hidden;transform-origin:center}.event-popup-person{font-size:80%;font-weight:600;margin-right:.5em}.event-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.event-popup-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.event-popup-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.event-popup-close:hover{background-color:#e0e0e0;color:#333}.event-popup-content{max-height:320px;overflow-y:auto;padding:8px 0}.event-popup-item{padding:12px 20px;transition:background-color .2s}.event-popup-item:last-child{border-bottom:none}.event-popup-item:hover{background-color:#f8f9fa}.event-popup-row-header{padding:.2em;border-bottom:1px solid #ccc;margin-bottom:.5em;display:flex;align-items:center;justify-content:space-between}.event-popup-date{font-size:12px;color:#444;font-weight:500}.event-popup-link{margin-top:4px;font-size:12px;padding:2px 4px;border-radius:4px;background-color:#0052a3;margin-right:6px;color:#fff;font-weight:700;text-decoration:none}.event-popup-link:hover{background-color:#003d7a;text-decoration:underline}.event-popup-contents{font-size:14px;line-height:1.4}.event-popup-main-link{color:#06c;text-decoration:none;display:block;transition:color .2s}.event-popup-item:hover,.event-popup-main-link:hover{color:#0052a3;text-decoration:underline}.event-popup-content::-webkit-scrollbar{width:6px}.event-popup-content::-webkit-scrollbar-track{background:#f1f1f1}.event-popup-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.event-popup-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:600px){.event-popup{max-width:90vw;max-height:70vh;left:5vw!important;top:15vh!important}}.timeline-loading{color:#7f8c8d;background-color:#fff;display:block;position:absolute;padding-top:6px;font-size:14px}.wareki-label{padding-left:10px;width:155px;display:flex;flex-direction:row;align-items:center;justify-content:center}.year-part{width:80px;text-align:right}.wareki-leap{text-align:right;margin-left:.2em;display:inline-block;width:1em}.minimap-container{position:fixed;z-index:1000;transition:all .3s ease}.minimap-container.minimap-dragging,.minimap-container.minimap-resizing{transition:none!important}.minimap-tab{background-color:#fffffff2;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;padding:4px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;width:fit-content;box-shadow:0 -2px 4px #0000001a;position:relative;left:50%;transform:translate(-50%);-webkit-user-select:none;user-select:none;z-index:10000}.minimap-tab:hover{background-color:#f0f0f0f2}.minimap-icon{font-size:16px;font-weight:700;color:#666}.minimap-label{font-size:12px;color:#666;margin-left:6px}.minimap-content-wrapper{position:relative;background-color:#fffffff2;border:1px solid #ccc;border-radius:0 0 8px 8px;padding:12px;box-shadow:0 4px 12px #00000026;margin-top:-1px;-webkit-user-select:none;user-select:none}.minimap-closed{bottom:0!important}.minimap-closed .minimap-content-wrapper{display:none}.minimap-canvas{left:24px;width:calc(100% - 24px);height:100%;position:relative;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;cursor:pointer}.minimap-event-dot{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.minimap-event-dot[data-count="1"]{width:3px;height:3px}.minimap-event-dot[data-count="2"]{width:4.5px;height:4.5px}.minimap-event-dot[data-count="3"]{width:5.5px;height:5.5px}.minimap-event-dot[data-count="4"]{width:6px;height:6px}.minimap-event-dot[data-count="5"]{width:6.5px;height:6.5px}.minimap-event-dot[data-count="6"]{width:7px;height:7px}.minimap-event-dot[data-count="7"],.minimap-event-dot[data-count="8"]{width:7.5px;height:7.5px}.minimap-event-dot[data-count="9"],.minimap-event-dot[data-count="10"]{width:8px;height:8px}.minimap-viewport-rect{position:absolute;border:2px solid #4a90e2;background-color:#4a90e226;cursor:move;pointer-events:all;box-sizing:border-box}.minimap-viewport-rect:hover{background-color:#4a90e240;border-color:#357abd}.minimap-time-label{position:absolute;font-size:10px;color:#666;left:4px;background-color:#fffc;padding:1px 3px;border-radius:2px;pointer-events:none}.minimap-scale-tab{position:absolute;left:0;display:flex;gap:2px;padding:4px;background-color:#fffffff2;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -2px 4px #0000001a;z-index:10000}.minimap-scale-button{padding:3px 10px;border:1px solid #ccc;border-radius:3px;background-color:#fff;color:#666;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.minimap-scale-button:hover{background-color:#f0f0f0;border-color:#999}.minimap-scale-button.active{background-color:#4a90e2;border-color:#357abd;color:#fff}.minimap-scale-button:active{transform:scale(.95)}.footer{bottom:0;width:100vw;background-color:#2c3e50;color:#fff;padding:1rem .5rem .5rem;text-align:center;border-top:1px solid #34495e;font-size:.875rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.minimap-container{display:flex;flex-direction:column;align-items:center}.center-year-label{font-size:.75rem;color:#dc3545;font-weight:600}.year-start,.year-end{font-weight:500}.footer p{margin:0;font-size:.75rem;color:#95a5a6}