.time-slot-bar-wrap{--tsb-color-fill:#4eb3d7;--tsb-color-border-strong:#2895bb;--tsb-color-slot-pale:#d8f0f7;--tsb-color-error-fill:var(--color-red-003);--tsb-color-error-border:var(--color-red-002);--tsb-color-grid:#d3d9db;--tsb-color-label:#464e52;--tsb-color-white:#fff;--tsb-bar-height-pc:80px;--tsb-bar-height-sp:64px;--tsb-selection-height-pc:84px;--tsb-selection-height-sp:68px;--tsb-arrow-width-pc:24px;--tsb-arrow-width-sp:16px;--tsb-arrow-width:var(--tsb-arrow-width-pc);--tsb-bar-width-pc:600px;--tsb-hour-count:17;--tsb-slide-hours:6;--tsb-grid-align:0;width:var(--tsb-bar-width-pc);max-width:100%;margin-top:24px;padding-top:18px;padding-bottom:2px;position:relative}@media screen and (max-width:768px){.time-slot-bar-wrap{--tsb-arrow-width:var(--tsb-arrow-width-sp);width:100%;max-width:100%;margin-top:18px;padding-top:16px;padding-bottom:4px;overflow:hidden visible}}.time-slot-bar-wrap .time-slot-label-row{top:0;left:calc(var(--tsb-arrow-width-pc) - 14px);right:calc(var(--tsb-arrow-width-pc) - 14px);pointer-events:none;width:auto;height:14px;position:absolute;overflow:hidden}.time-slot-bar-wrap .time-slot-label-track{height:100%;width:calc((100% - 28px) * var(--tsb-hour-count) / 17);will-change:transform;transition:transform .32s ease-out;position:relative;left:14px}.time-slot-bar-wrap .time-slot-label{top:0;left:calc(var(--label-col,0) * (100% / var(--tsb-hour-count)));color:var(--tsb-color-label);white-space:nowrap;text-align:center;font-family:Roboto,sans-serif;font-size:10px;font-weight:400;line-height:10px;position:absolute;transform:translate(-50%)}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-label-row{left:calc(var(--tsb-arrow-width-sp) - 12px);right:calc(var(--tsb-arrow-width-sp) - 12px);height:12px}.time-slot-bar-wrap .time-slot-label-track{width:calc((100% - 24px) * var(--tsb-hour-count) / 17);left:12px}.time-slot-bar-wrap .time-slot-label{font-size:9px;line-height:9px}}.time-slot-bar-wrap .time-slot-bar{direction:ltr;flex-direction:row;align-items:stretch;width:100%;max-width:100%;display:flex;position:relative;overflow:visible}.time-slot-bar-wrap .mover-circle{flex:0 0 var(--tsb-arrow-width-pc);cursor:pointer;z-index:8;box-sizing:border-box;pointer-events:auto;width:var(--tsb-arrow-width-pc)!important;height:var(--tsb-bar-height-pc)!important;background-color:var(--tsb-color-white)!important;border:1px solid var(--tsb-color-grid)!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.time-slot-bar-wrap .mover-circle.left{border-right:1px solid var(--tsb-color-grid)!important}.time-slot-bar-wrap .mover-circle.right{border-left:none!important}@media screen and (max-width:768px){.time-slot-bar-wrap .mover-circle{flex-basis:var(--tsb-arrow-width-sp);width:var(--tsb-arrow-width-sp)!important;height:var(--tsb-bar-height-sp)!important}}.time-slot-bar-wrap .mover-circle:hover{opacity:.7}.time-slot-bar-wrap .mover-circle.is-disabled{cursor:default;pointer-events:none}.time-slot-bar-wrap .mover-circle.is-disabled>div{opacity:.4}.time-slot-bar-wrap .mover-circle>div{background-color:#ffffff80!important;background-image:url(/assets/images/common/arrow-right-double-fill.svg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border-radius:50%!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important}.time-slot-bar-wrap .mover-circle.left>div{transform:none!important}.time-slot-bar-wrap .mover-circle.right>div{transform:scaleX(-1)!important}@media screen and (max-width:768px){.time-slot-bar-wrap .mover-circle>div{background-size:12px 12px!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important}}.time-slot-bar-wrap .time-slot-container{clip-path:inset(-4px 0);background-color:var(--tsb-color-white);touch-action:none;-webkit-user-select:none;user-select:none;--tsb-slot-px:calc(100% / var(--tsb-hour-count) / 4);--tsb-unit-px:calc(var(--tsb-slot-px) / 25);box-sizing:border-box;flex:auto;min-width:0;width:auto!important;height:var(--tsb-bar-height-pc)!important;margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}.time-slot-bar-wrap .time-slot-container:after{content:"";box-sizing:border-box;border-right:1px solid var(--tsb-color-grid);pointer-events:none;z-index:4;position:absolute;inset:0}.time-slot-bar-wrap .time-slot-clipped-layer{width:100%;height:100%;position:relative;overflow:hidden}.time-slot-bar-wrap .time-slot-grid-dots{pointer-events:none;z-index:3;clip-path:inset(0 1px 0 0);position:absolute;inset:0}.time-slot-bar-wrap .time-slot-grid-dot{width:1px;top:0;bottom:0;left:calc(var(--line-col,0) * 100% / var(--tsb-hour-count));background-image:repeating-linear-gradient(to bottom, var(--tsb-color-grid) 0, var(--tsb-color-grid) 2px, transparent 2px, transparent 5px);position:absolute;transform:translate(-50%)}.time-slot-bar-wrap .time-slot-grid-solids{pointer-events:none;z-index:3;clip-path:inset(0 1px 0 0);position:absolute;inset:0}.time-slot-bar-wrap .time-slot-grid-solid{width:1px;top:0;bottom:0;left:calc(var(--line-col,0) * 100% / var(--tsb-hour-count));background-color:var(--tsb-color-grid);position:absolute;transform:translate(-50%)}.time-slot-bar-wrap .time-slot-slide-layer{width:calc(100% * var(--tsb-hour-count) / 17);will-change:transform;z-index:2;--tsb-slot-px:calc(100% / var(--tsb-hour-count) / 4);--tsb-unit-px:calc(var(--tsb-slot-px) / 25);height:100%;transition:transform .32s ease-out;position:absolute;top:0;bottom:0;left:0}.time-slot-bar-wrap .time-slot-bar-frame{box-sizing:border-box;border-top:1px solid var(--tsb-color-grid);border-bottom:1px solid var(--tsb-color-grid);pointer-events:none;z-index:4;width:100%;position:absolute;top:0;bottom:0;left:0}.time-slot-bar-wrap .time-slot-slide-layer.is-prep-earlier,.time-slot-bar-wrap .time-slot-label-track.is-prep-earlier,.time-slot-bar-wrap .time-slot-handle-portal.is-prep-earlier{transform:translateX(calc(-100% * var(--tsb-slide-hours) / var(--tsb-hour-count)));transition:none}.time-slot-bar-wrap .time-slot-slide-layer.is-prep-later,.time-slot-bar-wrap .time-slot-label-track.is-prep-later,.time-slot-bar-wrap .time-slot-handle-portal.is-prep-later{transition:none;transform:translate(0)}.time-slot-bar-wrap .time-slot-slide-layer.is-slide-to-later,.time-slot-bar-wrap .time-slot-label-track.is-slide-to-later,.time-slot-bar-wrap .time-slot-handle-portal.is-slide-to-later{transform:translateX(calc(-100% * var(--tsb-slide-hours) / var(--tsb-hour-count)))}.time-slot-bar-wrap .time-slot-slide-layer.is-slide-to-earlier,.time-slot-bar-wrap .time-slot-label-track.is-slide-to-earlier,.time-slot-bar-wrap .time-slot-handle-portal.is-slide-to-earlier{transform:translate(0)}.time-slot-bar-wrap.is-dragging .time-slot-slide-layer,.time-slot-bar-wrap.is-dragging .time-slot-label-track,.time-slot-bar-wrap.is-dragging .time-slot-handle-portal{transition:none}.calendar-info-annotation-row{overflow:visible}.calendar-info-explanation-popup.info-element{box-sizing:border-box;width:max-content;max-width:min(320px,100% - 16px);top:-200px;left:auto;right:0}.calendar-info-explanation-popup .calendar-info-explanation-body,.calendar-info-explanation-popup .calendar-info-explanation-col{flex-direction:column;gap:16px;display:flex}.calendar-info-explanation-popup .calendar-info-explanation-row{flex-flow:row;align-items:center;gap:4px;width:max-content;max-width:100%;display:flex}.calendar-info-explanation-popup .calendar-info-explanation-row img{flex:0 0 16px;width:16px;height:16px}.calendar-info-explanation-popup .calendar-info-explanation-row .calendar-no-reservations{flex:0 0 16px;align-self:center;width:16px;min-width:16px;height:2px;min-height:2px;margin-block:7px}.calendar-info-explanation-popup .calendar-info-explanation-legend{white-space:nowrap;flex:none;width:auto;min-width:0}.time-slot-bar-wrap .time-slot-container::-webkit-scrollbar{display:none}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-container{height:var(--tsb-bar-height-sp)!important}}.time-slot-bar-wrap .time-slot-track{box-sizing:border-box;flex-direction:row;width:100%;height:100%;display:flex;position:relative}.time-slot-bar-wrap .time-slot{box-sizing:border-box;flex:1 1 0;width:calc(100% / var(--tsb-hour-count))!important;border:none!important;min-width:0!important;height:100%!important;position:relative!important}.time-slot-bar-wrap .time-slot:nth-child(3n-2),.time-slot-bar-wrap .time-slot:not(:nth-child(3n-2)),.time-slot-bar-wrap .time-slot:not(:last-child),.time-slot-bar-wrap .time-slot:nth-last-child(-n+1){width:calc(100% / var(--tsb-hour-count))!important;border-top:none!important;border-bottom:none!important}.time-slot-bar-wrap .time-slot-reservation{pointer-events:none;z-index:1;position:relative;width:100%!important;height:0!important}.time-slot-bar-wrap .time-slot-reservation>div{position:absolute;top:calc(-1 * var(--tsb-bar-height-pc))!important;height:var(--tsb-bar-height-pc)!important;width:calc(var(--tsb-w,0) * var(--tsb-unit-px))!important;left:calc(var(--tsb-l,0) * var(--tsb-unit-px))!important;border:none!important}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-reservation>div{top:calc(-1 * var(--tsb-bar-height-sp))!important;height:var(--tsb-bar-height-sp)!important}}.time-slot-bar-wrap .timeline-overlay{z-index:2;flex-direction:row;display:flex;top:calc(-1 * var(--tsb-bar-height-pc))!important;margin-bottom:calc(-1 * var(--tsb-bar-height-pc))!important;height:var(--tsb-bar-height-pc)!important;pointer-events:none!important;width:100%!important;position:relative!important}.time-slot-bar-wrap .time-slot-overlay-cell{pointer-events:none;flex:1 1 0;min-width:0;height:100%}@media screen and (max-width:768px){.time-slot-bar-wrap .timeline-overlay{top:calc(-1 * var(--tsb-bar-height-sp))!important;margin-bottom:calc(-1 * var(--tsb-bar-height-sp))!important;height:var(--tsb-bar-height-sp)!important}}.time-slot-bar-wrap .time-slot-edge-container{pointer-events:none;z-index:5;transform:translateY(-50%);height:var(--tsb-selection-height-pc)!important;width:100%!important;margin:0!important;position:absolute!important;top:50%!important;left:0!important;right:0!important}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-edge-container{height:var(--tsb-selection-height-sp)!important}}.time-slot-bar-wrap .time-slot-selection{height:100%;top:0;left:calc(var(--tsb-sel-l,0) * 100%);width:calc(var(--tsb-sel-w,0) * 100%);background-color:var(--tsb-color-white);min-width:8px;box-shadow:inset 0 0 0 2px var(--tsb-color-border-strong);pointer-events:none;z-index:3;border-radius:4px;padding:0;overflow:visible;box-sizing:border-box!important;border:none!important;position:absolute!important}.time-slot-bar-wrap .time-slot-selection-body{box-sizing:border-box;border-radius:4px;position:absolute;inset:0;overflow:hidden}.time-slot-bar-wrap .time-slot-selection-fill{background-color:var(--tsb-color-fill);border-radius:1px;position:absolute;inset:3px}.time-slot-bar-wrap .time-slot-selection-grid{top:calc((var(--tsb-selection-height-pc) - var(--tsb-bar-height-pc)) / 2);bottom:calc((var(--tsb-selection-height-pc) - var(--tsb-bar-height-pc)) / 2);left:calc(-1 * var(--tsb-sel-l,0) / var(--tsb-sel-w,1) * 100%);width:calc(100% / var(--tsb-sel-w,1));pointer-events:none;z-index:1;display:none;position:absolute;overflow:hidden}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-selection-grid{top:calc((var(--tsb-selection-height-sp) - var(--tsb-bar-height-sp)) / 2);bottom:calc((var(--tsb-selection-height-sp) - var(--tsb-bar-height-sp)) / 2)}}.time-slot-bar-wrap .time-slot-selection.has-grid .time-slot-selection-grid{display:block}.time-slot-bar-wrap .time-slot-sel-grid-solid{width:1px;top:0;bottom:0;left:calc(var(--line-col,0) * 100% / var(--tsb-hour-count));background-color:var(--tsb-color-grid);position:absolute;transform:translate(-50%)}.time-slot-bar-wrap .time-slot-sel-grid-dot{width:1px;top:0;bottom:0;left:calc(var(--line-col,0) * 100% / var(--tsb-hour-count));background-image:repeating-linear-gradient(to bottom, var(--tsb-color-grid) 0, var(--tsb-color-grid) 2px, transparent 2px, transparent 5px);position:absolute;transform:translate(-50%)}.time-slot-bar-wrap .time-slot-selection.has-error{box-shadow:inset 0 0 0 2px var(--tsb-color-error-border)}.time-slot-bar-wrap .time-slot-selection.has-error .time-slot-selection-fill{background-color:var(--tsb-color-error-fill)}.time-slot-bar-wrap .time-slot-selection.has-error .time-slot-edge-handle{border-color:var(--tsb-color-error-border)!important}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-selection{min-width:6px}}.time-slot-bar-wrap .time-slot-selection .time-slot-edge-handle{visibility:hidden}.time-slot-bar-wrap .time-slot-handle-portal-clip{--tsb-handle-overhang:6px;top:0;bottom:0;left:calc(var(--tsb-arrow-width) - var(--tsb-handle-overhang));right:calc(var(--tsb-arrow-width) - var(--tsb-handle-overhang));pointer-events:none;z-index:9;position:absolute;overflow:hidden}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-handle-portal-clip{--tsb-handle-overhang:5px}}.time-slot-bar-wrap .time-slot-handle-portal{top:0;bottom:0;left:var(--tsb-handle-overhang);width:calc((100% - 2 * var(--tsb-handle-overhang)) * var(--tsb-hour-count) / 17);pointer-events:none;will-change:transform;height:100%;transition:transform .32s ease-out;position:absolute}.time-slot-bar-wrap .time-slot-edge-handle{pointer-events:none;z-index:5;transition:transform .15s;overflow:hidden;box-sizing:border-box!important;background-color:var(--tsb-color-white)!important;border:2px solid var(--tsb-color-border-strong)!important;border-radius:16px!important;width:12px!important;height:64px!important;margin:0!important;padding:1px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.time-slot-bar-wrap .time-slot-handle-portal .time-slot-edge-handle.left{visibility:visible;left:calc(var(--tsb-sel-l,0) * 100%)!important}.time-slot-bar-wrap .time-slot-handle-portal .time-slot-edge-handle.right{visibility:visible;left:calc((var(--tsb-sel-l,0) + var(--tsb-sel-w,0)) * 100%)!important}.time-slot-bar-wrap .time-slot-handle-portal-hit{pointer-events:auto;cursor:ew-resize;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;width:44px;height:72px;position:absolute;top:50%;transform:translate(-50%,-50%)}.time-slot-bar-wrap .time-slot-handle-portal-hit.left{left:calc(var(--tsb-sel-l,0) * 100%)}.time-slot-bar-wrap .time-slot-handle-portal-hit.right{left:calc((var(--tsb-sel-l,0) + var(--tsb-sel-w,0)) * 100%)}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-handle-portal-hit{width:52px;height:64px}}.time-slot-bar-wrap .time-slot-selection .time-slot-edge-handle.left{left:0!important}.time-slot-bar-wrap .time-slot-selection .time-slot-edge-handle.right{left:100%!important}.time-slot-bar-wrap.has-selection-error .time-slot-handle-portal .time-slot-edge-handle{border-color:var(--tsb-color-error-border)!important}.time-slot-bar-wrap .time-slot-edge-handle:before{content:"";background-color:var(--tsb-color-white);box-sizing:border-box;border-radius:13px;width:100%;height:100%;display:block}.time-slot-bar-wrap .time-slot-edge-handle.active{transform:translate(-50%,-50%)scaleX(1.12)!important}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-edge-handle{border-width:2px!important;width:10px!important;height:52px!important;padding:1px!important}.time-slot-bar-wrap .time-slot-edge-handle:before{border-radius:14px}}.time-slot-bar-wrap .time-slot-edge-circle{display:none!important}.time-slot-bar-wrap .time-slot-edge-hit{cursor:ew-resize;pointer-events:auto;z-index:5;background-color:#0000;width:32px;height:100%;position:absolute;top:0;transform:translate(-50%)}.time-slot-bar-wrap .time-slot-edge-hit.left{left:0}.time-slot-bar-wrap .time-slot-edge-hit.right{left:100%}@media screen and (max-width:768px){.time-slot-bar-wrap .time-slot-edge-hit{width:24px}}.time-slot-bar-wrap .time-slot-move-hit{cursor:grab;pointer-events:auto;z-index:5;background-color:#0000;position:absolute;inset:0}.time-slot-bar-wrap .time-slot-move-hit:active{cursor:grabbing}.time-slot-bar-wrap .time-slot-bg-grey-blue{background:var(--color-blue-007);background-image:linear-gradient(var(--color-white-001), var(--color-white-001));background-repeat:no-repeat}.time-slot-bar-wrap .time-slot-bg-blue-grey{background:var(--color-white-001);background-image:linear-gradient(var(--color-blue-007), var(--color-blue-007));background-repeat:no-repeat}.time-slot-bar-wrap .time-slot-bg-grey-dark-blue{background:var(--color-blue-005);background-image:linear-gradient(var(--color-white-001), var(--color-white-001));background-repeat:no-repeat}.time-slot-bar-wrap .time-slot-bg-dark-blue-grey{background:var(--color-white-001);background-image:linear-gradient(var(--color-blue-005), var(--color-blue-005));background-repeat:no-repeat}.time-slot-bar-wrap .p25{background-size:25% 100%!important}.time-slot-bar-wrap .p50{background-size:50% 100%!important}.time-slot-bar-wrap .p75{background-size:75% 100%!important}.time-slot-bar-wrap .time-slot-reservation{transition:all .1s ease-out}.time-slot-bar-wrap .time-slot-reservation>div{transition:width .1s ease-out,left .1s ease-out,background-color .15s}.time-slot-bar-wrap.is-sliding .time-slot-reservation,.time-slot-bar-wrap.is-sliding .time-slot-reservation>div,.time-slot-bar-wrap.is-sliding .time-slot,.time-slot-bar-wrap.is-sliding .time-slot-selection,.time-slot-bar-wrap.is-sliding .time-slot-edge-handle{transition:none!important}.time-slot-bar-wrap .time-slot-edge-handle{transition:transform .15s}.time-slot-bar-wrap.is-dragging .time-slot-selection,.time-slot-bar-wrap.is-dragging .time-slot-edge-handle{transition:none!important}