@charset "utf-8";
.space-main .body { overflow:hidden !important;}

.rv-wrapper { height:100%; display: flex; bottom:0; flex-direction: column; border-top:1px solid #ddd; overflow-x:auto;}

.surfaceHeader { display:flex; flex-shrink: 0;width:65px; border-bottom:1px solid #ddd; }
.rv-header-wrap { padding-right:18px;}
.rv-header { display:flex; }
.surfaceHeader { display:flex; flex-shrink: 0;}
.rv-header-week { margin-bottom:-75vh; overflow:hidden; padding-bottom:75vh; display:flex; flex-grow:1; margin-left:-10px; padding-left:10px;}
.rv-header-week-header { margin-right:15px; min-width:560px; border-right:1px solid #ddd; flex-grow:1; position:relative;}
.rs-header-week-header { margin-right:15px; min-width:200px; border-right:1px solid #ddd; flex-grow:1; position:relative;}
.rv-header-week-title { padding:5px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.rv-header-week-day { height:53px; min-height:53px; display:flex; flex-direction: row; width:100%; border-bottom:1px solid #ddd; background:#faf9f8;}
.rs-header-week-day { height:53px; min-height:53px; display:flex; flex-direction: row; width:100%; border-bottom:1px solid #ddd;}
.rv-header-week-day-item {  padding:2px 10px; border-left:1px solid #ddd; box-sizing:border-box; overflow:hidden; position:relative; flex-basis:14.2857%;}
.rv-header-week-day-item span { display:block; }
.rv-today { border-bottom:2px solid blue; font-weight:600; color:blue;}

.rv-body-wrap {  overflow-y:scroll; overflow-x:hidden; display: flex; flex:1 1 auto; height:auto; min-width:1800px;}
.rs-body-wrap {  overflow-y:scroll; overflow-x:hidden; display: flex; flex:1 1 auto; height:auto; min-width:1350px;}
.rv-timeline { width:65px; display: flex; flex-shrink: 0; }
.rv-timeline-data { display: flex; flex-direction: column; flex-grow:0; flex-shrink: 0; position: relative; height:1440px; width:48px;}
.rv-timeline-data > .columns{  width:66px; height:30px; border-width:0px 1px 1px 0;border-style:solid;  border-color:#ddd;}
.rv-timeline-data > .columns:nth-child(2n-1) { border-bottom-style:dashed;}
.rv-timeline-data > .columns .time { font-weight:400;  font-size:13px; text-align:center;}

.rv-timeline-body {  position:relative; display:flex; flex-grow:1; height:inherit;}
.rv-time-group { height:1440px; display: flex; }
.rv-time-item { margin-right:15px; min-width:560px; display:flex; border-right:1px solid #ddd; border-left:1px solid #ddd; flex-direction: column; flex-grow:1;  position:relative; width:100%;}
.rs-time-item { margin-right:15px; width:200px; display:flex; border-right:1px solid #ddd; border-left:1px solid #ddd; flex-direction: column; flex-grow:1;  position:relative;}

.rv-time-item .rows {display: flex; width:100%;}
.rv-time-item .rows .data {width:100%; height: 30px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.rv-time-item .rows .data:last-child {border-right:none;}
.rv-time-item .rows .data .time {font-weight:400; text-align: right; font-size:13px;}
.rv-time-item .rows .data .item-wrap { display: flex; align-items: flex-start;}
.rv-time-item .rows .data .item-wrap {position:relative;}
/* .rv-time-item .rows .data .item-wrap .item {margin:0 1px;} */
.rv-time-item .rows .data .time {font-weight:400; text-align: right; font-size:13px;}
.rv-time-item .rows .data .item-wrap .contents { font-weight:400;}
.rv-time-item .rows .data .item-wrap .item {overflow: hidden; line-height:1.16; letter-spacing: -0.05em; width:100%; word-break:break-word; transition:0.2s;}

.rs-time-item .rows {display: flex; width:100%;}
.rs-time-item .rows .data {width:100%; height: 30px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.rs-time-item .rows .data:last-child {border-right:none;}
.rs-time-item .rows .data .time {font-weight:400; text-align: right; font-size:13px;}
.rs-time-item .rows .data .item-wrap { display: flex; align-items: flex-start; }
.rs-time-item .rows .data .item-wrap {position:relative;}
/* .rs-time-item .rows .data .item-wrap .item {margin:0 1px;} */
.rs-time-item .rows .data .time {font-weight:400; text-align: right; font-size:13px;}
.rs-time-item .rows .data .item-wrap .contents { font-weight:400;}
.rs-time-item .rows .data .item-wrap .item {overflow: hidden; line-height:1.16; letter-spacing: -0.05em; width:100%; word-break:break-word; transition:0.2s;}



.rv-time-item .rows .data .item-wrap .item .item-detail {position: absolute; left:100%; top:20%; background: #fff; border:1px solid #eaeaea; border-radius:6px; padding:10px; box-shadow: rgb(0 0 0 / 13%) 0px 6.4px 14.4px 0px, rgb(0 0 0 / 11%) 0px 1.2px 3.6px 0px; z-index: 1; width:380px; visibility: hidden; opacity: 0; }
.rv-time-item .rows .data .item-wrap .item:hover .item-detail {visibility: visible; opacity: 1;transition:0.2s; transition-delay: 0.8s;}
.rv-time-item .rows .data .item-wrap .item .item-detail table th{font-size:13px;}
.rv-time-item .rows .data .item-wrap .item .item-detail table td {font-size:13px; word-break: break-all;}
.rv-time-item .rows .data .item-wrap .item .item-detail table td span {color:#000;}

.rv-time-item .rows:nth-child(2n-1) .data {border-bottom-style:dashed;}

.rv-header-week-header .bg-category-1-o {background:rgba(55, 195, 254, 0.5) !important; border-color:rgba(55, 195, 254, 1); color:rgba(0, 96, 137, 1);}
.rv-header-week-header .bg-category-2-o {background:rgba(1, 207, 201, 0.3) !important; border-color:rgba(1, 207, 201, 1);  color:rgba(0, 82, 80, 1);}
.rv-header-week-header .bg-category-3-o {background:rgba(255, 119, 119, 0.3) !important; border-color:rgba(255, 119, 119, 1); color:rgba(220, 67, 67, 1);}
.rv-header-week-header .bg-category-4-o {background:rgba(255, 164, 81, 0.3) !important; border-color:rgba(255, 164, 81, 1); color:rgba(169, 90, 19, 1);}
.rv-header-week-header .bg-category-5-o {background:rgba(255, 200, 10, 0.3) !important; border-color:rgba(255, 200, 10, 1); color:rgba(116, 94, 17, 1);}
.rv-header-week-header .bg-category-6-o {background:rgba(157, 233, 107, 0.3) !important; border-color:rgba(157, 233, 107, 1); color:rgba(81, 156, 31, 1);}
.rv-header-week-header .bg-category-7-o {background:rgba(255, 175, 254, 0.3) !important; border-color:rgba(255, 175, 254, 1); color:rgba(201, 48, 199, 1);}
.rv-header-week-header .bg-category-8-o {background:rgba(254, 121, 169, 0.3) !important; border-color:rgba(254, 121, 169, 1); color:rgba(220, 41, 106, 1);}
.rv-header-week-header .bg-category-9-o {background:rgba(162, 156, 254, 0.3) !important; border-color:rgba(162, 156, 254, 1); color:rgba(87, 65, 255, 1);}
.rv-header-week-header .bg-category-10-o {background:rgba(102, 96, 232, 0.3) !important; border-color:rgba(102, 96, 232, 1); color:rgba(70, 64, 201, 1);}

.rs-time-item .rows .data .item-wrap .item .item-detail {position: absolute; left:calc(100% + 20px); background: #fff; border:1px solid #eaeaea; border-radius:6px; padding:10px; box-shadow: rgb(0 0 0 / 13%) 0px 6.4px 14.4px 0px, rgb(0 0 0 / 11%) 0px 1.2px 3.6px 0px; z-index: 1; width:380px; visibility: hidden; opacity: 0; top: -30px;}
.rs-time-item .rows .data .item-wrap .item:hover .item-detail {visibility: visible; opacity: 1;transition:0.2s; transition-delay: 0.8s;}
.rs-time-item .rows .data .item-wrap .item .item-detail table th{font-size:13px;}
.rs-time-item .rows .data .item-wrap .item .item-detail table td {font-size:13px; word-break: break-all;}
.rs-time-item .rows .data .item-wrap .item .item-detail table td span {color:#000;}

.rs-time-item .rows:nth-child(2n-1) .data {border-bottom-style:dashed;}

.rs-header-week-header .bg-category-1-o {background:rgba(55, 195, 254, 0.5) !important; border-color:rgba(55, 195, 254, 1); color:rgba(0, 96, 137, 1);}
.rs-header-week-header .bg-category-2-o {background:rgba(1, 207, 201, 0.3) !important; border-color:rgba(1, 207, 201, 1);  color:rgba(0, 82, 80, 1);}
.rs-header-week-header .bg-category-3-o {background:rgba(255, 119, 119, 0.3) !important; border-color:rgba(255, 119, 119, 1); color:rgba(220, 67, 67, 1);}
.rs-header-week-header .bg-category-4-o {background:rgba(255, 164, 81, 0.3) !important; border-color:rgba(255, 164, 81, 1); color:rgba(169, 90, 19, 1);}
.rs-header-week-header .bg-category-5-o {background:rgba(255, 200, 10, 0.3) !important; border-color:rgba(255, 200, 10, 1); color:rgba(116, 94, 17, 1);}
.rs-header-week-header .bg-category-6-o {background:rgba(157, 233, 107, 0.3) !important; border-color:rgba(157, 233, 107, 1); color:rgba(81, 156, 31, 1);}
.rs-header-week-header .bg-category-7-o {background:rgba(255, 175, 254, 0.3) !important; border-color:rgba(255, 175, 254, 1); color:rgba(201, 48, 199, 1);}
.rs-header-week-header .bg-category-8-o {background:rgba(254, 121, 169, 0.3) !important; border-color:rgba(254, 121, 169, 1); color:rgba(220, 41, 106, 1);}
.rs-header-week-header .bg-category-9-o {background:rgba(162, 156, 254, 0.3) !important; border-color:rgba(162, 156, 254, 1); color:rgba(87, 65, 255, 1);}
.rs-header-week-header .bg-category-10-o {background:rgba(102, 96, 232, 0.3) !important; border-color:rgba(102, 96, 232, 1); color:rgba(70, 64, 201, 1);}





