@charset "UTF-8";
/* calendar
---------------------------------------------------------- */

/* カレンダー
---------------------------------------------------------- */

.container {
    flex: 1 1 auto;
}

/* .left_content
---------------------------------------------------------- */
.left_content .label_set_left {
    width: 315px;
    text-align: left;
}
.left_content .label_set_left1 {
    padding: 2px 0 5px 0;
}
.left_content .label_set_left1 .label_set_left1_text {
    font-size: 86%;
    margin: 5px 0;
    padding-right: 5px;
}
.left_content .label_set_left2 {
    padding: 8px 0 8px 10px;
}
.left_content hr {
    margin: 10px;
}

/* .left_contener */

.left_content #left_box1 {
    height: 115px;
}
.left_content #left_box1 .scrollContainerWrap {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.left_content #left_box1 .btn_wrap .btn_inner:first-child {
    border-bottom: none;
}
.left_content #left_box2 {
    /*height: 100%;*/
    background: #eee;
}
.left_content #left_box2 .scrollContainerWrap {
    height: 100%;
    overflow: auto;
}
.left_content #left_box1 .scrollContainerWrap .scrollContainer {
    height: 100%;
}
.left_content #left_box2 table {
    background: #fff;
}

#left_box2 .content_inner {
    overflow: auto;
    flex: 1 1 auto;
    height: 100%;
    /*min-height: 140px;*/
    /*background: #FFF;*/
}
.left_content #left_box2 {
    display: flex;
    flex-direction: column;
    background: #eee;
    padding: 0;
    overflow-y: auto;
    overflow-x: inherit;
}
.left_content #left_box3 {
    flex: 1 1 auto;
    background: #eee;
}
.left_content .schedule_balk {
    padding: 5px 10px 0 10px;
}
.left_content .schedule_balk ul {
    border-bottom: 1px dotted #707070;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.left_content .schedule_balk ul li {
    float: left;
    line-height: 1.8;
    margin-right: 15px;
}

/* .left_content_top */
.left_content_top .scrollContainerWrap .scrollContainer {
    width: 315px;
}
.left_content_top .accordion {
    padding: 2px;
}
.left_content_top .accordion .terminalSwitch {
    width: 276px;
}
.left_contener #left_box2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative;
    padding: 0;
    overflow-y: auto;
    overflow-x: inherit;
}
.left_contener #left_box3 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative;
}
.left_contener .inputTop {
    font-size: 93%;
    text-align: left;
    margin-bottom: 5px;
}
.left_contener .right_Box .button_style_blue:active {
    margin-top: 0px;
    transform: translate3d(0, 2px, 0)!important;
}
.left_contener .tab-wrap {
    height: 27px;
}
.left_contener #common_tab {
    height: 100%;
    min-height: 150px;
}

.left_content span.btn_point:after {
    position: absolute;
    content: "";
    display: block;
    left: -10px;
    top: 0;
    border-bottom: 15px solid #00427D;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.left_content .create_box {
    height: 30px;
    float: right;
    margin-right: 10px;
}
.left_content .create_box ul {
    float: right;
}
.left_content .table_inner {
    padding: 10px 10px 0 10px;
}
.left_content .table_inner ul li {
    float: left;
    padding: 5px 15px 0px 0px;
}

/* @note add start refs:#3199 */
#search_box .border_bottom_box {
    margin: 0 10px;
    border-top: 1px dotted #999;
    border-bottom: 0;
    padding: 15px 0;
    /* overflow: visible; */
    text-align: left;
}

#search_box .label_set {
    display: flex;
}

#search_box .label_set_left {
    width: 100px;
}

#search_box .border_bottom_box .refine_box {
    padding: 0;
    border: none;
    margin-left: 0;
}
/* @note add end refs:#3199 */
  
#left_resize_box_in_1 .scrollContainerWrap {
    height: 100%;
    overflow: auto;
    width: 100%;
}
#left_resize_box_in_2 {
    background: #EEEEEE;
}
span.btn_point {
    top: -20px;
}
span.btn_point img {
    z-index: 1;
    position: absolute;
    left: 2px;
    top: 10px;
}
span.btn_point {
    position: relative;
    width: 20px;
    top: -10px;
    left: 50%;
    display: inline-block;
}
label.sunday,
label.holiday {
    color: #CC3333;
}
label.saturday {
    color: #3366CC;
}
.left_content td .thumbnail_inner {
    padding: 5px;
    margin: 1px 0px;
}
.detail_wrap tr.active:hover td .thumbnail_inner {
    opacity: 1;
}
.detail_wrap tr.active .thumbnail_inner {
    border-top: 1px solid #00427D;
    border-bottom: 1px solid #00427D;
    background: #CCD9E5!important;
}
.detail_wrap tr:hover td .thumbnail_inner,
.calendar_wrap tr:hover td:not(.disabled) {
    opacity: 1;
    background: #E4EBF1;
}
.calendar_wrap tr:hover td:not(.disabled) {
    background: #D9E3F0;
}
.detail_wrap tr.active td .thumbnail_inner,
.calendar_wrap tr.active td:not(.disabled) {
    opacity: 1;
    background: #D9E3F0;
}
.calendar_wrap tr.active td:not(.disabled) {
    background: #D9E3F0;
}
#common_tab .table_wrap {
    height: 100%;
}
.tab-gray.schedule_class li a {
    background: url(../../../img/ico_click_arrow.png) no-repeat 5px center #999999;
    color: #fff;
}
.tab-gray.schedule_class li a.disabled {
    background: #EAEAEA;
    color: #C6C6C6;
}
.tab-gray.schedule_class li a.current {
    background: url(../../../img/ico_arrow_b.png) no-repeat 3px center #CCCCCC;
    color: #333333;
}


/* .right_content
---------------------------------------------------------- */
.right_content {
    float: none;
    width: 100%;
    height: auto;
    flex: 1 1 auto;
}
.right_content table {
    min-width: auto;
}
.right_content .table_wrap {
    flex: 1 1 auto;
}
.right_content .scrollContainerWrap {
    flex: 1 1 auto;
    overflow: auto;
}
.right_content_in {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.right_content_in .btn_inner_left {
    float: left;
}
.right_content_in .btn_inner_left .selectstyle {
    padding: 1px 24px 1px 5px;
    margin-right: 5px;
    background: url(../../../img/ico_arrow_b.jpg) no-repeat 90% 50% #fdfdfd;
    /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGFkYWRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: url(../../../img/ico_arrow_b.jpg) no-repeat 90% 50%, -moz-linear-gradient(top, #fdfdfd 26%, #dadada 100%);
    /* FF3.6-15 */
    background: url(../../../img/ico_arrow_b.jpg) no-repeat 90% 50%, -webkit-linear-gradient(top, #fdfdfd 26%, #dadada 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url(../../../img/ico_arrow_b.jpg) no-repeat 90% 50%, linear-gradient(to bottom, #fdfdfd 26%, #dadada 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dadada', GradientType=0);
    /* IE6-8 */

}
.right_content .calendarTabWrap {
    flex: 0 0 auto;
    position: relative;
}
.right_content .calendarCategoryWrap {
    min-height: calc(100% - 72px);
    box-sizing: border-box;
    padding-bottom: 35px;
}
.right_content .edit_box ul {
    margin-bottom: 10px;
}
.right_content .edit_box ul li:first-child {
    border-right: 1px solid #999;
    padding-right: 10px;
}
.right_content .edit_box ul li:last-child {
    padding-left: 8px;
}
.right_content .create_button_wrap2 {
    position: absolute;
    bottom: 8px;
    right: 17px;
}
.right_content .create_button_wrap2 li {
    font-size: 91%;
    float: left;
    width: 65px;
    padding: 2px 0 1px !important;
}
.right_content .create_button_wrap2 li:first-child {
    color: #72B8D1;
    margin-right: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #72B8D1;
    border-image: initial;
}
.right_content .create_button_wrap2 li:last-child {
    color: #D8663F;
    background: #F5DDD5;
    border-width: 2px;
    border-style: solid;
    border-color: #F5DDD5;
    border-image: initial;
}
.right_content span.content_update {
    background: url(../../../img/ico_update.png) no-repeat center center #FFF;
    padding: 10px;
    margin: 0px 3px -3px 0px;
}
.right_content .btn_inner_right {
    float: right;
    text-align: right;
}
.right_content .btn_wrap .btn_inner {
    padding: 8px 5px 1px 5px;
}
.right_content .btn_inner_right span.button_style {
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 0 rgba(204, 204, 204, 1);
}
.right_content .btn_inner_right a:active span.button_style {
    transform: translate3d(0, 2px, 0)!important;
    box-shadow: 0px;
}

.btn_inner_right .edit_box {
    float: left;
    width: auto;
    margin-top: 0px;

    display: block;
    width: 100%;
}
.btn_inner_right input {
    margin: 0px 10px 0px;
}
.btn_inner_right label {
    float: left;
}
.btn_inner_right #delete .button_style {
    width: 19px;
    height: 23px;
    background: url(../../../img/ico_delete_skyblue.png) no-repeat center 3px;
    padding: 0;
    margin: 0px 3px -5px 0px;
    box-shadow: none;
}
.refine_box {
    clear: both;
    border-left: 0px;
    padding: 0px;
    margin-left: 0px;
}
.detail_wrap table {
    width: 1000px;
    height: auto;
}


/* 右領域のスクロール */
.right_content .scrollContainer {
    overflow: auto;
    height: 100%;
}
.right_content .cell_inner {
    padding: 5px;
}
.right_content .table_wrap.view_table table td {
    min-width: 25px;
    border-bottom: none;
}
.right_content .table_wrap.view_table table tr.ellipsis td:nth-child(n+3) {
    max-width: 200px;
}
.right_content .table_wrap.view_table table tr.ellipsis td:nth-child(n+3) span.title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.right_content .table_wrap.view_table table td.disabled{
    text-align: center;
    padding: 5px;
}
.right_content .table_wrap.view_table table td:first-child {
    padding-bottom: 6px;
}
.calendar_category_tab {
  width: 100%;
  display: flex;
  border-bottom: 3px solid var(--color-bg-03);
}
.calendar_category_tab li{
  font-size: 108%;
  color: #ffffff;
  padding: 6px 15px 5px 25px;
  background: #298CB4;
  border-right: 1px solid #015E84;
  flex-grow: 1;
  cursor: pointer;
}
.calendar_category_tab li:not(.select):hover {
  background: #00427D;
  opacity: 0.65;
}
.calendar_category_tab li:last-child{
  border-right: none;
}
.calendar_category_tab li.select{
  background: #015E84;
  cursor: inherit;
}
.calendar_category_tab li.select span{
  padding: 0 3px 1px 3px;
  border-bottom: 2px solid #ffffff;
}
.right_content .calendarTabWrap {
    overflow: hidden;
    height: 33px;
    width: 100%;
}
.calendarTabBox {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    height: 50px;
}
.calendar_tab {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 940px;
    width: 100%;
    padding-left: 1px;
    border-bottom: 5px solid #000;
    padding-top: 5px;
    background: #FFFFFF;
}
.calendar_tab li {
    background: #298CB4;
    padding: 5px 12px 3px;
    border-radius: 4px 4px 0px 0px;
    /* CSS3草案 */
    -webkit-border-radius: 4px 4px 0px 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px 4px 0px 0px;
    /* Firefox用 */
    color: #FFF;
    cursor: pointer;
    float: left;
    margin-right: 1px;
}
.calendar_tab li:not(.disabled):not(.select):hover {
    background: #00427D;
    opacity: 0.65;
}
.calendar_tab li.select {
    background: #000000;
    padding: 7px 15px 5px;
    margin-top: -4px;
    cursor: default;
}
.calendar_tab li.select:hover {
    opacity: 1;
}
.right_content .table_wrap .table_inner,
.calendar_wrap {
    height: 100%;
}
.calendar_inner {
    height: 100%;
}
.calendar_inner table th:nth-child(1) {
    width: 65px !important;
    min-width: 65px !important;
    padding: 0;
}
.calendar_inner table th:nth-child(2) {
    width: 36px !important;
    min-width: 36px !important;
    padding: 0;
}
.calendar_inner table th:nth-child(n+3) {
    min-width: 200px;
}
/*
.calendar_inner table th:nth-child(4),
.calendar_inner table th:nth-child(5),
.calendar_inner table th:nth-child(6) {
    width: 33%;
}*/
.calendar_inner table tbody>tr:hover td {
    opacity: 1;
}
.calendar_inner table td {
    padding: 2px 10px;
    vertical-align: middle !important;
}
.calendar_inner table td input {
    border: 0px;
}
.calendar_inner tr.saturday td:nth-child(2) {
    color: #3366CC;
}
.calendar_inner tr.sunday td:nth-child(2),
.calendar_inner tr.holiday td:nth-child(2) {
    color: #CC3333;
}
.calendar_inner table td:not(.disabled) > span:not(.drop_area) {
    background: #D9E3F0 url(../../../img/img_triangle_sche.png) right bottom no-repeat;
    display: block;
    padding: 5px 7px;
    word-wrap: break-word;
    cursor: pointer;
    line-height: 1.6;
    text-align: center;
    border: 2px solid #D9E3F0;
    z-index:80;
}
.calendar_inner table td:not(.disabled) > span:hover {
    border: 2px solid #9DB4D5;
}
.calendar_inner table td:not(.disabled) > span.active,
.calendar_inner table td:not(.disabled) > span.approval_pending.active {
    border: 2px solid #00427D;
}
.calendar_inner table td:not(.disabled) > span.draggable_schedule:hover {
    background-color: #FFFFBD;
    border: 2px solid #9DB4D5;
}
.calendar_inner table td:not(.disabled) > span.draggable_schedule.active {
    background-color: #FFFFBD;
    border: 2px solid #00427D;
}
.calendar_inner table td .schedule-icon-list {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}
.calendar_inner table td .schedule-icon-list li{
    position: relative;
}
.calendar_inner table td span .schedule-icon-list li:nth-child(2){
    margin-left: 2px;
}
.calendar_inner table td .schedule-icon-list .tooltip{
    min-width: 182px;
    padding: 10px;
    display: none;
    color: #666666;
    background: #fff;
    box-shadow: 0 2px 3px rgba(000, 000, 000, .3);
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    z-index: 100;
}
.calendar_inner table tr:first-child td .schedule-icon-list .tooltip{
    bottom: auto;
    top: 16px;
}
.calendar_inner table td:last-child .schedule-icon-list .tooltip{
    transform: translateX(-100%);
}
.calendar_inner table td .schedule-icon-list li:hover .tooltip{
    display: block;
    animation: show 0.3s linear 0s;
    line-height: 1.5;
    text-align: center;
}
.calendar_inner table td .schedule-icon-list li .tooltip:hover{
    border: none;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.calendar_inner table .drop_area {
    border: 2px solid #9DB4D5;
    background: #D9E3F0;
    color: #617EB1;
    cursor: pointer;
    display: block;
    line-height: 3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.calendar_inner table .drop_area.active{
    background: #FFFF99;
}
.btn_inner_left .button_style_glay,
.calendar_inner table .button_style_glay {
    background: #CCCCCC;
    display: inline-block;
    padding: 2px 12px;
    color: var(--color-btn-gray_col);
    border-radius: 10px;
    box-shadow: 0 2px 0 rgba(163, 163, 163, 1);
}
.btn_inner_right .button_style_glay,
.calendar_inner table .button_style_glay {
    background: #CCCCCC;
    display: inline-block;
    padding: 2px 12px;
    color: #00407F;
    border-radius: 10px;
    box-shadow: 0 2px 0 rgba(163, 163, 163, 1);
}
.calendar_inner table .button_style_glay {
    padding: 2px 10px;
    cursor: pointer!important;
}
.calendar_inner table .button_style_glay.icon_search {
    width: 55px;
    background-image: url(../../../img/btn_search_skyblue.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 6px 15px 4px 20px;
    border-radius: 5px;
    text-align: center;
    color: var(--color-bg-01)
    font-size: 108%;
}



/* .modal */
.modal .modal_line_bottom .scrollContainerWrap {
    overflow: auto;
    height: calc(100% - 50px);
    flex: 1 1 auto;
}
.modal .modal_line_bottom .scrollContainerWrap .scrollContainer {
    overflow: hidden;
    height: 100%;
}
#modal-table td:first-child img {
    width: 50px;
}
.modal h3 span:not(.title) {
    font-weight: normal;
}
.modal .bottomBox {
    height: 100%;
    margin-bottom: 1px;
    position: relative;
}
.modal .bottomBox span.btn_point {
    top: -20px;
    width: 15px;
    height: 15px;
    left: 50%;
}
.modal .bottomBox span.btn_point img {
    top: 10px;
    left: 2px;
}
.modal .bottomBox .bottomBoxHead {
    background: #00427D;
    width: 100%;
    left: -1px;
    top: -1px;
    border-right: solid 2px #00427D;
    border-bottom: solid 2px #00427D;
}
.modal .modal_body_in {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
}
.modal .modal_body_in .bottomPush {
    height: 100px;
}
.modal_bottom {
    text-align: center;
}
.modal .modal_bottom .ok_btn {
    margin: 0px auto;
    text-align: center;
}
.bottomBox .bottomBoxIn {
    padding: 10px;
}
.bottomBox p {
    text-align: left;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#modal_box2 {
    height: 100px;
    overflow: auto;
    display: flex;
    align-items: center;
}
#modal_box2 p {
    padding-left: 20px;
}
.modal ul li.all span:not(.label) {
    background: #DAEBFD;
    padding: 4px 15px;
}
.modal ul li.group span:not(.label) {
    background: #E0EEC2;
    padding: 4px 15px;
}
.modal ul li.individual span:not(.label) {
    background: #F5E8B2;
    padding: 4px 15px;
}
.modal div h3 {
    background: #003E81;
    color: #FFF;
    padding: 10px;
    font-size: 116%;
    text-align: center;
}
.modal .btn_point {
    top: -5px;
    display: block;
}
.modal table tr.all:not(.bg_gray):not(.active):not(:hover) td {
    background: #DAEBFD;
}
.modal table tr.gray td {
    background: #EEEEEE;
}
.modal table tr.group:not(.bg_gray) td {
    background: #E0EEC2;
}
.modal table tr.terminal:not(.bg_gray) td {
    background: #F5E8B2;
}
.modal table td {
    text-align: center;
    height: auto;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

#day .modalBottomResizeBox {
    width: 100%;
    bottom: 0;
    left: 0;
}
#day .modalBottomResizeBox .bottomBox {
    width: 100%;
    background: #FFF;
    box-sizing: border-box;
    bottom: 0;
    min-height: 0;
    height: 100px;
}
#day .modal_bottom .cancel_button,
#day .modal_bottom .ok_button {
    margin: 0 auto;
    float: none;
}
#day .modal_line_bottom {
    margin: 0px;
    height: 550px;
}
#day .modal_line_bottom .flame_preview a span {
    width: 180px;
    margin-bottom: 10px;
    background: #CCCCCC;
    display: inline-block;
    padding: 4px 10px 3px 10px;
    color: #00407F;
    border-radius: 10px;
    box-shadow: 0 2px 0 rgba(163, 163, 163, 1);
    cursor: pointer;
}
#day ul.clearfix {
    margin: 12px 0 0 20px;
}
#day ul.clearfix li {
    float: left;
    margin-right: 10px;
}
#day ul.clearfix li span:not(.label) {
    margin-right: 5px;
}
#day table {
    width: 100%;
}
#day table th {
    padding: 8px 0px;
    vertical-align: top;
    background: #EEEEEE;
    border: 0px;
    border-right: 1px dotted #AAAAAA;
    white-space: nowrap;
}
#day table td {
    border-right: 1px dotted #AAAAAA;
    border-bottom: 1px solid #999999;
    width: auto;
    min-width: 50px;
}
#day table tbody tr.active {
    border-top: 2px solid #9DB4D5;
    border-bottom: 2px solid #9DB4D5;
    background-color: #CCD9E5;
}
#day table tbody tr.active p{
    border: none;
}
#day table tbody tr:hover:not(.active) {
    border-top: 2px solid #9DB4D5;
    border-bottom: 2px solid #9DB4D5;
    background-color: #E4EBF1 !important;
}
#day table tbody tr.active p{
    border: none;
}
#day table tbody td.bg_gray{
    background: #E6E6E6;
}

#day .text_wrap {
    margin-bottom: 1px;
    text-align: left;
}
#day table th:last-child,
#day table td:last-child {
    border-right: 0px;
}
#day .text_wrap a,
#day .text_wrap span,
#day .text_wrap p {
    display: inline-block;
}
#day .text_wrap span,
#day .text_wrap p {
    margin: 0px;
    padding: 0px;
    text-align: left;
}
#day .text_wrap .extention_icon {
    text-align: center;
}
#day .modal_line_bottom table {
    width: 100%;
}
#day .flameWrap {
    height: 54px;
}
#day .flameWrap .flame_schedule {
    float: left;
    padding: 7px 0 0 0;
}
#day .flameWrap .btn_inner_left {
    float: right;
    padding: 14px 20px 0 0;
}

#schedule {
    width: 700px;
}
#schedule .modal_line_bottom {
    padding: 40px 0px;
}
#schedule .modal_line_bottom span {
    margin-left: 5px;
}
#schedule .modal_line_bottom .day_inner {
    margin-top: 40px;
}
#schedule .modal_line_bottom .day_inner p {
    margin-bottom: 10px;
}
.right_content .btn_inner_right span.button_style:active,
.btnBox span.content_update:active,
.btnBox a span:active,
.right_content td input.button_style:active,
.right_content td input.button_style_glay:active {
    box-shadow: 0px!important;
    box-shadow: none!important;
    transform: translate3d(0, 2px, 0)!important;
    border: 0px!important;
}
.disabled {
    background: #E6E6E6!important;
    cursor: default!important;
    color: #999!important;
}

/* 承認否認・承認待ちの border-style */
.right_content .table_wrap tr.approval_denial td {
    border-top: 1px solid rgb(204, 52, 52);
    border-bottom: 1px solid rgb(204, 52, 52);
}
.right_content .table_wrap tr.approval_denial td:first-child {
    border-left: 1px solid rgb(204, 52, 52);
}
.right_content .table_wrap tr.approval_denial td:last-child {
    border-right: 1px solid rgb(204, 52, 52);
}
.right_content .table_wrap tr.approval_pending td {
    border-top: 1px solid rgb(252, 169, 46);
    border-bottom: 1px solid rgb(252, 169, 46);
}
.right_content .table_wrap tr.approval_pending td:first-child {
    border-left: 1px solid rgb(252, 169, 46);
}
.right_content .table_wrap tr.approval_pending td:last-child {
    border-right: 1px solid rgb(252, 169, 46);
}
/* /承認否認・承認待ちの border-style */

/* style.cssの打消し */
.table_wrap tr.active td>p {
    border-top: 2px solid #9DB4D5;
    border-bottom: 2px solid #9DB4D5;
}
/* /style.cssの打消し */

p.disabled_btn {
    background: url(../../../img/bg_btn_s_on.png) no-repeat center center;
}

.editing{
    border: 2px solid #EE82EE;
    color: #EE82EE;
}

.editing-delete{
    border: 2px solid #EE82EE;
    color: #EE82EE;
    text-decoration: line-through;
}

.calendar_inner table td:not(.disabled) span.approval_pending {
    color: #72B8D1;
    background: #ffffff;
    border: 2px solid #72B8D1;
}

.calendar_inner table td:not(.disabled) span.approval_pending:hover {
    background-color: #FFFFBD;
}

.calendar_inner table td:not(.disabled) span.approval_pending.deleted {
  text-decoration: line-through;
}

.calendar_inner table td:not(.disabled) span.approval_denial {
    color: #D8663F;
    background: #F5DDD5 url(../../../img/img_triangle_sche_orange.png) right bottom no-repeat;
    border: 2px solid #F5DDD5;
}

.calendar_inner table td:not(.disabled) span.approval_denial:hover{
    background-color: #FFFFBD;
}

.calendar_inner table td:not(.disabled) span.approval_denial.deleted {
  text-decoration: line-through;
}

.preview_pager{
    float: right;
    margin-top: 12px!important;
}

.calendar_wrap tr.active td:not(.disabled) {
    border-top: 1px solid #298CB4;
    border-bottom: 1px solid #298CB4;
}

.calendar_wrap tr.active td:first-child:not(.disabled) {
    border-left: 1px solid #298CB4;
}

.calendar_wrap tr.active td:last-child:not(.disabled) {
    border-right: 1px solid #298CB4;
}

.simple-pagination li.disabled {
  background: none!important;
}

.left_content .pager_wrap .simple-pagination span,
.left_content .pager_wrap .simple-pagination a {
    padding: 3px 6px 4px;
    min-width: 10px;
    height: 14px;
    text-align: center;
}

.tab-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* E_カレンダー_同期再生カレンダー */
.calendar_sync_left_box .terminalSwitch>.accordionText  {
  width: 100%;
}

.calendar_sync_left_box .accordion .terminalSwitch {
    margin: 0 0 1px 0;
    padding-left: 0;
    width: 281px;
    position: relative;
    text-align: left;
    cursor: pointer;
}

.calendar_sync_left_box .accordion {
    padding-top: 6px;
}

.calendar_sync_left_box .label_set_left1_text {
  font-weight: normal;
}

.calendar_sync_left_box .tab-wrap-update {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  margin-bottom: 10px;
}

.calendar_sync_left_box span.content_update {
    width: 19px;
    height: 17px;
    background: url(../../../img/ico_update.png) no-repeat center center #FFF;
    margin: -2px 3px 0 0px;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 2px 0 rgba(0,0,0,0.16);
}

.calendar_sync_left_box .border_bottom_box.border_none {
  border: 0;
  padding: 1px 0 5px 0;
}

.calendar_sync_left_box .border_bottom_box.border_none .schedule_pager ul {
  justify-content: center;
}

.left_content.calendar_sync_left_box #left_box3 {
    padding-bottom: 3px;
}

.calendar_inner table td .drop_area .schedule-icon-list {
    display: flex;
    position: absolute;
    top: -5px;
    right: 0;
}

/* E_カレンダー_同期再生カレンダー_カレンダー内容（モ） */

#calendar_sync_modal table tr.all:not(.bg_gray):not(.active):not(:hover) td {
    background: none;
}

#calendar_sync_modal .flameWrap {
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  box-sizing: border-box;
}

#calendar_sync_modal .flameWrap .flameWrap_left {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
}

#calendar_sync_modal .flameWrap .flameWrap_left_slave {
  font-size: 92%;
  margin-right: 20px;
}

#calendar_sync_modal .flameWrap .flameWrap_left_title {
  font-size: 108%;
}

#calendar_sync_modal .flameWrap .preview_pager {
  float: none;
  margin-top: 0px !important;
  padding: 0;
}

#calendar_sync_modal .modal_line_bottom .scrollContainerWrap {
    height: calc(100% - 40px);
}

#calendar_sync_modal .modal_line_bottom .scrollContainerWrap .scrollContainer {
    overflow: auto;
}

#calendar_sync_modal table th {
  background: #CCCCCC !important;
  min-width: 105px;
}

#calendar_sync_modal table tbody tr:hover:not(.active) {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-color: #fff !important;
}

.command_list li {
  width: 90px;
  padding: 3px 0;
  margin: 0 auto 5px;
  color: #666666;
  background: #EEEEEE;
}

.command_list li:last-child {
  margin-bottom: 0;
}

#calendar_sync_modal .text_wrap.contents {
    width: 100%;
    min-height: 55px;
    padding: 3px 5px;
    box-sizing: border-box;
    background: #F4E3EB;
    border-top: none;
    border-bottom: none;
    border-right: 0;
}

#calendar_sync_modal .text_wrap.contents .text_wrap_heading {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

#calendar_sync_modal .text_wrap.contents .text_wrap_heading .text_wrap_heading_button {
    margin-right: 3px;
}

#calendar_sync_modal .text_wrap.contents .ctb-target.target-image .extention_icon {
    width: 22px;
    height: 22px;
    margin-left: 0;
    position: relative;
    top: 0;
    margin: 0;
}

#calendar_sync_modal .text_wrap.contents .text_wrap_heading .extention_icon img {
    top: 1px;
}

#calendar_sync_modal table tbody tr td:nth-child(2) p + p {
    margin-top: 6px;
}

#calendar_sync_modal .modalBottomResizeBox {
    width: 100%;
    bottom: 0;
    left: 0;
}
#calendar_sync_modal .modalBottomResizeBox .bottomBox {
    width: 100%;
    background: #FFF;
    box-sizing: border-box;
    bottom: 0;
    min-height: 0;
    height: 100px;
}
#calendar_sync_modal .modal_bottom .cancel_button,
#calendar_sync_modal .modal_bottom .ok_button {
    margin: 0 auto;
    float: none;
}
#calendar_sync_modal .modal_line_bottom {
    margin: 0px;
    height: 550px;
}
#calendar_sync_modal .modal_line_bottom .flame_preview a span {
    width: 180px;
    margin-bottom: 10px;
    background: #CCCCCC;
    display: inline-block;
    padding: 4px 10px 3px 10px;
    color: #00407F;
    border-radius: 10px;
    box-shadow: 0 2px 0 rgba(163, 163, 163, 1);
    cursor: pointer;
}
#calendar_sync_modal ul.clearfix {
    margin: 12px 0 0 20px;
}
#calendar_sync_modal ul.clearfix li {
    float: left;
    margin-right: 10px;
}
#calendar_sync_modal ul.clearfix li span:not(.label) {
    margin-right: 5px;
}
#calendar_sync_modal table {
    width: 100%;
}
#calendar_sync_modal table th {
    padding: 8px 0px;
    vertical-align: top;
    background: #EEEEEE;
    border: 0px;
    border-right: 1px dotted #AAAAAA;
    white-space: nowrap;
}
#calendar_sync_modal table td {
    border-right: 1px dotted #AAAAAA;
    border-bottom: 1px solid #999999;
    width: auto;
    min-width: 50px;
}
#calendar_sync_modal table tbody tr.active {
    border-top: 2px solid #9DB4D5;
    border-bottom: 2px solid #9DB4D5;
    background-color: #CCD9E5;
}
#calendar_sync_modal table tbody tr.active p{
    border: none;
}
#calendar_sync_modal table tbody tr.active p{
    border: none;
}
#calendar_sync_modal table tbody td.bg_gray{
    background: #E6E6E6;
}

#calendar_sync_modal .text_wrap {
    margin-bottom: 1px;
    text-align: left;
}
#calendar_sync_modal table th:last-child,
#calendar_sync_modal table td:last-child {
    border-right: 0px;
}
#calendar_sync_modal .text_wrap a,
#calendar_sync_modal .text_wrap span,
#calendar_sync_modal .text_wrap p {
    display: inline-block;
}
#calendar_sync_modal .text_wrap span,
#calendar_sync_modal .text_wrap p {
    margin: 0px;
    padding: 0px;
    text-align: left;
}
#calendar_sync_modal .text_wrap .extention_icon {
    text-align: center;
}
#calendar_sync_modal .modal_line_bottom table {
    width: 100%;
}
#calendar_sync_modal .flameWrap {
    height: 54px;
}
#calendar_sync_modal .flameWrap .flame_schedule {
    float: left;
    padding: 7px 0 0 0;
}
#calendar_sync_modal .flameWrap .btn_inner_left {
    float: right;
    padding: 14px 20px 0 0;
}
#calendar-main {
    border-right: 1px dotted #707070;
    border-collapse: separate;
}
#calendar-main tr th:first-child, #calendar-main td:first-child{
    position: sticky;
    width: 100px;
    left: 0;
    z-index: 10;
    background: #fff;
}
#calendar-main tr th:nth-child(2), #calendar-main td:nth-child(2){
    position: sticky;
    width: 100px;
    left: 66px;
    z-index: 10;
    background: #fff;
}
#calendar-main tr th:first-child{
    z-index: 11;
    background: #CCCCCC;
}
#calendar-main tr th:nth-child(2){
    z-index: 11;
    background: #CCCCCC;
}
#calendar-main tr th{
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}
.right_content .calendar_pager {
    position: absolute;
    bottom: 1px;
    right: 170px;
}
.schedule_balk .label_set_left {
    display: block !important;
}
.table_wrap.blue.view_table tr:hover td>p, .table_wrap.blue tr:hover td>div {
    background-color: unset !important;
}
.table_wrap.blue.view_table tr.active td>p, .table_wrap.blue tr.active td>div {
    background-color: unset !important;
}