@charset "utf-8";
/* Common */

* {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    /*color: #333;*/
    color: #393D51;
    -webkit-overflow-scrolling: touch;
}

.hidden_form {
    display: none!important;
}

.noDataIsShow {
    display: none;
}

.onClickApi {
    cursor: pointer;
}

#changePasswordButton {
    border-bottom: 1px solid #ff0000;
    color: #ff0000;
}

#passwordChange {
    padding: 20px 10px;
    border: 1px solid rgb(255, 200, 200);
    background-color: rgb(241, 236, 236);
}

/* Loading */

/* #loading {
    display: block;
} */

.loading_screen {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6)
}

.loading_wrap {
    position: fixed;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-45%, -50%);
    -ms-transform: translate(-45%, -50%);
    -moz-transform: translate(-45%, -50%);
      -o-transform: translate(-45%, -50%);
         transform: translate(-45%, -50%);
    z-index: 100000;
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #CCC;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
      -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
         animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
      -o-transform: rotate(30deg);
         transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
      -o-transform: rotate(60deg);
         transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
         transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
      -o-transform: rotate(120deg);
         transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
      -o-transform: rotate(150deg);
         transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
         transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
      -o-transform: rotate(210deg);
         transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
      -o-transform: rotate(240deg);
         transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
         transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
      -o-transform: rotate(300deg);
         transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
      -o-transform: rotate(330deg);
         transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
      -o-animation-delay: -1.1s;
         animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
      -o-animation-delay: -1s;
         animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
      -o-animation-delay: -0.9s;
         animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
      -o-animation-delay: -0.8s;
         animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
      -o-animation-delay: -0.7s;
         animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
      -o-animation-delay: -0.6s;
         animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
      -o-animation-delay: -0.5s;
         animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
      -o-animation-delay: -0.4s;
         animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
      -o-animation-delay: -0.3s;
         animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
      -o-animation-delay: -0.2s;
         animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    -moz-animation-delay: -0.1s;
      -o-animation-delay: -0.1s;
         animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-moz-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-o-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

/* Main */

main {
    /*margin: 20px;*/
    margin: 20px 12px;
}

.bottom_menu+main {
    margin-bottom: 80px;
    margin-top: 70px;
}

/* FixedButton */
/*1段目位置 */
.fixed_circle_button_1 {
    position: fixed; 
    right: 15px; 
    bottom: 80px;
    z-index: 901;
}
/*2段目位置 */
.fixed_circle_button_2 {
    position: fixed; 
    right: 15px; 
    bottom: 150px;
    z-index: 901;
}
/*3段目位置 */
.fixed_circle_button_3 {
    position: fixed; 
    right: 15px; 
    bottom: 220px;
    z-index: 901;
}
/*丸ボタン(新規追加用)*/
.fixed_circle_button_add {
    width: 60px;
    height: 60px;
    background-color: #6F6B99;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.fixed_circle_icon_add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_add i {
    color: #FFFFFF;
}
/*丸ボタン(マイ検索用)*/
.fixed_circle_button_mysearch {
    width: 44px;
    height: 44px;
    /*background-color: #6F6B99;*/
    background-color: #FFFFFF;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.fixed_circle_icon_mysearch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_mysearch i {
    /*color: #FFFFFF;*/
    color: #6F6B99;
}
/*丸ボタン(詳細検索用)*/
.fixed_circle_button_search {
    width: 60px;
    height: 60px;
    background-color: #6F6B99;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.fixed_circle_icon_search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_search i {
    color: #FFFFFF;
}
/*丸ボタン(ダッシュボードリンク用)*/
.fixed_circle_button_dashboard {
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: relative;
    border: 1px solid #EAEAF0;
    cursor: pointer;
}
.fixed_circle_icon_dashboard {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*丸ボタン(編集用)*/
.fixed_circle_button_edit {
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: relative;
    border: 1px solid #EAEAF0;
}
.fixed_circle_icon_edit {
    position: absolute;
    top: 48%;
    left: 54%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_edit i {
    color: #6F6B99;
}

/*みんなの声の詳細にある左右ボタン*/
.fixed_circle_button_left {
    position: fixed; 
    left: 15px; 
    bottom: 70px;
    z-index: 9991;
}
.fixed_circle_button_right {
    position: fixed; 
    right: 15px; 
    bottom: 70px;
    z-index: 9991;
}
.fixed_circle_button_prevnext {
    width: 60px;
    height: 60px;
    background-color: #6F6B99;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.fixed_circle_icon_prevnext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_prevnext i {
    color: #FFFFFF;
}


/*botto書くボタン*/
.fixed_circle_botto_button {
    position: fixed; 
    left: calc(50% - 40px);
    bottom: 5px;
    z-index: 902;
    cursor: pointer;
}
.fixed_circle_button_botto {
    width: 80px;
    height: 80px;
    background-color: #6F6B99;
    border-radius: 50%;
    position: relative;
}
.fixed_circle_button_botto_gig {
    width: 80px;
    height: 80px;
    background-color: #6F6B99;
    border-radius: 50%;
    position: relative;
}
.fixed_circle_icon_botto {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fixed_circle_icon_botto i {
    color: #FFFFFF;
}
.fixed_circle_title_botto {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-45%,-35%);
    line-height: 80%;
}
.fixed_circle_title_botto span {
    color: #FFFFFF;
    font-size: 12px;
    white-space: nowrap;
}

/*CSVダウンロードボタン*/
.csv_download_button_div {
    width: 160px;
    text-align: -webkit-center;
}
/*CSVアップロードボタン*/
.csv_upload_button_div {
    width: 160px;
    text-align: -webkit-center;
}
/*bottoレポートボタン*/
.botto_report_button_div {
    width: 160px;
    text-align: -webkit-center;
}
/*ツールチップ丸ボタン*/
.tooltip_circle_button {
    width: 20px;
    height: 20px;
    /*background-color: #FFFFFF;*/
    border-radius: 50%;
    position: relative;
    /*border: 0px solid #CCCCCC;*/
}
.tooltip_circle_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tooltip_circle_icon i {
    color: #6F6B99;
}


/* Form */

.input_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
}

.input_group2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    position: relative;
}

.input_group_task_status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.input_group.margin_small {
    margin-bottom: 25px;
}

.input_group.position_row {
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.input_group.position_item {
    align-items: left;
}
.detail_search_item {
    margin-bottom: 24px;
}
.detail_radio_verticaldiv {
    display: flex;
}
.detail_radio_vertical_label {
    width: 100%;
    max-width: 250px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    align-self: center;
}
.detail_search_footer {
    height: 90px;
    display: flex;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 8px 12px 20px 12px;
    justify-content: center;
    z-index: 999;
}
.detail_search_clear {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    align-self: center;
    color: #656D93;
    min-width: 140px;
    margin: 0px 10px;
    cursor: pointer;
}
.detail_search_clear.disabled {
    color: #C2C2DA;
}
.text_search_icon {
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 13px;
    color: #C5C4D6;
}

.button_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}

.add_shop_list {
    width: 100%;
    background-color: #FFAE40;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}

.add_shop_list i {
    color: #FFF;
    font-size: 11px;
}

.add_shop_list span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

.shop_list_select_wrap {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.shop_list_select_wrap select{
    width: 84%;
}

.shop_list_select_wrap a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    margin-left: auto;
    text-align: center;
    background-color: #CCC;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.shop_list_select_wrap a i{
    color: #FFF;
}

/* input_groupのフォント関係 */
.input_group>label {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #393D51;
    line-height: 140%;
}
.detail_search_item>label {
    min-width: 80px; 
    margin-right: 0px; 
    margin-bottom: 10px;
}

.input_group>label.required::after {
    content: "必須";
    margin-left: 8px;
    color: #BC5757;
    font-size: 13px;
    font-weight: 300;
}

.input_group.margin_small>label {
    margin-bottom: 10px;
    color: #393D51;
    font-weight: 300;
}

.input_group.position_row>label {
    margin: 0 10px 0 0;
    word-break: keep-all;
}
.input_group.position_item>label {
    margin: 0 10px 0 0;
    word-break: keep-all;
}

.input_group input[type="text"], .input_group input[type="email"], .input_group input[type="password"], textarea, select {
    background-color: #FFFFFF;
    border: 1px solid #EAEAF0;
    font-size: 14px;
    line-height: 2;
    padding: 8px 12px;
    font-weight: 300;
    border-radius: 8px;
}
.input_group>span {
    align-self: flex-end;
    font-size: 12px;
    margin-right: 10px;
    color: #656D93;
}

/* input_group2のフォント関係 */
.input_group2>label {
    font-size: 14px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #656D93;
}

.input_group2>label.required::after {
    content: "*";
    color: #FF2C2C;
    font-size: 12px;
    font-weight: 600;
}

textarea {
    resize: none;
}

select {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    height: 46px;
    padding: 8px 12px;
    background: #FFFFFF;
    border: 1px solid #EAEAF0;
}

input::placeholder {
    color: #888B97;
}
text::placeholder {
    color: #888B97;
}
textarea::placeholder {
    color: #888B97;
}
input::-webkit-calendar-picker-indicator{
    display:none;
    opacity:0;
}

.input_group input[type="text"].error, .input_group input[type="email"].error, .input_group input[type="password"].error {
    background-color: #FFBBBB;
    border: 2px solid #FF9999;
    color: #FF0000;
    font-size: 16px;
    line-height: 2;
}

.gender_inputs_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.gender_inputs_fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}

.gender_inputs_fields:last-child {
    margin-right: 0;
}

.gender_inputs_fields label {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

.date_inputs_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.date_inputs_wrap select {
    margin-right: 10px;
}

.date_inputs_wrap select:last-child {
    margin-right: 0;
}

.score_input_field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.score_input_field input[type="radio"]::after {
    content: "";
}

.score_input_field .min_score, .score_input_field .max_score {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 1;
    color: #6D7393;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}

.score_input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.score_input_wrap label {
    color: #393D51;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    text-align: center;
    margin-bottom: 5px;
}

.input_group label.error {
    color: #FF0000;
    font-size: 12px;
}

.submit_button {
    margin: 0 auto;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 80%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 2.75;
    text-decoration: none;
    cursor: pointer;
}
.submit_button_sec {
    margin: 0 auto;
    color: #5FDBBA;
    border: 1px solid #5FDBBA;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 80%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 2.75;
    text-decoration: none;
}

.submit_button.color_lightgrey {
    background-color: #CCCCCC;
}

.submit_button.color_grey {
    background-color: #6D7393;
}

.submit_button.color_green {
    background-color: #5FDBBA;
}

.submit_button.color_darkgreen {
    background-color: #009999;
}
.submit_button.color_darkgreen.disabled {
    background-color: rgba(0, 153, 153, 0.3);
}

.submit_button.color_danger {
    background-color: #B93229;
}

.submit_button.color_white {
    background-color: #FFFFFF;
    border: 1px solid #6F6B99;
    color: #656D93;
    line-height: 2.4;
}
.submit_button.color_white_small {
    background-color: #FFFFFF;
    border: 0.5px solid #6F6B99;
    color: #656D93;
    line-height: 2.4;
}

.submit_button.color_white.btn_disabled {
    background-color: #F7F7F9;
    border: 1px solid #E3E3E3;
    color: #C2C2DA;
    line-height: 2.4;
}

.submit_button.color_purple {
    background-color: #6F6B99;
}

.submit_button.color_orange {
    background-color: #FFAE40;
}

.submit_button.color_blue {
    background-color: #5F8FDB;
}

.submit_button.button_with_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0 13px;
}

.submit_button.button_with_icon img {
    /* width: 20px; */
}

.submit_button.button_with_icon span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}
.detail_search_footer a {
    height: 42px;
    line-height: 2.7;
}

.member_management_annotation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.member_management_annotation span {
    font-size: 14px;
    color: #777;
    margin-left: 8px;
    font-weight: 300;
}

.member_management_annotation img {
    width: 20px;
}

.all_member_list_wrap {
    margin: 10px auto;
}

.all_member_list_wrap .member_store_name {
    height: 36px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 16px;
    padding-right: 8px;
    border: 1px solid #EAEAF0;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    background-color: #FFF;
    font-weight: 600;
}

.all_member_list_wrap .member_store_name span {
    color: #6D7393;
    font-size: 16px;
}

.all_member_list_wrap .member_store_name i {
    color: #6D7393;
    font-size: 20px;
    margin-left: auto;
}

.all_member_list_wrap[data-status="open"] .member_store_name i.icon_close {
    display: none;
}

.all_member_list_wrap[data-status="close"] .member_store_name i.icon_open {
    display: none;
}

.all_member_list_wrap .member_list_store_list_wrap {

}

.all_member_list_wrap .member_list_store_list_wrap .membe_role{
    color: #6D7393;
    font-size: 12px;
    font-weight: 300;    
    margin-top: 24px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table{
    margin-top: 10px;
    width: 100%;
    border: 1px solid #CCC;
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;    
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table td {
    border: 1px solid #CCC;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table td div {
    /*
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    */
    padding: 7px 10px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name{
    width: 37%;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name span{
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_name img{
    /*width: 20px;*/
    margin-left: 4px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store{
    width: 50%;
    font-size: 12px;
    color: #555;
    font-weight: 300;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store .invite_now {
    font-weight: bold;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a{
    height: 22px;
    background-color: #5F8FDB;
    color: #fff;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: left;
    -webkit-align-items: left;
       -moz-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    text-decoration: none;
    width: 80px;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a img {
    width: 10px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .place_store a span {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    margin: 0 auto;
    line-height: 23px;
}

.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_action_button{
    width: 13%;
    text-align: center;
}
.all_member_list_wrap .member_list_store_list_wrap .member_store_list_table .member_action_button img {
    width: 20px;
}

.member_list_store_list_wrap {
    margin-bottom: 50px;
}
.member_header_navi_back_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
}
.member_header_navi_back_icon {
    display: flex;
    margin-right: 5px;
    margin-left:  5px;
}
.member_header_navi_back_icon > i {
    color: #4F537A;
}
.member_header_navi_back_message {
    color: #4F537A;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    width: 50px;
    opacity: 1;
    margin-left: 7px;
}


/* Header */

header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    height: 50px;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    top: 0;
    z-index: 999;
}
header .header_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}
header .header_menu_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    /*margin-left: auto;*/
    cursor: pointer;
}
header .header_menu_button img {
    height: 40px;
}
header .header_menu_button .header_notice {
    color: #6F6B99;
    font-size: 24px;
}
header .header_right {
    display: flex; 
    width: 120px;
    justify-content: flex-end;
    position: relative;
}
header .header_mypage {
    position: relative;
    width: 50px;
}
header .header_mypage_circle {
    width: 36px;
    height: 36px;
    background-color: #C4C4C4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
header .header_mypage_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
header .header_mypage_icon i {
    color: #FFFFFF;
}
header .header_title {
    width: 100%;
    text-align: center;
    color: #393D51;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
}

/* Menu */
.menu_wrap {
    position: fixed;
    top: 0;

    /*横からのスライドに変更*/
    /*display: none;*/
    /*left: 0;*/
    right: -120%;
    transition: all 0.6s;

    height: 100vh;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 9999;
    overflow-y: scroll;
}
.menu_wrap.sub_menu_wrap {
    z-index: 99991;
}
/*横からのスライドに変更*/
#menuWrap.panelactive {
    right: 0;
}
#menuWrapSelService.panelactive {
    right: 0;
}
.menu_header {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    background: #F1F1F5;
}
.menu_header.sub_menu {
    margin-top: 10px;
}
.menu_header.white {
    background: #FFFFFF;
}
.menu_header.header_fixed {
    position: fixed;
    margin: 0px;
    z-index: 9;
}
.menu_header_logo {
    width: 128px;
    margin-left: 15px;
}
.menu_prev_icon {
    width: 24px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}
.menu_right_link {
    width: 70px; 
    min-width: 70px;
    text-align: center; 
    align-self: center; 
    font-size: 14px; 
    font-weight: 300;
    margin-right: 15px;
    cursor: pointer;
}
.sub_menu_title {
    width: 100%;
    text-align: center;
    align-self: center;
    padding-right: 50px;
}
.sub_menu_title.rightbtn {
    padding-right: 0px;
    padding-left: 60px;
}
.sub_menu_title.leftrightbtn {
    padding-right: 0px;
    padding-left: 10px;
}
.sub_menu_title.detail_search {    
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
}
.menu_close_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
    margin-right: 10px;
}
.menu_close_button img {
    height: 24px;
}

.menu_list li {
    text-align: center;
    padding: 20px 0;
    border-top: 2px dashed #CCC;
}
.menu_list li:last-child {
    border-bottom: 2px dashed #CCC;
}
.menu_list a {
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
}
.menu_three_button_wrap {
    margin: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu_three_button {
    margin: 0 5px;
    padding: 10px 0;
    width: 33.3333333%;
    text-align: center;
    border: 2px solid #FFF;
}
.menu_three_button:first-child {
    margin-left: 0px;
}
.menu_three_button:last-child {
    margin-right: 0px;
}
.menu_three_button i {
    color: #FFF;
}
.menu_three_button img {
    height: 25px;
}
.menu_three_button span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
}
.menu_button_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}
.menu_button_title {
    margin-bottom: 10px;
    padding-left: 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    color: #393D51;
}
.menu_button_div {
    margin: 4px 12px;
    padding-left: 12px;
    border: 1px solid #EAEAF0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    height: 48px;
    justify-content: space-between;
    cursor: pointer;
}
.menu_button_div.white {
    background-color: #FFFFFF;
}
.menu_button_div img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    align-self: center;
}
.menu_button_sub {
    display: flex;
}
.menu_button_text {
    display: inline-block;
    color: #393D51;
    font-size: 14px;
    text-align: left;
    line-height: 3.0;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}
.menu_button_sub[menu-type="main"] .menu_button_text {
    font-weight: 600;
}
.menu_button_sub[menu-type="other"] .menu_button_text {
    font-weight: 300;
}
.menu_button_sub[menu-type="logout"] .menu_button_text {
    font-weight: 300;
    color: #BC5757;
}
.menu_button_sub[menu-type="other"] img {
    /*display: none;*/
}
.menu_button_sub[menu-type="logout"] img {
    display: none;
}
.menu_next_sub {
    display: flex;
    max-width: 220px;
    justify-content: flex-end;
}
.menu_sub_text {
    display: none;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #656D93;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu_button {
    display: inline-block;
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    line-height: 3.0;
    text-decoration: none;
}
.menu_button:first-child {
    margin-top: 0;
}
.menu_button:last-child {
    margin-bottom: 0;
}

.menu_footer {
    /*position: absolute;*/
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.menu_footer .menu_footer_links {
    /*margin-bottom: 80px;*/
    margin-bottom: 30px;
}

.menu_footer .menu_footer_links a{
    margin-right: 20px;
}

.menu_footer .menu_footer_links span {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

.menu_footer .menu_footer_sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.menu_footer .menu_footer_sns a {
    margin-left: 20px;
}

.menu_footer .menu_footer_sns a img {
    width: 30px;
}

/* 浸透させるbottoバー */
.shintou_menu {
    position: fixed;
    width: 100%;
    height: 30px;
    bottom: 60px;
    background: #E2F8F3 0% 0% no-repeat padding-box;
    z-index: 900;
    display: flex;
    justify-content: space-between;
}

.shintou_menu_left {
    font: normal normal normal 12px/30px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}

.shintou_menu_right {
    display: flex;
    font: normal normal normal 12px/30px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    margin-right: 5px;
    opacity: 1;
}

.shintou_menu_right > i {
    line-height: 30px;
    color: #6D7393;
}

.shintou_menu_right > div {
    margin-left: 5px;
    color: #6D7393;
}

/* Bottom Menu */

.bottom_menu {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    background-color: #FFF;
    width: 100%;
    height: 60px;
    z-index: 901;
}

.bottom_menu a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*border-right: 1px dashed #CCC;*/
    text-decoration: none;
}

.bottom_menu a:last-child {
    border-right: 0;
}

.bottom_menu a i {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}

.bottom_menu img {
    width: 24px;
    margin: 2px auto 0px auto;
}

.bottom_menu a span {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.bottom_menu div {
    width: 20px;
    margin: 0px auto;
}

/* 20200615 S 企業選択画面用 */
.service_card{
    max-width: 380px;
    margin-bottom: 16px;
    padding: 20px 12px;
    background-color: #FFFFFF;
    border: 0px;
    border-radius: 8px;
    opacity: 1;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-content: center; 
}
.service_name{
    text-align: left;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #393D51;
    opacity: 1;
}

.last_sub_service_card{
    margin: 10px 10px;
    border: 1px solid #8D93B0;
    border-radius: 11px;
    opacity: 1;
}

.last_sub_service_card_display_none{
    display: none;
}

.last_sub_service_name{
    text-align: center;
    font: W3 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #8D93B0;
    opacity: 1;
}

.tantou_name{
    text-align: left;
    font: W3 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
}
/* 20200615 E 企業選択画面用 */

.history_title_card_header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    padding: 4px 8px;
    border-bottom: 0.5px solid #EAEAF0;
}
.history_title_card_header_txt {
    display: flex;
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    text-align: center;
    align-items: center;
    color: #656D93;
    justify-content: center;
}
.history_title_card_detail_header {
    width: 100%; 
    padding: 4px 15px;
}
.history_title_card_detail_header_txt {
    border: 1px solid #EAEAF0; 
    border-radius: 4px; 
    text-align: center; 
    padding: 4px 8px 2px 8px; 
    color: #656D93; 
    font-size: 13px; 
    font-weight: 300; 
    line-height: 140%;
}
.history_title_card_detail_header_txt.status_waiting {
    border: 1px solid #ED7B7B;
    color: #ED7B7B;
}
.history_title_card_detail_header_txt.status_doing {
    border: 1px solid #009999;
    color: #009999;
}
.history_title_card_detail_header_txt.status_closing {
    border: 1px solid #6F6B99;
    color: #6F6B99;
}

.history_title_card1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 10px;
    padding: 15px 15px 5px 15px;
    opacity: 1;
}

.history_title_card2 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 5px 0px 5px 0px;
}

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

.history_card_title {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin: 5px 0px 5px 0px;
    position: relative;
}
.history_card_usericon {
    position: relative;
    width: 40px; 
    height: 40px; 
    border: 1px solid #F1F1F5;
    border-radius: 8px;
    margin-right: 8px; 
    overflow: hidden;
}
.history_card_usericon > i {
    color: #E3E3E3;
    font-size: 10px;
    position: absolute;
    right: 4px;
    top: 14px;
    z-index: 2;
}
.history_card_usericon > img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px;
    z-index: 1;
}
.history_card_usericon.icon_tate > img {
    width: 100%;
    height: auto;
}
.history_card_usericon.user_icon_s {
    width: 32px; 
    height: 32px; 
}
.history_card_username {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%; 
    color: #393D51;
}
.history_card_username.username_s {
    font-size: 12px; 
}
.history_card_username_kana {
    font-size: 11px; 
    font-weight: 300; 
    line-height: 210%; 
    color: #888B97;
    margin-left: 8px;
}
.history_card_storetime {
    font-size: 13px; 
    font-weight: 300; 
    line-height: 160%; 
    color: #656D93;
}
.history_card_storetime.storetime_s {
    font-size: 12px; 
}
.history_card_action_icon_wrap {
    min-width: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.history_card_action_icon_wrap #aciton_icon {
    color: #C5C4D6;
    font-size: 18px;
    cursor: pointer;
}
.history_card_menu_area {
    position: absolute; 
    width: 110px; 
    height: 95px; 
    background: #FFFFFF; 
    border-radius: 8px; 
    box-shadow: 0px 4px 8px rgba(109, 115, 147, 0.25); 
    padding: 8px 0px; 
    top: 25px; 
    right: 0px; 
    z-index: 999;
    display: none;
}
.history_card_menu_area > div {
    display: flex; 
    padding: 8px 12px; 
    justify-content: flex-start;
    cursor: pointer;
}
.history_card_menu_area > div > i {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    color: #C5C4D6;
    align-self: center;
}
.history_card_menu_area > div > img {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    align-self: center;
}
.history_card_menu_area > div > span {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%;
}
.history_card_menu_area > div > label {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%;
}
.history_box_action_icon_wrap {
    min-width: 25px;
    text-align: right;
}
.history_box_action_icon_wrap #box_aciton_icon {
    color: #9698A7;
    font-size: 18px;
    cursor: pointer;
}
.history_box_menu_area {
    position: absolute; 
    width: 160px; 
    height: 88px; 
    background: #FFFFFF; 
    border-radius: 8px; 
    box-shadow: 0px 4px 8px rgba(109, 115, 147, 0.25); 
    padding: 8px 0px; 
    top: 25px; 
    right: 0px; 
    display: none;
    z-index: 999;
}
.history_box_menu_area > div {
    display: flex; 
    padding: 8px 12px; 
    justify-content: flex-start;
    cursor: pointer;
}
.history_box_menu_area > div > i {
    margin-top: 2px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    color: #C5C4D6;
}
.history_box_menu_area > div > img {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    color: #C5C4D6;
}
.history_box_menu_area > div > span {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%;
}
.history_box_menu_area.menu_item_1 {
    height: 50px; 
}
.history_box_menu_area.menu_item_2 {
    height: 88px; 
}
.history_box_menu_area.menu_item_3 {
    height: 130px; 
}
.history_box_menu_area.menu_item_4 {
    height: 168px; 
}
.history_box_menu_area.menu_item_5 {
    height: 210px; 
}

.kidoku_flg {
    padding-left: 0px;
    /*font: W3 11px/19px Hiragino Kaku Gothic ProN;*/
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 13px;
    letter-spacing: 0px;
    color: #777777;
    opacity: 1;
}

.comment_card_display_none {
    display: none;
}

.comment_card {
    position: relative;
    display: inline-block;
    padding: 8px;
    max-width: 100%;
    color: #555;
    background: #E5F5F5;
    border-radius: 8px;
}
  
.comment_card:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 15px solid #F5F5F5;
}

.comment_text {
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 160%;
    color: #099999;
    letter-spacing: 0px;
    opacity: 1;
}

.task3_status_card_normal {
    text-align: center;
    border: 1px solid #ED7B7B;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task3_status_text_normal {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #656D93;
    margin-left: 4px;
    opacity: 1;
}
.task3_status_icon_normal {
    color: #ED7B7B;
    font-size: 16px;
}
.task3_status_card_green {
    text-align: center;
    border: 1px solid #37D850;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task3_status_text_green {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #37D850;
    opacity: 1;
}
.task3_status_icon_green {
    color: #37D850;
    font-size: 16px;
}
.task3_status_card_orange {
    text-align: center;
    border: 1px solid #FFAE40;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task3_status_text_orange {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #FFAE40;
    opacity: 1;
}
.task3_status_icon_orange {
    color: #FFAE40;
    font-size: 16px;
}

.task4_status_card_normal {
    text-align: center;
    border: 1px solid #F5B356;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task4_status_text_normal {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #656D93;
    margin-left: 4px;
    opacity: 1;
}
.task4_status_icon_normal {
    color: #37D850;
    font-size: 16px;
}
.task4_status_card_green {
    text-align: center;
    border: 1px solid #37D850;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task4_status_text_green {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #37D850;
    opacity: 1;
}
.task4_status_icon_green {
    color: #37D850;
    font-size: 16px;
}
.task4_status_card_orange {
    text-align: center;
    border: 1px solid #FFAE40;
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.task4_status_text_orange {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #FFAE40;
    opacity: 1;
}
.task4_status_icon_orange {
    color: #FFAE40;
    font-size: 16px;
}


/* Chart */
canvas.chart {
    background-color: #FFF;
}

/* Title */

h2.section_title {
    color: #393D51;
    margin: 70px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
h2.section_title2 {
    color: #393D51;
    margin: 30px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
h2.section_title3 {
    color: #393D51;
    margin: 15px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
h2.section_title4 {
    color: #393D51;
    margin: 30px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
h2.section_title5 {
    color: #393D51;
    margin: 15px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

h2.section_title_newnote {
    color: #393D51;
    margin: 10px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.section_title_span {
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

/* マイページ：詳細検索 */
.my_page_detail_search_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 30px;
    margin-bottom: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.my_page_detail_search_span_left {
    color: var(--unnamed-color-6d7393);
    text-align: left;
    margin-left: 10px;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    font-size: 16px;
}
.my_page_detail_search_span_right {
    display: flex;
    margin-right: 10px;
}
.my_page_detail_search_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    background: #F1F1F5;
    opacity: 1;
    text-align: -webkit-center;
}
.my_page_detail_search_form {
    margin: 0px 15px 40px 15px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    text-align: left;
    max-width: 480px;
}
.my_page_detail_search_form .position_row {
    margin-bottom: 10px;
}
.my_page_detail_search_form .calendar label {
    margin-right: 10px;
}
.my_page_detail_search_form .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    height: 46px;
}
/* ホーム：通知メッセージ */
.home_detail_navi_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0px solid #CCCCCC;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
}
.home_detail_navi_message {
    color: #393D51;
    text-align: left;
    font-size: 13px;
    width: 100%;
    opacity: 1;
    /*margin-left: 15px;*/
    padding: 8px 12px;
}
.home_detail_navi_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.home_detail_navi_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.home_detail_badge_display_none {
    display: none;
}
.home_badge1_red {
    position:relative;
}
.home_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:0px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.home_badge2_red {
    position:relative;
}
.home_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-4px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.home_badge3_red {
    position:relative;
}
.home_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-8px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/* ホーム：ショートカットアイコン */
.home_shortcut_menu_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.home_shortcut_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 75px;
    height: 75px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.home_shortcut_menu a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*border-right: 1px dashed #CCC;*/
    text-decoration: none;
}
.home_shortcut_menu a:last-child {
    border-right: 0;
}
.home_shortcut_menu a i {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}
.home_shortcut_menu img {
    width: 30px;
    margin: 5px auto;
}
.home_shortcut_menu a span {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}
.home_shortcut_menu div {
    width: 20px;
    margin: 0px auto;
}

/* 掲示板内の未読ナビ、朝礼の準備中ナビ */
.board_header_navi_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0px solid #CCCCCC;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
}
.board_header_navi_message {
    color: #393D51;
    text-align: left;
    font-size: 14px;
    width: 100%;
    opacity: 1;
    /*margin-left: 15px;*/
    padding: 8px 12px;
}
.board_header_navi_message.board_header_navi_sub {
    color: #656D93;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    min-width: 60px; 
    width: 60px; 
    text-align: right;
}
.board_header_navi_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.board_header_navi_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.board_header_navi_back_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
}
.board_header_navi_back_icon {
    display: flex;
    margin-right: 5px;
    margin-left:  5px;
}
.board_header_navi_back_icon > i {
    color: #4F537A;
}
.board_header_navi_back_message {
    color: #4F537A;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    width: 50px;
    opacity: 1;
    margin-left: 7px;
}
.board_header_badge_display_none {
    display: none;
}
.board_header_badge1_red {
    position:relative;
}
.board_header_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:0px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.board_header_badge2_red {
    position:relative;
}
.board_header_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-4px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.board_header_badge3_red {
    position:relative;
}
.board_header_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-8px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

/* 未読件数照会 */
.note_midoku_detail_search_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*border: 2px solid #EAEAF0;*/
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.note_midoku_detail_search_maru {
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: 10px;
    opacity: 1;
    position: relative;
}
.note_midoku_detail_search_maru > i {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}
.note_midoku_detail_message {
    color: #6D7393;
    text-align: left;
    font: W6 13px/20px Hiragino Kaku Gothic ProN;
    font-size: 13px;
    width: 100%;
    opacity: 1;
    margin-left: 15px;
}
.note_midoku_detail_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.note_midoku_detail_search_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}

/* 読まれてない掲示板一覧：対象者 */
.note_midoku_detail_user_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*border: 2px solid #EAEAF0;*/
    border-radius: 8px;
    opacity: 1;
}
.note_midoku_detail_user_maru {
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: 10px;
    opacity: 1;
    position: relative;
}
.note_midoku_detail_user_maru > i {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}
.note_midoku_detail_user_message {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.note_midoku_detail_user_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.note_midoku_detail_user_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}

/* 冊子一覧：対象者 */
.book_detail_user_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*border: 2px solid #EAEAF0;*/
    border-radius: 8px;
    opacity: 1;
}
.book_detail_user_maru {
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: 10px;
    opacity: 1;
    position: relative;
}
.book_detail_user_maru > i {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}
.book_detail_user_message {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.book_detail_user_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.book_detail_user_message > span.print_col_3_book {
    color: #0421f9;
    border-bottom: solid 1px #0421f9;
    cursor: pointer;
}
.book_detail_user_message > span.print_col_6_book {
    color: #0421f9;
    border-bottom: solid 1px #0421f9;
    cursor: pointer;
}
.book_detail_user_yoyaku_div {
    font-size: 11px;
    min-width: 88px;
    cursor: pointer;
    margin-right: 12px;
    text-align: center;
    border: 0.5px solid #656D93;
    border-radius: 4px;
    color: #656D93;
}
.book_detail_user_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.book_calendar_error_div {
    display: none;
    position: relative;
    height: 30px;
}
.book_calendar_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
    position: absolute;
    top: -5px;
    right: 0px;
}


/* History */

.history_wrap {
    margin-bottom: 30px;
}

.history_wrap:last-child {
    margin-bottom: 0;
}

.history_name_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.history_date {
    /* margin-top: 50px; */
    color: #333;
}

h3 .history_title,
h3.history_title{
    color: #393D51;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    margin-right: 10px;
}

h3.history_title .history_ymd,
h3.history_title .history_week{
    color: #393D51;
}

.history_card_area {
    background-color: #F1F1F5;
    padding: 8px;
    border-radius: 8px; 
    margin-bottom: 8px;
}

.history_card_main_header {
    display: flex;
    justify-content: space-between;
    padding: 4px 6px 0px 2px;
    margin-bottom: 6px;
}
.history_card_main_header_div {
    display: flex;
}
.history_card_main_header_div span {
    font-size: 13px;
    font-weight: 600;
    line-height: 160%;
    margin-right: 8px;
}
.history_card_main_header_div img {
    width: 18px;
    height: 18px;
}


.history_card_main {
    margin: 0px;
    padding: 0px 6px;
}
.history_card_main:last-child {
    margin-bottom: 0;
}
.history_card_main[card-type="like"] {
    border-left: 3px solid #ED7B7B;
    margin-left: 4px;
}
.history_card_main[card-type="sync"] {
    border-left: 3px solid #F5B356;
    margin-left: 4px;
}
.history_card_main[card-type="note"] {
    /*border-left: 3px solid #F1F1F5;*/
    border-left: 0px;
}
.history_card_main[card-type="aim"] {
    border-left: 3px solid #6BB1FF;
    margin-left: 4px;
}
.history_card_main[card-type="sakusen"] {
    border-left: 3px solid #6BB1FF;
    margin-left: 4px;
}


.history_card {
    padding: 10px 20px;
    /*
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    */
    border: 0px solid #CCCCCC;
    margin-bottom: 5px;
}

.history_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 160%;
}

.history_card:last-child {
    margin-bottom: 0;
}

.history_card[card-type="like"] {
    /*background-color: #FFF8FB;*/
    background-color: #F1F1F5;
    border-radius: 8px;
}
.history_card[card-type="sync"] {
    /*background-color: #FFF6EA;*/
    background-color: #F1F1F5;
    border-radius: 8px;
}
.history_card[card-type="note"] {
    background-color: #EAF8FF;
}
.history_card[card-type="manual0"] {
    /*background-color: #EAF8FF;*/
    background-color: #F1F1F5;
}
.history_card[card-type="manual1"] {
    /*background-color: #DDF2E0;*/
    background-color: #F1F1F5;
}

.history_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.history_icon i {
    font-size: 30px;
}

.history_card[card-type="like"] .history_icon img {
    width: 26px;
    margin-right: -4px;
}

.history_card[card-type="sync"] .history_icon img {
    width: 22px;
    margin-left: 2px;
    margin-right: -2px;
}

.history_card[card-type="note"] .history_icon img {
    width: 24px;
    margin-left: 4px;
    margin-right: 12px;
}

.history_card[card-type="like"] .history_icon i {
    color: #DB5F98;
}

.history_card[card-type="sync"] .history_icon i {
    color: #5F8FDB;
}

.history_card[card-type="note"] .history_icon i {
    color: #DB5F98;
}

/*botto書き込みを引用するエリア*/
.history_card_append_div {
    background-color: #FFFFFF; 
    border: 1px solid #EAEAF0; 
    border-radius: 8px; 
    padding: 8px;
}
.history_card_append_header_div {
    display: flex; 
    justify-content: flex-start;
}
.history_card_append_header_div i {
    margin-right: 8px; 
    font-size: 20px; 
    color: #656D93;
}
.history_card_append_header {
    color: #656D93; 
    font-size: 12px; 
    font-weight: 300; 
    line-height: 160%; 
    margin-bottom: 4px;
}

/* コメント返信用要素 */
.comment_confirm_header {
    display: flex;
    justify-content: flex-start;
    padding: 24px 15px; 
    border-top: 1px solid #EAEAF0;
}
.comment_confirm_header_icon {
    width: 24px; 
    height: 24px; 
    margin-right: 4px; 
    position: relative;
}
.comment_confirm_header_icon i {
    color: #C5C4D6; 
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.comment_confirm_header_title {
    font-size: 18px; 
    font-weight: 600; 
    line-height: 130%;
}
.history_card_feedback_area {
    width: 100%; 
    margin-right: 12px;
}
.history_card_feedback_usertime {
    display: flex;
    padding-top: 4px;
}
.history_card_feedback_user {
    font-size: 13px; 
    font-weight: 600; 
    line-height: 160%; 
    margin-right: 4px;
    max-width: 200px;
}
.history_card_feedback_time {
    font-size: 12px; 
    font-weight: 300; 
    line-height: 160%; 
    color: #656D93;
}
.history_card_feedback_main_wrap {
    /*border: 0.5px solid #EAEAF0; */
    /*background-color: #F1F1F5;*/
    background-color: #E6F2EF;
    border-radius: 8px; 
    padding: 8px; 
    display: flex;
}
.history_card_feedback_stamp_area {
    display: flex; 
    justify-content: space-between; 
    padding: 2px;
}
.history_card_feedback_stamp_area.todo_comment_fb_self_stamp_area {
    border: 0.5px solid #EAEAF0; 
    border-radius: 8px; 
    background: #FFFFFF;
    position: absolute; 
    bottom: -18px; 
    right: 18px;
}
.history_card_feedback_stamp_area.todo_comment_fb_other_stamp_area {
    border: 0.5px solid #EAEAF0; 
    border-radius: 8px; 
    background: #FFFFFF;
    position: absolute; 
    bottom: -18px; 
    right: calc(100% - calc(100% - 95px));
}
.history_card_feedback_stamp_div {
    position: relative;
    display: none;
    width: 22px;
    height: 22px;
    top: 0px;
    left: 0px;
}
.history_card_feedback_stamp_div img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_feedback_feedback_mark {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #4F537A;
    opacity: 1;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 10px;
    /*background: #F1F1F5;*/
    background: #FFFFFF;
    border-radius: 4px;
    padding: 0px 4px;
}
.history_card_feedback_kidoku_mark {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #4F537A;
    opacity: 1;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 10px;
    /*background: #F1F1F5;*/
    background: #FFFFFF;
    border-radius: 4px;
    padding: 0px 4px;
}
.history_card_feedback_kidoku {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
    position: relative;
    width: 25px;
    min-width: 25px;
    display: flex;
    text-align: right;
    align-items: center;
    margin-left: 10px;
    /*bottom: 5px;*/
}


.comments_confirm_temp {
    display: flex;
    justify-content: center;
    padding: 0px 0px 16px 0px;
}
.comments_confirm_temp > .comments_left_line {
    height: 10px; 
    border-bottom: 0.5px solid #EAEAF0; 
    width: calc((100% - 160px) / 2); 
    margin-left: 15px;
}
.comments_confirm_temp > .comments_confirm_text {
    color: #656D93; 
    font-size: 12px; 
    font-weight: 300; 
    line-height: 160%; 
    text-align: center; 
}
.comments_confirm_temp > .comments_confirm_date {
    background: #F1F1F5; 
    padding: 0px 16px; 
    border-radius: 16px; 
    font-size: 12px; 
    font-weight: 300; 
    line-height: 160%; 
    height: 19px;
}
.comments_confirm_temp > .comments_right_line {
    height: 10px; 
    border-bottom: 0.5px solid #EAEAF0; 
    width: calc((100% - 160px) / 2); 
    margin-right: 15px; 
}

.every_voice_comments_temp {
    display: none;
}
.note_comments_temp {
    display: none;
}

/* チャット形式コメント */
.feedback_self {
    margin-left: 0px; 
    padding: 8px;
    background-color: #6F6B99;
    border-radius: 8px;
    color: #FFFFFF;
    margin-top: 16px;
    width: calc(100% - 150px);
}
.feedback_self:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 16px;
    border: 8px solid transparent;
    border-bottom: 15px solid #6F6B99;
}
.feedback_self.todo_comment_fb_self {
    width: calc(100% - 80px);
}
.todo_comment_picture_card_area {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 8px;
}
.todo_comment_picture_card_self {
    width: calc(100% - 80px);
}
.feedback_other {
    margin-left: 0px; 
    padding: 8px;
    background-color: #F1F1F5;
    border-radius: 8px;
    color: #FFFFFF;
    margin-top: 20px;
    width: calc(100% - 150px);
}
.feedback_other:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 16px;
    border: 8px solid transparent;
    border-bottom: 15px solid #F1F1F5;
}
.feedback_other.todo_comment_fb_other {
    width: calc(100% - 80px);
}
.todo_comment_picture_card_other {
    width: calc(100% - 80px);
}

/* チャット形式ではないコメント返信 */
.history_card_feedback_self_div {
    position: relative;
    /*display: flex;*/
    padding: 0px 8px;
    margin-top: 0px;
    margin-bottom: 24px;
}
.history_card_feedback_icon_div {
    position: relative;
    width: 32px; 
    height: 32px; 
    min-width: 32px; 
    min-height: 32px; 
    border-radius: 8px;
    border: 1px solid #F1F1F5;
    margin-right: 4px;
    overflow: hidden;
}
.history_card_feedback_icon_div > img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px;
    z-index: 1;
}
.history_card_feedback_icon_div.icon_tate > img {
    width: 100%;
    height: auto;
}
.history_card_feedback_other_div {
    position: relative;
    /*display: flex;*/
    padding: 0px 8px;
    margin-top: 0px;
    margin-bottom: 24px;
}

/* コメント返信（自身） */
.history_card_comment_self_div {
    position: relative;
    display: flex;
    margin-top: 15px;
}
.history_card_comment_self {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #EAEAF0;*/
    margin-bottom: 5px;
    border-radius: 8px;
    width: calc(100% - 45px);
    left: 5px;
    line-height: 150%;
}

.history_card_comment_self:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 15px solid #E6F2EF;
}

.history_card_comment_self i {
    font-size: 23px;
    color: #5FDBBA;
}

/* コメント返信（他者） */
.history_card_comment_other_div {
    position: relative;
    display: flex;
    margin-top: 15px;
}

.history_card_comment_other {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #EAEAF0;*/
    margin-bottom: 5px;
    border-radius: 8px;
    width: calc(100% - 45px);
    left: 15px;
    line-height: 150%;
}

.history_card_comment_other:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: -20px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 15px solid #E6F2EF;
}

.history_card_comment_other i {
    font-size: 23px;
    color: #5FDBBA;
}

.history_text_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    word-break: break-all;
}
.history_text_sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4F537A;
    font-size: 12px;
    font-weight: 300;
    word-break: break-all;
    line-height: 160%;
}
.history_text_sub.shinto_message_text {
    font-size: 14px;
    color: #393D51;
}

.history_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #393D51;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    /*word-break: break-all;*/
    word-break: break-word;
}

.history_aim_div {
    display: flex; 
    margin-left: 8px;
}
.history_aim_value {
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
}
.history_aim_unit {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    white-space: nowrap; 
    align-self: center;
}
.history_aim_line {
    width: 100%;
    margin-left: 8px;
    height: 4px;
    border-bottom: 0.5px solid #FFFFFF;
}

.score_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 0px;
    margin-bottom: 8px;
}

.mine_score {
    border-right: 4px solid #FFFFFF;
}

.mine_score, .client_score {
    background-color: #F1F1F5;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    border-radius: 8px;
}

.mine_arrow {
    margin-right: 10px;
}

.client_arrow {
    margin-right: 10px;
}

.mine_arrow_up {
    color: #E7875E;
    margin-left: 10px;
    transform: rotate(45deg);
}

.mine_arrow_right {
    color: #9698A7;
    margin-left: 10px;
}

.mine_arrow_down {
    color: #6281EF;
    margin-left: 10px;
    transform: rotate(-45deg);
}

.client_arrow_up {
    color: #E7875E;
    margin-left: 10px;
    transform: rotate(45deg);
}

.client_arrow_right {
    color: #9698A7;
    margin-left: 10px;
}

.client_arrow_down {
    color: #6281EF;
    margin-left: 10px;
    transform: rotate(-45deg);
}

.score_card .label {
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    color: #4F537A;
    margin-right: auto;
}

.score_card .score_num {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.score_card .score_unit {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.mine_score[data-type="normal"] .score_num, .mine_score[data-type="normal"] .score_unit, .client_score[data-type="normal"] .score_num, .client_score[data-type="normal"] .score_unit {
    /*color: #777!important;*/
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
}
.mine_score[data-type="high"] .score_num, .mine_score[data-type="high"] .score_unit, .client_score[data-type="high"] .score_num, .client_score[data-type="high"] .score_unit {
    /*color: #DB5F98!important;*/
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
}
.mine_score[data-type="low"] .score_num, .mine_score[data-type="low"] .score_unit, .client_score[data-type="low"] .score_num, .client_score[data-type="low"] .score_unit {
    /*color: #5F8FDB!important;*/
    color: #393D51;
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
}

/* みんなの声　検索 */
/* 詳細検索画面に移行したため廃止
.every_voice_search_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.every_voice_search_form .position_row {
    margin-bottom: 10px;
}

.every_voice_search_form .calendar label {
    margin-right: auto;
}

.every_voice_search_form .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 5px;
    width: 50%;
}

.every_voice_search_form .store_list select,
.every_voice_search_form .pin_list select {
    height: 46px;
}
*/
/* みんなの声カードタスク・wiki追加済みマーキング */
.history_card_task_wiki_mark {
    margin-right: 5px;
    padding: 0px 4px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 4px;
    min-width: 65px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.history_card_task_wiki_mark > i {
    font-size: 12px;
    margin-right: 3px;
    color: #A2A1B4
}
.history_card_task_wiki_mark > span {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    color: #4F537A;
}

/* みんなの声詳細検索 */
.every_voice_detail_search_form {
    margin: 0px 15px 40px 15px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    text-align: left;
    max-width: 480px;
}
.every_voice_detail_search_form .position_row {
    margin-bottom: 20px;
}
.every_voice_detail_search_form .calendar label {
    margin-right: auto;
}
.every_voice_detail_search_form .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    height: 46px;
}
.every_voice_detail_search_form .staff_list input {
    height: 46px;
}

.my_voice_card {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    opacity: 1;
}
.mysearch_add_div {
    display: flex; 
    justify-content: flex-end; 
    padding: 0px 12px; 
    margin-bottom: 16px;
}
.mysearch_add_div_msg {
    font-size: 12px; 
    color: #656D93; 
    align-self: self-end; 
    margin-left: 4px;
}
.mysearch_zero_area {
    display: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #656D93;
    margin: 36px 0px;
}
.mysearch_card_area {
    margin: 24px 15px;
}
.mysearch_title_card {
    background-color: #FFFFFF; 
    border-radius: 8px; 
    padding: 16px 12px;
}
.mysearch_detail_card {
    background-color: #FFFFFF; 
    border-radius: 8px; 
    /*padding: 16px 12px; */
    text-align: left;
    border: 2px solid #FFFFFF;
}
.mysearch_detail_card.card_selected {
    border: 2px solid #6F6B99;
}
.mysearch_detail_title_div {
    border-bottom: 1px solid #EAEAF0;
    padding: 10px 12px; 
    display: flex; 
    justify-content: space-between;
}
.mysearch_detail_title {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%;
}
.mysearch_detail_icon_div {
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.mysearch_detail_icon_div i {
    color: #9698A7; 
    font-size: 16px; 
    cursor: pointer;
}
.mysearch_detail_item_title {
    font-size: 12px; 
    font-weight: 300; 
    line-height: 19.2px; 
    color: #656D93;
}
.mysearch_detail_item_value {
    font-size: 13px; 
    font-weight: 300; 
    line-height: 160%; 
    color: #393D51; 
    margin-bottom: 8px;
}
.mysearch_detail_item_checkmark i {
    color: #6F6B99;
    font-size: 14px;
    margin-right: 8px;
}

/*チェックボックス関連*/
.input_check {
    display:none;
}
.checkbox_style {
    position: relative;
    padding: 0px 30px;
    cursor: pointer;
}
.checkbox_style:before{
    width: 20px;
    height: 20px;
    left: 0px;
    border: 2px solid #EAEAF0;
    border-radius: 3px;
    margin-top: -8px;
}
.checkbox_style:after,
.checkbox_style:before {
    position: absolute;
    content: "";
    top: calc(50% - 3px);
}
.checkbox_style::after {
    position: absolute;
    width: 7px;
    height: 14px;
    top: calc(50% - 3px);
    left: 7px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    content: '';
    margin-top: -7px;
    opacity: 0;
    transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox_style:before {
    background-color: #6F6B99;
    border: 0px;
}
input[type=checkbox]:checked + .checkbox_style::after {
    opacity: 1;
}
.checkbox_style.checkbox_small {
    padding: 0px 25px;
}
.checkbox_style.checkbox_small:before{
    width: 18px;
    height: 18px;
    margin-top: -6px;
    font-size: 13px;
}
.checkbox_style.checkbox_small::after {
    width: 6px;
    height: 13px;
    top: calc(50% - 1px);
    left: 6px;
}
.member_select_parent_div {
    display: flex; 
    justify-content: space-between; 
    padding: 12px 0px; 
    height: 48px; 
    position: relative;
}
.member_select_child_div {
    display: flex; 
    justify-content: space-between; 
    padding: 12px 24px; 
    height: 48px; 
    position: relative;
}
.position_select_child_div {
    display: flex; 
    justify-content: space-between; 
    padding: 12px 24px; 
    height: 48px; 
    position: relative;
}
.member_select_accordion {
    width: 60px; 
    text-align: center; 
    cursor: pointer;
}
.member_select_accordion i {
    color: #C5C4D6;
}
.member_select_label {
    position: absolute; 
    min-width: 220px;
}
.note_member_select_parent_div {
    display: flex; 
    justify-content: space-between; 
    padding: 12px 0px; 
    height: 48px; 
    position: relative;
}
.note_member_select_child_div {
    display: flex; 
    justify-content: space-between; 
    padding: 12px 24px; 
    height: 48px; 
    position: relative;
}
.note_member_select_accordion {
    width: 60px; 
    text-align: center; 
    cursor: pointer;
}
.note_member_select_accordion i {
    color: #C5C4D6;
}
.note_member_select_label {
    position: absolute; 
    min-width: 220px;
}

.check_box_item {
    margin-top: 10px;
    height: 15px;
    position: relative;
}
.check_box_item > label {
    position: absolute;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
.check_box_item > input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 12px;
    cursor: pointer;
}
.check_box_bookmark {
    margin-top: 30px;
    position: relative;
    right: 10px;
    height: 15px;
}
.check_box_bookmark > label {
    position: absolute;
    width: 200px;
    left: 35px;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
.check_box_bookmark > input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 12px;
    cursor: pointer;
}
.check_box_bookmark_2 {
    margin-top: 30px;
    right: 10px;
    height: 15px;
    position: relative;
}
.check_box_bookmark_2 > label {
    position: absolute;
    width: 200px;
    left: 35px;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
.check_box_bookmark_2 > input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 12px;
    cursor: pointer;
}
.check_box_bookmark_3 {
    margin-top: 10px;
    right: 10px;
    height: 15px;
    position: relative;
}
.check_box_bookmark_3 > label {
    position: absolute;
    width: 180px;
    left: 35px;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
.check_box_bookmark_3 > input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 12px;
    cursor: pointer;
}
.check_box_midoku {
    margin-top: 30px;
    position: relative;
    right: 10px;
    height: 15px;
}
.check_box_midoku > label {
    position: absolute;
    width: 200px;
    left: 35px;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}
.check_box_midoku > input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 12px;
    cursor: pointer;
}
.check_box_gigworker {
    margin-top: 30px;
    position: relative;
    right: 10px;
}
.check_box_gigworker > label {
    position: absolute;
    right: 0px;
}
.check_box_gigworker > input[type="checkbox"] {
    position: absolute;
    right: 195px;
}

/* Data List */

.data_list_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: auto 10px;
}

.data_list_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 10px 0;
    text-align: left;
}

.data_list_title span {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    margin-bottom: 10px;
}

.data_list_detail span {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* Member List */

.member_list_wrap {}

.member_list_table {
    border: 2px solid #CCC;
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;
}

.member_list_table th, .member_list_table td {
    border: 2px solid #CCC;
}

.member_list_table th {
    text-align: left;
}

.member_list_table th span {
    font-size: 14px;
    text-align: left;
    color: #333;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

.member_list_table td {
    border: 2px solid #CCC;
    width: 132px;
    text-align: center;
}

.member_list_table td span.inviting_status {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

.member_list_table td a {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.member_list_table td a.submit_button {
    cursor: pointer;
}

.sub_button_lefticon {
    min-width: 120px;
    display: flex;
    padding: 4px 16px;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #6F6B99;
    border-radius: 32px; 
    cursor: pointer;
}
.sub_button_lefticon span {
    color: #656D93; 
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%; 
    margin-left: 4px;
}
.sub_button_lefticon i {
    color: #6F6B99; 
    width: 14px;
}

/*Message*/

.message_wrap {
    /*width: 90%;*/
    /*width: calc(100% - 40px);*/
    width: calc(100% - 24px);
    /*margin-left: 12px;*/
    margin-bottom: 10px;
    /*background-color: rgba(255,255,255,0.9);*/
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: fixed;
    z-index: 99990;
}
.message_wrap.message_wrap_margin {
    margin-left: 12px;
}
.signIn_warp .message_wrap {
    /*width: 75%!important;*/
    width: calc(100% - 36px);
}

.message_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #CCC;
}

.message_header_label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.message_header_label span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    margin-left: 10px;
}

.message_header_close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    padding-left: 10px;
}

.message_header_close i {
    color: #777;
}

.message_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 10px;
}

.message_content p {
    color: #777;
    font-size: 14px;
    font-weight: 300;
}

/* 20211006 hirohata S */
.message_content input {
    color: #777;
    font-size: 14px;
    font-weight: 300;
}

.message_content label {
    margin-left: 5px;
    color: #777;
    font-size: 14px;
    font-weight: 300;
}
/* 20211006 hirohata E */

.message_wrap[data-type="hint"] {
    display: none;
    border: 1px solid #2BD950;
}

.message_wrap[data-type="hint"] .message_header_label i, .message_wrap[data-type="hint"] .message_header_label span {
    color: #37D850;
}

.message_wrap[data-type="error"] {
    display: none;
    border: 1px solid #B93229;
}

.message_wrap[data-type="error"] .message_header_label i, .message_wrap[data-type="error"] .message_header_label span {
    color: #B93229;
}

.message_wrap[data-type="success"] {
    display: none;
    border: 1px solid #009999;
}

.message_wrap[data-type="success"] .message_header_label i, .message_wrap[data-type="success"] .message_header_label span {
    color: #009999;
}

.message_wrap[data-type="success2"] {
    display: none;
    border: 1px solid #009999;
}

.message_wrap[data-type="success2"] .message_header_label i, .message_wrap[data-type="success2"] .message_header_label span {
    color: #009999;
}

.closing_img {
    width: 20px; 
    height: 20px; 
    align-self: center;
}
.goodjob_img {
    width: 24px; 
    height: 24px; 
    align-self: center;
}

/* 20211006 hirohata S */
.message_wrap[data-type="url"] {
    display: none;
    border: 1px solid #2BD950;
}

.message_wrap[data-type="url"] .message_header_label i, .message_wrap[data-type="url"] .message_header_label span {
    color: #37D850;
}
/* 20211006 hirohata E */

/* 通知機能　暫定的にピンクの画面 */
.message_wrap[data-type="notice"] {
    display: none;
    border: 1px solid #db5f98;
}

.message_wrap[data-type="notice"] .message_header_label i, .message_wrap[data-type="notice"] .message_header_label span {
    color: #db5f98;
}

/* フィードバックメッセージ */
.message_wrap[data-type="feedback"] {
    display: none;
    border: 1px solid #009999;
}

.message_wrap[data-type="feedback"] .message_header_label i, .message_wrap[data-type="feedback"] .message_header_label span {
    color: #009999;
}

/* ランダム表示(画面下部表示用) */
.message_random_wrap {
    /*width: 90%;*/
    /*width: calc(100% - 40px);*/
    width: calc(100% - 24px);
    margin-bottom: 40px;
    /*background-color: rgba(255,255,255,0.9);*/
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: fixed;
    z-index: 999;
    bottom: 56px;
}
.message_random_wrap[data-type="random"] {
    display: none;
    border: 1px solid #2BD950;
}
.message_random_wrap[data-type="random"] .message_header_label i, .message_random_wrap[data-type="random"] .message_header_label span {
    color: #37D850;
}


/*Radio Check*/

label.radio, label.radio_text, label.checkbox, label.checkbox_text {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio {
    width: 20px;
    height: 20px;
    border: 2px solid #EAEAF0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0;
    min-width: 0px;
}
label.radio.verticalsort {
    margin: 10px;
}

label.radio_text {
    min-height: -webkit-calc(20px + 5px);
    min-height: -moz-calc(20px + 5px);
    min-height: calc(20px + 5px);
    margin-right: -webkit-calc(20px + 5px);
    margin-right: -moz-calc(20px + 5px);
    margin-right: calc(20px + 5px);
    padding-left: -webkit-calc(20px + 5px);
    padding-left: -moz-calc(20px + 5px);
    padding-left: calc(20px + 5px);
    line-height: -webkit-calc(20px + 5px);
    line-height: -moz-calc(20px + 5px);
    line-height: calc(20px + 5px);
}

label.checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #EAEAF0;
    background: #fff;
}

label.checkbox_text {
    padding-left: -webkit-calc(20px + 5px);
    padding-left: -moz-calc(20px + 5px);
    padding-left: calc(20px + 5px);
    line-height: 20px;
}

label.radio:before, label.radio_text:before, label.checkbox_text:before, label.checkbox:after, label.radio_text:after, label.checkbox_text:after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio:before, label.radio_text:before {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

label.radio:before, label.checkbox:after {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

label.checkbox:after, label.checkbox_text:after {
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-right: 3px solid #6d7393;
    border-bottom: 3px solid #6d7393;
    top: -webkit-calc(50% - (((17px / 12) * 5) / 2));
    top: -moz-calc(50% - (((17px / 12) * 5) / 2));
    top: calc(50% - (((17px / 12) * 5) / 2));
    display: block;
    margin-top: -webkit-calc(((17px / 12) * 5) * -1);
    margin-top: -moz-calc(((17px / 12) * 5) * -1);
    margin-top: calc(((17px / 12) * 5) * -1);
    width: -webkit-calc(((17px / 12) * 5));
    width: -moz-calc(((17px / 12) * 5));
    width: calc(((17px / 12) * 5));
    height: 17px;
    z-index: 1;
}

label.radio_text:before, label.radio_text:after {
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
}

label.radio:before {
    display: block;
    width: 12px;
    height: 12px;
    z-index: 1;
    background-color: #6F6B99;
}

label.radio_text:before {
    width: 20px;
    height: 20px;
    border: 1px solid #EAEAF0;
    left: 0px;
    z-index: 3;
}

label.checkbox_text:before {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0;
    border: 1px solid #EAEAF0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.radio_text:after {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: -webkit-calc(((20px/2) - (12px) / 2));
    left: -moz-calc(((20px/2) - (12px) / 2));
    left: calc(((20px/2) - (12px) / 2));
    background-color: #6d7393;
    z-index: 1;
}

label.checkbox_text:after {
    left: -webkit-calc((20px / 2) - (((17px / 12) * 5) / 2));
    left: -moz-calc((20px / 2) - (((17px / 12) * 5) / 2));
    left: calc((20px / 2) - (((17px / 12) * 5) / 2));
}

label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: 2;
    margin: 0px;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

label.radio input[type="radio"], label.radio_text input[type="radio"] {
    left: -webkit-calc(20px * -1);
    left: -moz-calc(20px * -1);
    left: calc(20px * -1);
    width: 20px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"] {
    left: -webkit-calc(20px * -1);
    left: -moz-calc(20px * -1);
    left: calc(20px * -1);
    padding: 0;
}

label.radio input[type="radio"] {
    display: block;
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.radio_text input[type="radio"] {
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox input[type="checkbox"] {
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox_text input[type="checkbox"] {
    display: block;
    -webkit-box-shadow: 20px 0px #FFF;
    -moz-box-shadow: 20px 0px #FFF;
    box-shadow: 20px 0px #FFF;
}

label.checkbox_text input[type="checkbox"]:checked, label.checkbox input[type="checkbox"]:checked, label.radio_text input[type="radio"]:checked, label.radio input[type="radio"]:checked {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

label.checkbox_text input[type="checkbox"]:checked:focus, label.checkbox input[type="checkbox"]:checked:focus {
    opacity: 0.1;
}

/* 
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}

label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}

label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}

label.checkbox input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}

label.radio_text input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
}

label.radio input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
} */

/* Maintenance */
.maintenance_wrap h1 {
    margin-top: 30px;
    color: #333;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
    
}

.maintenance_wrap .maintenance_sub_message_wrap {
    margin: 30px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 300px;
}

.maintenance_wrap p {
    color: #333;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

.maintenance_detail_wrap {
    width: 300px;
    margin: 0 auto;
    border: #6D7393 2px solid;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

.maintenance_detail_wrap h3 {
    font-size: 14px;
    font-weight: 600;
    color:#333333;
    text-align: center;
    margin-bottom: 15px;
}
.maintenance_detail_wrap h3.influence {
    margin-top: 30px;
}

.maintenance_detail_wrap h4 span {
    color: #6D7393;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.maintenance_detail_wrap h5 {
    margin-top: 15px;
    color: #333333;
    font-size: 12px;
    font-weight: 300;
}

.maintenance_logo {
    margin-top: 30px;
    text-align: center;
}

/* 404 */
.not_found_wrap h1 {
    margin-top: 30px;
    color: #393D51;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
}

.not_found_image {
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
  text-align: center;
}

.not_found_image img {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 68px;
}

.not_found_wrap .not_found_sub_message_wrap {
    margin: 30px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 340px;
}

.not_found_wrap .not_found_sub_message_wrap p {
    color: #393D51;
    font-weight: 300;
    font-size: 14px;    
    line-height: 24px;
}

/* Toggle Switch */
.switch {
    margin-left: auto;
}
.switch__label {
	width: 80px;
	position: relative;
    display: inline-block;
    margin-right: 10px;
}
.switch__content {
	display: block;
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  height: 28px;
  -webkit-transition: all .1s .4s;
	   -moz-transition: all .1s .4s;
	     -o-transition: all .1s .4s;
	        transition: all .1s .4s;
	overflow: hidden;
}
.switch__content:before {
    content: "未完了";
    display: block;
    position: absolute;
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
    width: calc(100% - 4px);
    height: 100%;
    top: 0px;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #ccc;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
    padding-left: 22px;
}
.switch__content:after {
	content: "完了";
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 13px;
    text-align: left;
    line-height: 31px;
    padding-left: 10px;
    color: #fff;
}
.switch__input {
	display: none;
}
.switch__circle {
    display: block;
    top: 3px;
    left: 4px;
    position: absolute;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background-color: #FFF;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 6px #aaa;
       -moz-box-shadow: 0 0 6px #aaa;
            box-shadow: 0 0 6px #aaa;
}
.switch__input:checked ~ .switch__circle {
	left: 55px;
	background-color: #fff;
}
.switch__input:checked ~ .switch__content {
 
	border-color: transparent;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
	     -o-transition: all 0s;
	        transition: all 0s;
}
 
.switch__input:checked ~ .switch__content:after {
	background-color: #5FDBBA;
	width: 100%;
}

.switch__input:disabled ~ .switch__content:before {
    background-color: #e3e3e3;
}
.switch__input:disabled ~ .switch__circle {
    background-color: #eee;
    -webkit-box-shadow: 0 0 6px #ccc;
       -moz-box-shadow: 0 0 6px #ccc;
            box-shadow: 0 0 6px #ccc;
}

/* 編集アイコン制御(wiki用) */
.edit_icon_wrap {
    color: #CCCCCC;
    /*color: #6D7393;*/
    font-size: 18px;
}
/* しおり(bookmark)アイコン制御(wiki用) */
.bookmark_icon_wrap .bookmark_icon__input {
    display: none;
}
.bookmark_icon_wrap .bookmark_icon__input:checked ~ .checkBookmark {
    display: inherit;
}
.bookmark_icon_wrap .bookmark_icon__input:checked ~ .notBookmark {
    display: none;
}
.bookmark_icon_wrap .notBookmark {
    color: #CCCCCC;
    /*color: #6D7393;*/
    font-size: 20px;
}
.bookmark_icon_wrap .checkBookmark {
    display: none;
    color: #FFAE40;
    font-size: 20px;
}

/* お気に入りアイコン制御 */
.star_icon_wrap .star_icon__input {
    display: none;
}
.star_icon_wrap .star_icon__input:checked ~ .checkStar {
    display: inherit;
}
.star_icon_wrap .star_icon__input:checked ~ .notStar {
    display: none;
}
.star_icon_wrap .notStar {
    color: #CCCCCC;
    /*color: #6D7393;*/
    font-size: 23px;
}
.star_icon_wrap .checkStar {
    display: none;
    color: #FFAE40;
    font-size: 23px;
}
.star_edit_wrap {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 999;
    background: rgba(230,230,230,0.9);
    border-top: 1px solid #ccc;
    display: none;
}

/* コメント返信アイコン制御 */
.reply_icon_wrap #reply_icon_on {
    color: #5FDBBA;
    font-size: 23px;
}
.reply_icon_wrap #reply_icon_off {
    color: #CCCCCC;
    font-size: 23px;
}

/*
.reply_icon_wrap .reply_icon__input {
    display: none;
}

.reply_icon_wrap .reply_icon__input:checked ~ .checkStar {
    display: inherit;
}
.reply_icon_wrap .reply_icon__input:checked ~ .notStar {
    display: none;
}

.reply_icon_wrap .notStar {
    color: #CCCCCC;
    font-size: 23px;
}

.reply_icon_wrap .checkStar {
    display: none;
    color: #5FDBBA;
    font-size: 23px;
}
*/

/* コメント返信ボタン */
.submit_button_reply {
    background-color: #009999;
    margin-left: 0 0 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 88px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 100%;
    text-decoration: none;
    padding: 4px 16px;
}
.submit_button_fbfbreply {
    background-color: #009999;
    margin-left: 0 0 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 88px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 100%;
    text-decoration: none;
    padding: 4px 16px;
}
.submit_button_reply_botto {
    background-color: #009999;
    margin-left: 0 0 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 88px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 100%;
    text-decoration: none;
    padding: 4px 16px;
}
.submit_button_fbfbreply_botto {
    background-color: #009999;
    margin-left: 0 0 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 88px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 100%;
    text-decoration: none;
    padding: 4px 16px;
}

.every_voice_mod_comments{
    display: flex;
    justify-content: flex-end;
}
.every_voice_mod_res_res_comments{
    display: flex;
    justify-content: flex-end;
}
.note_mod_comments{
    display: flex;
    justify-content: flex-end;
}

.history_card_feedback_feedback_area {
    display: flex; 
    justify-content: space-between; 
    padding: 2px;
}
.history_card_feedback_feedback_comment[data-comment_flg="0"] > i {
    color: #C5C4D6;
}
.history_card_feedback_feedback_comment[data-comment_flg="1"] > i {
    color: #6F6B99;
}

.history_card_feedback_feedback_comment_botto[data-comment_flg="0"] > i {
    color: #C5C4D6;
}
.history_card_feedback_feedback_comment_botto[data-comment_flg="1"] > i {
    color: #6F6B99;
}

/* コメント編集ボタン用 */
.every_voice_edit_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_edit_comments i {
    color: #6D7393;
}
.every_voice_edit_comments span {
    color: #6D7393;
}
.every_voice_edit_comments_button {
    display: flex;
    justify-content: flex-end;
}

.every_voice_edit_comments_botto {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_edit_comments_botto i {
    color: #6D7393;
}
.every_voice_edit_comments_botto span {
    color: #6D7393;
}

/* 返信コメントに対する返信コメント編集ボタン用 */
.every_voice_edit_res_res_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_edit_res_res_comments i {
    color: #6D7393;
}
.every_voice_edit_res_res_comments span {
    color: #6D7393;
}
.every_voice_edit_res_res_comments_button {
    display: flex;
    justify-content: flex-end;
}

.every_voice_edit_res_res_comments_botto {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_edit_res_res_comments_botto i {
    color: #6D7393;
}
.every_voice_edit_res_res_comments_botto span {
    color: #6D7393;
}

/* コメント削除ボタン用 */
.every_voice_delete_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_delete_comments i {
    color: #6D7393;
}
.every_voice_delete_comments span {
    color: #6D7393;
}
.every_voice_delete_comments_button {
    display: flex;
    justify-content: flex-end;
}

.every_voice_delete_comments_botto {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_delete_comments_botto i {
    color: #6D7393;
}
.every_voice_delete_comments_botto span {
    color: #6D7393;
}

/* 返信コメントに対する返信コメント削除ボタン用 */
.every_voice_delete_res_res_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_delete_res_res_comments i {
    color: #6D7393;
}
.every_voice_delete_res_res_comments span {
    color: #6D7393;
}
.every_voice_delete_res_res_comments_button {
    display: flex;
    justify-content: flex-end;
}

.every_voice_delete_res_res_comments_botto {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.every_voice_delete_res_res_comments_botto i {
    color: #6D7393;
}
.every_voice_delete_res_res_comments_botto span {
    color: #6D7393;
}

.every_voice_inputperson_comments_area {
    display: flex;
    justify-content:space-between;
    padding-bottom: 10px;
}

.every_voice_inputperson_comments_kidoku {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    position: relative;
    width: 25px;
    display: flex;
    align-items: flex-end;
    bottom: 5px;
}
.every_voice_inputperson_comments_kidoku_other {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    position: relative;
    left: 20px;
    align-items: flex-end;
    bottom: 5px;
}

.every_voice_inputperson_comments {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.every_voice_inputperson_comments_self {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    /*padding-bottom: 15px;*/
}
.every_voice_inputperson_comments_self_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: flex-end;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    justify-content: flex-end;
    color: #6D7393;
    font-size: 11px;
    word-break: keep-all;
}
.every_voice_inputperson_comments_other {
    text-align: left;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    /*padding-bottom: 15px;*/
}
.every_voice_inputperson_comments_other_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: flex-start;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: flex-start;
    color: #6D7393;
    font-size: 11px;
    word-break: keep-all;
}


/* Pin Switch */
.pin_icon_wrap .pin_icon__input {
    display: none;
}

.pin_icon_wrap .pin_icon__input:checked ~ .checkPined {
    display: inherit;
}
.pin_icon_wrap .pin_icon__input:checked ~ .notPined {
    display: none;
}

.pin_icon_wrap .notPined {
    color: #CCCCCC;
    font-size: 23px;
}

.pin_icon_wrap .checkPined {
    display: none;
    color: #5FDBBA;
    font-size: 23px;
}

.pin_edit_wrap {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 999;
    background: rgba(230,230,230,0.9);
    border-top: 1px solid #ccc;
    display: none;
}

.every_voice_comments {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    opacity: 1;
}
.every_voice_fbfbcomments {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    opacity: 1;
}
.note_chat_comments {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    opacity: 1;
}

.every_voice_comments_length_msg {
    width: 100%;
    text-align: right;
}
.every_voice_comments_length_msg>span {
    font-size: 12px;
    margin-right: 4px;
    color: #656D93;
    vertical-align: top;
}
.every_voice_fbfbcomments_length_msg {
    width: 100%;
    text-align: right;
}
.every_voice_fbfbcomments_length_msg>span {
    font-size: 12px;
    margin-right: 4px;
    color: #656D93;
    vertical-align: top;
}
.every_voice_fbfbcomments_open_flg_area {
    width: 100%;
    text-align: left;
}
.every_voice_fbfbcomments_open_flg_area>span {
    font-size: 11px;
    margin-right: 4px;
    color: #656D93;
    vertical-align: top;
    /*padding-left: 28px;*/
}
.note_chat_comments_length_msg {
    width: 100%;
    text-align: right;
}
.note_chat_comments_length_msg>span {
    font-size: 12px;
    margin-right: 4px;
    color: #656D93;
    vertical-align: top;
}

.every_voice_comments_button_reply {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}
.every_voice_fbfbcomments_button_reply {
    width: 100%;
    text-align: right;
    margin-bottom: 12px;
}
.note_comments_button_reply {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}

/* Add */
.input_staff_every_voice {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 5px;
    width: 100%;
    height: 46px;
}

/* ラジオボタン */
.radio_button_card {
    display: flex;
    justify-content: space-between;
    align-content: center;
}


/* ボタン2つ */
.radio_button_input2_1 {
    display: none;
}

.radio_button_input2_2 {
    display: none;
}

.button2_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #EAEAF0;
    border-top: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
    font-size: 16px;
}

.button2_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #EAEAF0;
    font-size: 16px;
}

.radio_button_input2_1:checked + .button2_1 {
    background: #6D7393;
    color: #ffffff;
    font-size: 16px;
}

.radio_button_input2_2:checked + .button2_2 {
    background: #6D7393;
    color: #ffffff;
    font-size: 16px;
}

/* ボタン2つ (タブ形式) */
.radio_button_tab_input2_1 {
    display: none;
}
.radio_button_tab_input2_2 {
    display: none;
}
.button2_tab_1 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #888B97;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 8px 8px 0px 0px;
}
.button2_tab_2 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #888B97;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 8px 8px 0px 0px;
}
.radio_button_tab_input2_1:checked + .button2_tab_1 {
    background: #F1F1F5;
    color: #4F537A;
    font-size: 14px;
}
.radio_button_tab_input2_2:checked + .button2_tab_2 {
    background: #F1F1F5;
    color: #4F537A;
    font-size: 14px;
}

/* 背景がグレーの場合(選択タブは白に) */
.radio_button_tab_gray_input2_1 {
    display: none;
}
.radio_button_tab_gray_input2_2 {
    display: none;
}
.button2_tab_gray_1 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #4F537A;
    background-color: #F1F1F5;
    cursor: pointer;
    font-size: 14px;
    border-radius: 8px 8px 0px 0px;
}
.button2_tab_gray_2 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #4F537A;
    background-color: #F1F1F5;
    cursor: pointer;
    font-size: 14px;
    border-radius: 8px 8px 0px 0px;
}
.radio_button_tab_gray_input2_1:checked + .button2_tab_gray_1 {
    background: #FFFFFF;
    color: #888B97;
    font-size: 14px;
}
.radio_button_tab_gray_input2_2:checked + .button2_tab_gray_2 {
    background: #FFFFFF;
    color: #888B97;
    font-size: 14px;
}

/* ボタン3つ */
.radio_button_input3_1 {
    display: none;
}

.radio_button_input3_2 {
    display: none;
}

.radio_button_input3_3 {
    display: none;
}

.button3_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 8px 0px 0px 8px;
    border-left: 1px solid #EAEAF0;
    border-top: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
}

.button3_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #EAEAF0;
    border-top: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
}

.button3_3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #EAEAF0;
}

.radio_button_input3_1:checked + .button3_1 {
    background: #6D7393;
    color: #ffffff;
}

.radio_button_input3_2:checked + .button3_2 {
    background: #FFAE40;
    color: #ffffff;
}

.radio_button_input3_3:checked + .button3_3 {
    background: #5FDBBA;
    color: #ffffff;
}

/* ボタン3つ（全部灰色） */
.radio_button_input3G_1 {
    display: none;
}

.radio_button_input3G_2 {
    display: none;
}

.radio_button_input3G_3 {
    display: none;
}

.button3G_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 8px 0px 0px 8px;
    border-left: 1px solid #EAEAF0;
    border-top: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
    font-size: 14px;
}
.button3G_1 img {
    width: 26px;
    margin-right: -4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button3G_1 span {
    color: #393D51;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.button3G_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #EAEAF0;
    border-top: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
    font-size: 14px;
}
.button3G_2 img {
    width: 22px;
    margin-left: 2px;
    margin-right: -2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button3G_2 span {
    color: #393D51;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.button3G_3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #EAEAF0;
    font-size: 14px;
}
.button3G_3 img {
    width: 24px;
    margin-left: 4px;
    margin-right: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button3G_3 span {
    color: #393D51;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.radio_button_input3G_1:checked + .button3G_1 {
    background: #6D7393;
    color: #ffffff;
    font-size: 14px;
}
.radio_button_input3G_2:checked + .button3G_2 {
    background: #6D7393;
    color: #ffffff;
    font-size: 14px;
}
.radio_button_input3G_3:checked + .button3G_3 {
    background: #6D7393;
    color: #ffffff;
    font-size: 14px;
}
.radio_button_input3G_1:checked + .button3G_1 span {
    color: #ffffff;
}
.radio_button_input3G_2:checked + .button3G_2 span {
    color: #ffffff;
}
.radio_button_input3G_3:checked + .button3G_3 span {
    color: #ffffff;
}

/* ボタン4つ（全部灰色） */
.radio_button_input4G_1 {
    display: none;
}
.radio_button_input4G_2 {
    display: none;
}
.radio_button_input4G_3 {
    display: none;
}
.radio_button_input4G_4 {
    display: none;
}
.button4G_1 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 8px 0px 0px 8px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}
.button4G_1 img {
    width: 26px;
    margin-right: -4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button4G_2 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}
.button4G_2 img {
    width: 22px;
    margin-left: 2px;
    margin-right: -2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button4G_3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
}
.button4G_3 img {
    width: 24px;
    margin-left: 4px;
    margin-right: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button4G_4 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #393D51;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #6D7293;
}
.button4G_4 img {
    width: 24px;
    margin-left: 4px;
    margin-right: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.radio_button_input4G_1:checked + .button4G_1 {
    background: #6F6B99;
    color: #ffffff;
}
.radio_button_input4G_2:checked + .button4G_2 {
    background: #6F6B99;
    color: #ffffff;
}
.radio_button_input4G_3:checked + .button4G_3 {
    background: #6F6B99;
    color: #ffffff;
}
.radio_button_input4G_4:checked + .button4G_4 {
    background: #6F6B99;
    color: #ffffff;
}


/* メニューアイコンのバッヂ */
.menu_icon_badge_display_none {
    display: none;
}

.menu_icon_badge1_red {
    position:relative;
}

.menu_icon_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-10px;
    /*font-size:.7em;*/
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge2_red {
    position:relative;
}

.menu_icon_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-14px;
    /*font-size:.7em;*/
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge3_red {
    position:relative;
}

.menu_icon_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-18px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge1_gray {
    position:relative;
}

.menu_icon_badge1_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-10px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge2_gray {
    position:relative;
}

.menu_icon_badge2_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-14px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

.menu_icon_badge3_gray {
    position:relative;
}

.menu_icon_badge3_gray[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-5px;
    right:-18px;
    font-size:.7em;
    background:#6D7393;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

/* 選択オブジェクト */
.radio_selection_card {
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
}
/* 項目2つ */
.radio_selection_input2_1 {
    display: none;
}
.radio_selection_input2_2 {
    display: none;
}
.button2_selection_1 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.button2_selection_2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.radio_selection_input2_1:checked + .button2_selection_1 {
    background: #6F6B99;
    font-weight: 600;
    color: #FFFFFF;
}
.radio_selection_input2_2:checked + .button2_selection_2 {
    background: #6F6B99;
    font-weight: 600;
    color: #FFFFFF;
}

/* ヘッダーエリア：タブバー */
.header_radio_tabbar {
    width: 100%; 
    position: fixed;
    align-items: center;
    background-color: #FFFFFF;
    top: 0px;
    margin-top: 50px;
    margin-bottom: 10px;
    padding: 0px;
    z-index: 999;
}
.radio_tabbar_card {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 6px;
}
/* 項目2つ */
.radio_tabbar_input2_1 {
    display: none;
}
.radio_tabbar_input2_2 {
    display: none;
}
.button2_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 0px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button2_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_input2_1:checked + .button2_tabbar_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input2_2:checked + .button2_tabbar_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
/* 項目3つ */
.radio_tabbar_input3_1 {
    display: none;
}
.radio_tabbar_input3_2 {
    display: none;
}
.radio_tabbar_input3_3 {
    display: none;
}
.button3_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 0px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_input3_1:checked + .button3_tabbar_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input3_2:checked + .button3_tabbar_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input3_3:checked + .button3_tabbar_3 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
/* 項目2つ(レスポンシブ用) */
.radio_tabbar_center_input2_1 {
    display: none;
}
.radio_tabbar_center_input2_2 {
    display: none;
}
.button2_tabbar_center_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button2_tabbar_center_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_center_input2_1:checked + .button2_tabbar_center_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_center_input2_2:checked + .button2_tabbar_center_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
/* 項目3つ(レスポンシブ用) */
.radio_tabbar_center_input3_1 {
    display: none;
}
.radio_tabbar_center_input3_2 {
    display: none;
}
.radio_tabbar_center_input3_3 {
    display: none;
}
.button3_tabbar_center_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_center_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_center_3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_center_input3_1:checked + .button3_tabbar_center_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_center_input3_2:checked + .button3_tabbar_center_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_center_input3_3:checked + .button3_tabbar_center_3 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
/* ベルのバッヂ */
.bell_badge_display_none {
    display: none;
}
.bell_badge1_red {
    position:relative;
}
.bell_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 42px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
    pointer-events: none;
}
.bell_badge2_red {
    position:relative;
}
.bell_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 42px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
    pointer-events: none;
}
.bell_badge3_red {
    position:relative;
}
.bell_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 42px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
    pointer-events: none;
}

/* タブバーのバッヂ */
.tabbar_badge_display_none {
    display: none;
}
/*みんなの声用*/
.tabbar_everyvoice_badge1_red {
    position:relative;
}
.tabbar_everyvoice_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_everyvoice_badge2_red {
    position:relative;
}
.tabbar_everyvoice_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_everyvoice_badge3_red {
    position:relative;
}
.tabbar_everyvoice_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/*Todo用*/
.tabbar_todo_badge1_red {
    position:relative;
}
.tabbar_todo_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_todo_badge2_red {
    position:relative;
}
.tabbar_todo_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_todo_badge3_red {
    position:relative;
}
.tabbar_todo_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/*掲示板用*/
.tabbar_board_badge1_red {
    position:relative;
}
.tabbar_board_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_board_badge2_red {
    position:relative;
}
.tabbar_board_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_board_badge3_red {
    position:relative;
}
.tabbar_board_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/*マイページ用*/
.tabbar_mypage_badge1_red {
    position:relative;
}
.tabbar_mypage_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_mypage_badge2_red {
    position:relative;
}
.tabbar_mypage_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_mypage_badge3_red {
    position:relative;
}
.tabbar_mypage_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 45px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/*テーマ用*/
.tabbar_aim_badge1_red {
    position:relative;
}
.tabbar_aim_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_aim_badge2_red {
    position:relative;
}
.tabbar_aim_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.tabbar_aim_badge3_red {
    position:relative;
}
.tabbar_aim_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top: 10px;
    right: calc(50% - 60px);
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

/*読んだ一覧・読んでない一覧 (2つ) */
.subform_radio_tabbar {
    width: 100%; 
    align-items: center;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

/* マイページ用のタブバー(4つ) */
.mypage_radio_tabbar {
    width: 100%; 
    /*position: fixed;*/
    /*top: 0px;*/
    /*z-index: 999;*/
    align-items: center;
    background-color: #FFFFFF;
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 0px;
}
/* 項目4つ */
.radio_tabbar_input4_1 {
    display: none;
}
.radio_tabbar_input4_2 {
    display: none;
}
.radio_tabbar_input4_3 {
    display: none;
}
.radio_tabbar_input4_4 {
    display: none;
}
.button4_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 0px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button4_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button4_tabbar_3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button4_tabbar_4 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_input4_1:checked + .button4_tabbar_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input4_2:checked + .button4_tabbar_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input4_3:checked + .button4_tabbar_3 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input4_4:checked + .button4_tabbar_4 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}

/*検索タブバー(3つ)*/
.search_radio_tabbar {
    width: 100%; 
    /*position: fixed;*/
    /*top: 0px;*/
    /*z-index: 999;*/
    align-items: center;
    background-color: #FFFFFF;
    margin-top: 50px;
    margin-bottom: 10px;
    padding: 0px;
}
/* 項目3つ */
.radio_tabbar_input3_1 {
    display: none;
}
.radio_tabbar_input3_2 {
    display: none;
}
.radio_tabbar_input3_3 {
    display: none;
}
.button3_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 0px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.button3_tabbar_3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: 300;
}
.radio_tabbar_input3_1:checked + .button3_tabbar_1 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input3_2:checked + .button3_tabbar_2 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
.radio_tabbar_input3_3:checked + .button3_tabbar_3 {
    background: #F1F1F5;
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
}
/*ステータス変更タブバー*/
.status_radio_tabbar {
    width: 100%; 
    align-items: center;
    background-color: #FFFFFF;
    margin-top: 8px;
    margin-bottom: 30px;
    padding: 8px 12px;
}
.status_radio_tabbar_card {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background: #F1F1F5;
    border-radius: 6px;
}
/* 項目2つ */
.status_radio_tabbar_input2_1 {
    display: none;
}
.status_radio_tabbar_input2_2 {
    display: none;
}
.status_button2_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.status_button2_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.status_radio_tabbar_input2_1:checked + .status_button2_tabbar_1 {
    background: #009999;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.status_radio_tabbar_input2_2:checked + .status_button2_tabbar_2 {
    background: #6F6B99;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
/* 項目3つ */
.status_radio_tabbar_input3_1 {
    display: none;
}
.status_radio_tabbar_input3_2 {
    display: none;
}
.status_radio_tabbar_input3_3 {
    display: none;
}
.status_button3_tabbar_1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.status_button3_tabbar_2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.status_button3_tabbar_3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #656D93;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
}
.status_radio_tabbar_input3_1:checked + .status_button3_tabbar_1 {
    background: #ED7B7B;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.status_radio_tabbar_input3_2:checked + .status_button3_tabbar_2 {
    background: #009999;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.status_radio_tabbar_input3_3:checked + .status_button3_tabbar_3 {
    background: #6F6B99;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.status_header_close {
    width: 36px;
    position: relative;
    margin-right: 8px;
}
.status_header_close img {
    width: 20px; 
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* マイ検索 */
.mysearch_area_div {
    display: flex;
    background: #F1F1F5;
    padding: 12px 12px;
    justify-content: space-between;
}
.mysearch_text_area_div {
    width: 100%;
    max-width: calc(100% - 55px);
}
.mysearch_text_area.list_selected {
    border: 1px solid #6F6B99;
}
.mysearch_text_area {
    background-color: #FFFFFF;
    height: 44px;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
}
.mysearch_text_area div {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    align-self: center;
    max-width: calc(100% - 25px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mysearch_text_area i {
    color: #C5C4D6;
    align-self: center;
    font-size: 16px;
}
.mysearch_icon_area_div {
    width: 60px;
    text-align: -webkit-right;
    align-self: center;
}
.mysearch_select_list_area {
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(109, 115, 147, 0.25);
    border-radius: 8px;
    position: absolute;
    width: calc(100% - 80px);
    margin-left: 12px;
    top: -12px;
    padding-top: 8px;
    padding-bottom: 8px;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}
.mysearch_select_list_entry {
    display: flex;
    height: 30px;
    padding: 8px 12px;
    align-items: center;
    cursor: pointer;
}
.mysearch_select_list_entry i {
    color: #6F6B99; 
    font-size: 16px;
}
.mysearch_select_list_entry span {
    color: #6F6B99; 
    font-size: 14px; 
    font-weight: 600;
    line-height: 160%;
    margin-left: 4px;
}
.mysearch_select_list {
    display: flex;
    height: 30px;
    padding: 8px 12px;
    align-items: center;
    color: #393D51;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
    background-color: #FFFFFF;
}
.mysearch_select_list:hover {
    background-color: #F1F1F5;
}



/* タスクリストページ */

/* タスクリストタイトル */
.task_list_title_icon {
    color: #37D850;
}

/* 詳細検索 */
.task_list_detail_search_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}

.task_list_detail_search_span_left {
    color: var(--unnamed-color-6d7393);
    text-align: left;
    margin-left: 10px;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    font-size: 16px;
}

.task_list_detail_search_span_right {
    display: flex;
    margin-right: 10px;
}

.task_list_detail_search_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: #F1F1F5;
    opacity: 1;
    text-align: -webkit-center;
}
.task_list_detail_form_header {
    height: 27px; 
    border-radius: 8px 8px 0px 0px; 
    display: flex; 
    justify-content: center; 
    position: relative; 
    margin: 0px 5px;
}
/*ステータス：未着手*/
.task_list_detail_form_header.status_waiting {
    background: #ED7B7B;
}
/*ステータス：対応中*/
.task_list_detail_form_header.status_doing {
    background: #009999;
}
/*ステータス：完了*/
.task_list_detail_form_header.status_closing {
    background: #6F6B99;
}
.task_list_detail_form_header_text {
    color: #FFFFFF; 
    font-size: 12px; 
    font-weight: 600; 
    line-height: 240%; 
    text-align: center; 
    margin-left: 4px;
}
.task_list_detail_form_header_icon {
    position: absolute; 
    right: 10px;
}
.task_list_detail_form_header_icon > i {
    color: #FFFFFF; 
    font-size: 16px;
}

.task_list_detail_search_form {
    margin: 0px 10px 40px 10px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    text-align: left;
}
.task_list_detail_search_form.detail_form {
    max-width: 480px;
}
.task_list_detail_search_form .position_row {
    margin-bottom: 20px;
}
.task_list_detail_search_form .calendar label {
    margin-right: 10px;
}
.task_list_detail_search_form .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    height: 46px;
    /*border: 1px solid #EAEAF0;*/
}
.task_list_detail_search_form .yoyaku_calendar label {
    margin-right: 10px;
}
.task_list_detail_search_form .yoyaku_calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 8px 12px;
    width: 50%;
    height: 46px;
    /*border: 1px solid #EAEAF0;*/
}
.task_list_detail_search_form.modify_form {
    max-width: 480px;
    background: #F1F1F5;
}

/* ソート */
.task_list_detail_search_sort {
    display: none;
    text-align: center;
    margin-left: 10px;
    width: 120px;
    height: 40px;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    color: #6D7393;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}

.task_list_detail_search_sort > i {
    line-height: 35px;
    color: #6D7393;
    opacity: 1;
}

/*過去の掲示板タイトル*/
.board_shinto_close_detail_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 220px;
    height: 40px;
    margin-top: 60px;
    margin-bottom: 50px;
    margin-left: calc(50% - 110px);
    background: #6F6B99 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    /*border: 2px solid #EAEAF0;*/
    border-radius: 8px;
    opacity: 1;
}
.board_shinto_close_detail_message {
    color: #FFFFFF;
    text-align: center;
    font: W6 14px/20px Hiragino Kaku Gothic ProN;
    font-size: 14px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.board_shinto_close_detail_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
    color: #FFF;
}

/* カードアコーディオン */
.task_list_detail_search_date_name i {
    color: #6D7393;
}

.note_toggle_button[data-status="open"] .task_list_detail_search_date_name i.icon_close {
    display: none;
}

.note_toggle_button[data-status="close"] .task_list_detail_search_date_name i.icon_open {
    display: none;
}

/* 検索結果 */
.task_list_detail_search_result_form {
    margin-bottom: 40px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.task_list_detail_search_result_form .position_row {
    margin-bottom: 10px;
}

.task_list_detail_search_result_form .calendar label {
    margin-right: 10px;
}

.task_list_detail_search_result_form .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 5px;
    width: 100%;
    height: 40px;
}

/* 対応期限の表記 */
/*
.task_list_detail_search_warning {
    border: 1px solid #E52F2F;
    border-radius: 8px;
    margin-bottom: 10px;
    opacity: 1;
}

.task_list_detail_search_warning_text {
    text-align: center;
    font: W3 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}
*/

/* 対応期限の表記（強赤） */
.task_list_detail_search_warning[color_type="strong_red"] {
    border: 1px solid #E52F2F;
    background-color: #E52F2F;
    border-radius: 8px;
    margin-bottom: 10px;
    opacity: 1;
}
.task_list_detail_search_warning[color_type="strong_red"] .task_list_detail_search_warning_text {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    padding-top: 2px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 対応期限の表記（中赤） */
.task_list_detail_search_warning[color_type="medium_red"] {
    border: 1px solid #E52F2F;
    background-color: #FCEAEA;
    border-radius: 8px;
    margin-bottom: 10px;
    opacity: 1;
}
.task_list_detail_search_warning[color_type="medium_red"] .task_list_detail_search_warning_text {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    padding-top: 2px;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}

/* 対応期限の表記（弱赤） */
.task_list_detail_search_warning[color_type="light_red"] {
    border: 1px solid #E52F2F;
    border-radius: 8px;
    margin-bottom: 10px;
    opacity: 1;
}
.task_list_detail_search_warning[color_type="light_red"] .task_list_detail_search_warning_text {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    padding-top: 2px;
    letter-spacing: 0px;
    color: #E52F2F;
    opacity: 1;
}

/* ただいま浸透させています */
.task_list_detail_search_shintou {
    display: flex;
    justify-content: space-between;
    height: 24px;
    border: 1px solid #5FDBBA;
    border-radius: 8px;
    margin-bottom: 10px;
    opacity: 1;
}
.task_list_detail_search_shintou_left {
    display: flex;
    font: normal normal normal 11px/24px Hiragino Kaku Gothic ProN;
}
.task_list_detail_search_shintou_left > i {
    line-height: 24px;
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}
.task_list_detail_search_shintou_text_1 {
    text-align: center;
    /*font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;*/
    
    letter-spacing: 0px;
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}
.task_list_detail_search_shintou_text_2 {
    text-align: left;
    /*font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;*/
    font: normal normal normal 12px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #5FDBBA;
    margin-right: 5px;
    opacity: 1;
}
.task_list_detail_search_date_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    position: relative;
}
.list_card_main_div {
    background: #F1F1F5;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 24px;
}
.board_category_div {
    background: #FFFFFF;
    border: 1px solid #009999;
    border-radius: 4px;
    padding: 0px 8px;
    min-width: 80px;
    height: 22px;
    text-align: center;
    position: relative;
}
.board_category_div span {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    color: #009999;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.board_wiki_mark_div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0px 8px;
    min-width: 60px;
    height: 22px;
}
.board_wiki_mark_div > i {
    font-size: 12px;
    color: #A2A1B4;
    margin-right: 3px;
}
.board_wiki_mark_div > span {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    color: #4F537A;
}
.sakusen_result_memo_open_range {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 2px;
    max-width: 110px;
    font-size: 10px;
    color: #656d93;
    text-align: center;
    margin-bottom: 6px;
}
.board_sakusen_member_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 12px;
}
.board_sakusen_member_detail_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 12px;
}
.board_sakusen_member_icon {
    width: 35px; 
    min-width: 35px; 
    padding-left: 4px;
}
.board_sakusen_member_icon i {
    color: #C5C4D6; 
    font-size: 20px;
}
.sakusen_member_wrap {
    font-size: 13px;
    line-height: 160%; 
    padding-right: 8px;
}
.sakusen_member_list_div {
    display: flex;
    margin-bottom: 8px;
}
.sakusen_member_staff_name {
    font-weight: 600;
    min-width: 110px;
    max-width: 150px;
    word-wrap: break-word;
}
.sakusen_member_position_name {
    font-weight: 300;
    margin-left: 12px;
    width: 100%;
}
.sakusen_member_list_table {
    margin: 0px 0px 24px 0px; 
    width: 100%; 
    border: 0px;
    border-collapse: collapse; 
    /*background-color: #FAFAFA;*/
}
.sakusen_member_list_table tr {
    height: 35px;
}
.sakusen_member_list_table td {
    padding: 4px;
    border-bottom: 1px solid #ccc;
}
.sakusen_member_col_title_div {
    padding: 4px 4px;
    text-align: left;
    display: flex;
}
.sakusen_member_col_title_div div {
    min-width: 10px;
    max-width: 10px;
}
.sakusen_member_col_title_div span {
    font-size: 12px; 
    color: #656D93;
    font-weight: 600;
    width: 100%;
}
.sakusen_member_col_data_div {
    text-align: left;
}
.sakusen_member_col_data_div span {
    font-size: 11px; 
    color: #656D93;
    word-break: break-all;
}
.sakusen_member_col_i_div {
    text-align: center;
}
.sakusen_member_col_i_div i {
    font-size: 12px;
    white-space: nowrap;
    color: #656D93;
    margin-left: 5px;
    vertical-align: middle;
}
.sakusen_member_col_i_div span {
    font-size: 12px; 
    color: #656D93;
    word-break: break-all;
    padding-left: 4px;
}
.sakusen_member_col_data_num_div {
    padding: 4px 4px; 
    text-align: left;
}
.sakusen_member_col_data_num_div span {
    font-size: 12px; 
    color: #656D93;
    word-break: break-all;
}
.sakusen_member_col_data_num_div i {
    font-size: 12px;
    white-space: nowrap;
    color: #656D93;
    margin-left: 5px;
    vertical-align: middle;
}
.sakusen_member_input_botto_area {
    margin-bottom: 24px;
    text-align: center;
}
.sakusen_member_input_botto_header {
    background-color: #F1F1F5; 
    padding: 4px 8px; 
    border-radius: 8px 8px 0px 0px; 
    border: 1px solid #EAEAF0;
}
.sakusen_member_input_botto_header span {
    font-size: 13px; 
    font-weight: 600; 
    line-height: 160%;
}
.sakusen_member_input_botto_data_area {
    /*background-color: #FFFFFF; */
    background-color: #F1F1F5;
    border-radius: 0px 0px 8px 8px; 
    border-left: 1px solid #EAEAF0; 
    border-right: 1px solid #EAEAF0; 
    border-bottom: 1px solid #EAEAF0;
    max-height: 400px;
    overflow-y: scroll;
    padding: 12px 8px 12px 8px;
}
.sakusen_member_input_botto_nothing_msg {
    margin: 16px;
    font-size: 13px;
    color: #656D93;
    text-align: center;
}
.board_sakusen_member_icon_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 0px;
}
.board_sakusen_member_footer_div {
    display: flex; 
    justify-content: flex-end; 
}
.board_sakusen_member_botto_button {
    width: 110px;
    height: 30px;
    text-align: center;
    border: 1px solid #6D7393;
    border-radius: 30px;
    opacity: 1;
    font-size: 12px;
    margin-right: 8px;
    cursor: pointer;
}
.board_sakusen_member_botto_button > span {
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    line-height: 28px;
    opacity: 1;
}
.board_sakusen_yoyaku_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 12px;
}
.sakusen_send_yoyaku_time {
    font-size: 13px;
    line-height: 160%; 
    padding-right: 8px;
    font-weight: 300;
}
.sakusen_card_accordion_div {
    display: flex; 
    justify-content: space-between;
}
.sakusen_card_accordion_title {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%;
}
.sakusen_card_accordion_div i {
    color: #C5C4D6; 
    font-size: 16px;
    align-self: center;
}
.sakusen_card_aim_store_area {
    margin-top: 12px; 
    margin-bottom: 30px;
    text-align: center;
}
.sakusen_card_aim_store_header {
    background-color: #F1F1F5; 
    padding: 4px 8px; 
    border-radius: 8px 8px 0px 0px; 
    border: 1px solid #EAEAF0;
}
.sakusen_card_aim_store_header span {
    font-size: 13px; 
    font-weight: 600; 
    line-height: 160%;
}
.sakusen_card_aim_store_data_area {
    background-color: #FFFFFF; 
    border-radius: 0px 0px 8px 8px; 
    border-left: 1px solid #EAEAF0; 
    border-right: 1px solid #EAEAF0; 
    border-bottom: 1px solid #EAEAF0;
}
.sakusen_card_aim_store_accordion_area {
    display: flex; 
    justify-content: flex-end; 
    position: absolute; 
    top: 10px; 
    right: 10px;
    cursor: pointer;
}
.sakusen_card_aim_store_accordion_area i {
    color: #C5C4D6; 
    font-size: 16px;
}
.sakusen_card_aim_store_accordion_div {
    font-size: 12px; 
    margin-right: 6px; 
    color: #6d7393; 
    line-height: 130%; 
    text-align: center;
}
.board_sakusen_aim_area {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-around;
}
.board_sakusen_aim_div {
    margin-bottom: 8px;
    text-align: -webkit-center;
    width: 100%;
    /*margin-right: 4px;*/
    /*margin-left: 4px;*/
}
.board_sakusen_aim_title {
    background: #F1F1F5; 
    border: 1px solid #EAEAF0;
    border-radius: 8px 8px 0px 0px;
    padding: 4px 8px; 
    font-size: 13px; 
    font-weight: 600; 
    line-height: 160%;
}
.board_sakusen_aim_data {
    display: flex; 
    padding: 4px 8px; 
    justify-content: center;
    border-left: 1px solid #EAEAF0;
    border-bottom: 1px solid #EAEAF0;
    border-right: 1px solid #EAEAF0;
    border-radius: 0px 0px 8px 8px; 
}
.board_sakusen_aim_data_title {
    color: #656D93; 
    font-size: 13px; 
    font-weight: 300; 
    line-height: 160%;
}
.board_sakusen_aim_data_value {
    color: #393D51; 
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%;
}
.board_sakusen_aim_data_unit {
    color: #656D93; 
    font-size: 12px; 
    font-weight: 300; 
    line-height: 160%; 
    align-self: flex-end; 
    margin-left: 5px;
}
.sakusen_card_last_botto_area {
    margin-bottom: 24px;
    text-align: center;
}
.sakusen_card_last_botto_header {
    background-color: #F1F1F5; 
    padding: 4px 8px; 
    border-radius: 8px 8px 0px 0px; 
    border: 1px solid #EAEAF0;
}
.sakusen_card_last_botto_header span {
    font-size: 13px; 
    font-weight: 600; 
    line-height: 160%;
}
.sakusen_card_last_botto_data_area {
    background-color: #FFFFFF; 
    border-radius: 0px 0px 8px 8px; 
    border-left: 1px solid #EAEAF0; 
    border-right: 1px solid #EAEAF0; 
    border-bottom: 1px solid #EAEAF0;
}

.task_kigen_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 24px;
}
.task_kigen_icon {
    width: 35px; 
    min-width: 35px; 
    padding-left: 4px;
}
.task_kigen_icon i {
    color: #C5C4D6; 
    font-size: 20px;
}
.task_kigen_wrap {
    font-size: 13px;
    line-height: 160%; 
    padding-right: 8px;
}
.task_kigen_title {
    font-weight: 600;
}
.task_kigen_value {
    font-weight: 300;
}

.storebottochart_main_div {
    
}
.store_botto_chart_list_table_area {
    padding: 8px;
    background-color: #FFFFFF;
    border-radius: 8px;
}
.store_botto_chart_list_table {
    margin: 0px 0px 24px 0px; 
    width: 100%; 
    border: 0px;
    border-collapse: collapse; 
    /*background-color: #FAFAFA;*/
}
.store_botto_chart_list_table tr {
    height: 35px;
}
.store_botto_chart_list_table td {
    padding: 2px;
    border-bottom: 1px solid #ccc;
}
.store_botto_chart_col_title_div {
    padding: 2px 2px;
    text-align: left;
    display: flex;
}
.store_botto_chart_col_title_div div {
    min-width: 10px;
    max-width: 10px;
}
.store_botto_chart_col_title_div span {
    font-size: 12px; 
    color: #656D93;
    font-weight: 600;
    width: 100%;
}
.store_botto_chart_col_data_div {
    text-align: left;
}
.store_botto_chart_col_data_div span {
    font-size: 11px; 
    color: #656D93;
    word-break: break-all;
}
.store_botto_chart_col_plus_div {
    text-align: left;
    font-size: 10px;
    color: #099;
    padding-left: 8px;
}
.store_botto_chart_col_minus_div {
    text-align: left;
    font-size: 10px;
    color: #E52F2F;
    padding-left: 8px;
}

.task_member_open_mark { 
    font-size: 11px;
    font-weight: 300;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 2px 4px;
    margin-bottom: 5px;
    text-align: center;
    max-width: 110px;
}
.task_tanto_member_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 24px;
}
.task_tanto_member_icon {
    width: 35px; 
    min-width: 35px; 
    padding-left: 4px;
}
.task_tanto_member_icon i {
    color: #C5C4D6; 
    font-size: 20px;
}
.task_tanto_member_header {
    font-size: 13px;
    line-height: 200%; 
    padding-right: 8px;
    width: 100%;
}
.task_tanto_member_wrap {
    font-size: 13px;
    line-height: 160%; 
    padding-right: 8px;
}
.task_tanto_member_wrap[data-open_flg="0"] {
    max-height: 105px;
    overflow: hidden;
}
.task_tanto_member_wrap[data-open_flg="1"] {
}
.task_tanto_member_view_div {
    width: 100%;
    /*margin-top: 24px; */
    text-align: -webkit-center;
}
.button_group.task_tanto_member_view {
    max-width: 200px; 
    margin-top: 0px;
    margin-bottom: 0px;
}
.task_tanto_member_staff_name {
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #EAEAF0;
    padding: 4px 6px;
}
.task_tanto_member_staff_list {
    display: flex;
}
.task_tanto_member_staff_list i {
    margin-left: 0px; 
    margin-right: 5px; 
    padding-top: 3px;
    color: #009999; 
}
.task_tanto_member_staff_list>i[data-task_status="0"] {
    color: #E3E3E3; 
}
.task_tanto_member_staff_name_disp {
    margin-right: 16px;
}
/*todoのステータス完了ボタン*/
.task_list_detail_tanto_status_group.task_tanto_status_group {
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 65px;*/
    height: 24px;
    border: 1px solid #6F6B99;
    border-radius: 4px;
    background: #6F6B99 0% 0% no-repeat padding-box;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    color: #FFFFFF;
    opacity: 1;
}
.task_list_detail_tanto_status_group.task_tanto_status_group > i {
    color: #FFFFFF;
    margin-left: 4px;
}
.task_list_detail_tanto_status_group.task_tanto_status_group > span {
    color: #FFFFFF;
    margin-left: 5px;
    max-width: 76px;
    min-width: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task_list_detail_tanto_status_group.task_tanto_status_group[data-task_status="0"] {
    background: #FFFFFF;
    color: #656D93;
}
.task_list_detail_tanto_status_group.task_tanto_status_group[data-task_status="0"] > i {
    color: #6F6B99;
}
.task_list_detail_tanto_status_group.task_tanto_status_group[data-task_status="0"] > span {
    color: #656D93;
}
.task_tanto_member_staff_name_status_label {
    /*width: 100px;*/
    max-width: 132px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: center;
    margin-right: 4px;
}
.task_tanto_member_staff_title_area {
    display: flex;
    cursor: pointer;
}
.task_tanto_member_staff_title_area i {
    font-size: 20px;
    color: #393D51;
    margin-right: 8px;
    padding-top: 2px;
    cursor: pointer;
}
.task_tanto_member_staff_title {
    font-weight: 600;
}

.task_list_detail_search_task_data {
    margin-bottom: 10px;
}

.task_list_detail_search_memo {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}

/* 対応期限表示用 */
.task_list_detail_search_display_taiou_kigen {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

/* 対応者表示用 */
/*
.taiousya_display_div {
    display: none;
}
*/

.task_list_detail_search_display_taiousya {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.task_list_detail_search_status_change_button_1 {
    width: 95px;
    margin-left: auto;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 未着手コメント入力用 */
.task_list_detail_search_input_memo_1 {
    margin-bottom: 10px;
}

.task_list_detail_search_input_memo_title_1 {
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_input_memo_textarea_1 {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
}

.task_list_detail_search_input_memo_nextbutton_1 {
    width: 95px;
    margin-left: auto;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;

    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 対応中コメント入力用 */
.task_list_detail_search_input_memo_2 {
    margin-bottom: 10px;
}

.task_list_detail_search_input_memo_title_2 {
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_input_memo_textarea_2 {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
}

.task_list_detail_search_input_memo_button_group_2 {
    display: flex;
    justify-content: flex-end;
}

.task_list_detail_search_input_memo_backbutton_2 {
    width: 106px;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_nextbutton_2 {
    width: 54px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 完了コメント入力用 */
.task_list_detail_search_input_memo_9 {
    margin-bottom: 10px;
}

.task_list_detail_search_input_memo_title_9 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #393D51;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: flex-start;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.task_list_detail_search_input_memo_textarea_9 {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
}

.task_list_detail_search_input_memo_length {
    width: 100%;
    text-align: right;
}
.task_list_detail_search_input_memo_length>span {
    font-size: 12px;
    color: #6D7393;
    /*margin-right: 10px;*/
}

.task_list_detail_search_input_memo_button_group_9 {
    display: flex;
    justify-content: flex-end;
}

.task_list_detail_search_input_memo_backbutton_9 {
    width: 106px;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_nextbutton_9 {
    width: 80px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_updatebutton_9 {
    width: 80px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 浸透中 */
.task_list_detail_search_input_memo_button_group_done {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.task_list_detail_search_input_memo_button_group_shinto {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.task_list_detail_search_input_memo_backbutton_shinto {
    width: 106px;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_nextbutton_shinto {
    width: 80px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_rebutton_shinto {
    width: 100px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_input_memo_nextbutton_shinto_out {
    width: 80px;
    margin-left: 5px;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 13px/23px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    right: 0px;
    opacity: 1;
}

/* 未着手コメント表示用 */
.task_list_detail_search_display_memo_1 {
    margin-bottom: 10px;
    line-height: 150%;
}

.task_list_detail_search_display_memo_group_1 {
    display: flex;
    align-items: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
}

.task_list_detail_search_display_memo_title_1 {
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_display_memo_group_1 > i {
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}

.task_list_detail_search_display_memo_area_1 {
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    width: 100%;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: flex-start;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: flex-start;

}

/* 対応中コメント表示用 */
.task_list_detail_search_display_memo_2 {
    margin-bottom: 10px;
}

.task_list_detail_search_display_memo_group_2 {
    display: flex;
    align-items: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
}

.task_list_detail_search_display_memo_title_2 {
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_display_memo_group_2 > i {
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}

.task_list_detail_search_display_memo_area_2 {
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

/* 完了コメント表示用 */
.task_list_detail_search_display_memo_9 {
    margin-bottom: 10px;
    line-height: 150%;
}

.task_list_detail_search_display_memo_group_9 {
    display: flex;
    align-items: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
}

.task_list_detail_search_display_memo_title_9 {
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_display_memo_group_9 > i {
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}

.task_list_detail_search_display_memo_area_9 {
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    width: 100%;
}

/* 浸透メッセージ表示用 */
.task_list_detail_search_display_memo_shinto {
    margin-bottom: 10px;
    margin-top: 20px;
}
.task_list_detail_search_display_memo_group_shinto {
    display: flex;
    align-items: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    margin-bottom: 10px;
}
.task_list_detail_search_display_memo_title_shinto {
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.task_list_detail_search_display_memo_group_shinto > i {
    color: #5FDBBA;
    margin-left: 5px;
    opacity: 1;
}
.task_list_detail_search_display_memo_area_shinto {
    min-height: 40px;
    padding: 5px;
    background: #E6F2EF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}
.history_card_note_comment_left {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #EAEAF0;*/
    margin-bottom: 5px;
    border-radius: 8px;
    width: calc(100% - 45px);
    left: 15px;
}
.history_card_note_comment_left:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: -20px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 15px solid #E6F2EF;
}
.history_card_note_comment_left i {
    font-size: 23px;
    color: #5FDBBA;
}

/* アコーディオン閉じた時に表示するメモ */
.note_toggle_display_area_2 {
    margin-bottom: 10px;
    line-height: 150%;
}

.task_list_detail_search_display_memo_out {
    margin-bottom: 10px;
}

.task_list_detail_search_display_memo_group_out {
    display: flex;
    align-items: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    margin-bottom: 5px;
}

.task_list_detail_search_display_memo_title_out {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
}

.task_list_detail_search_display_memo_group_out > i {
    color: #009999;
    margin-left: 5px;
    opacity: 1;
}

.task_list_detail_search_display_memo_area_out {
    min-height: 40px;
    padding: 5px;
    background: #E6F2EF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}
.task_list_detail_search_display_memo_area_out_gray {
    min-height: 40px;
    padding: 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;

    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -webkit-box-pack: left;
    -webkit-justify-content: flex-start;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: flex-start;
}
.history_card_note_comment_left_out {
    position: relative;
    background-color: #E6F2EF;
    padding: 10px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #EAEAF0;*/
    margin-bottom: 5px;
    border-radius: 8px;
    width: calc(100% - 45px);
    left: 15px;
    line-height: 150%;
}
.history_card_note_comment_left_out:before {
    content: "";
    position: absolute;
    top: calc(100% - 15px);
    left: -20px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 15px solid #E6F2EF;
}
.history_card_note_comment_left_out i {
    font-size: 23px;
    color: #5FDBBA;
}

/* ノート/掲示板から外す */
.task_list_detail_search_unpin_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

/* ノート/掲示板から外す（浸透用） */
.task_list_detail_search_unpin_group_shinto {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}

.task_list_detail_search_unpin {
    text-decoration: underline;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.task_list_delete_button {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.task_list_delete_button i {
    color: #6D7393;
}
.task_list_delete_button span {
    color: #6D7393;
}

/* クリップ */
.task_list_detail_search_clip_group[data-clip_flg="0"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 28px;
    border: 1px solid #6D7393;
    border-radius: 30px;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    color: #6D7393;
    opacity: 1;
}

.task_list_detail_search_clip_group[data-clip_flg="0"] > i {
    color: #6D7393;
}

.task_list_detail_search_clip_group[data-clip_flg="0"] > span {
    color: #6D7393;
}

.task_list_detail_search_clip_group[data-clip_flg="1"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 28px;
    border: 1px solid #6D7393;
    border-radius: 30px;
    background: #6D7393 0% 0% no-repeat padding-box;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    color: #FFFFFF;
    opacity: 1;
}

.task_list_detail_search_clip_group[data-clip_flg="1"] > i {
    color: #FFFFFF;
}

.task_list_detail_search_clip_group[data-clip_flg="1"] > span {
    color: #FFFFFF;
}

/* 自担当未完了マーク */
.task_list_mikanryo_div {
    position: relative;
}
.task_list_detail_mikanryo {
    width: 15px;
    opacity: 1;
    text-align: center;
    position: absolute;
    top: -45px;
    right: -20px;
    z-index: 2;
    font-size: 10px;
}
.task_list_detail_mikanryo > i {
    color: #FF0000;
}

/* 未読マーク */
.task_list_detail_midoku {
    width: 15px;
    opacity: 1;
    text-align: center;
    position: absolute;
    top: -6px;
    left: 100px;
    z-index: 2;
    font-size: 10px;
}
.task_list_detail_midoku > i {
    color: #FF0000;
}

/* 読んだ・クリップのグループ */
.task_list_detail_search_yonda_group_1 {
    display: flex;
    align-items: flex-end;
    margin-left: 1px;
}
.task_list_detail_search_yonda_group_1 > span {
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    color: #6F6B99;
    opacity: 1;
}
/* 読んだ (掲示板）*/
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="0"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 30px;
    border: 1px solid #6F6B99;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #656D93;
    opacity: 1;
    /*background-color: #009999;*/
}
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="0"] > i {
    color: #6F6B99;
    /*color: #FFFFFF;*/
}
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="0"] > span {
    color: #656D93;
    /*color: #FFFFFF;*/
    margin-left: 5px;
}
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="1"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 30px;
    border: 1px solid #6F6B99;
    border-radius: 4px;
    background: #6F6B99 0% 0% no-repeat padding-box;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #FFFFFF;
    opacity: 1;
}
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="1"] > i {
    color: #FFFFFF;
}
.task_list_detail_search_yonda_group_2.task_yonda_group[data-kidoku_flg="1"] > span {
    color: #FFFFFF;
    margin-left: 5px;
}
/* 読んだ（wiki） */
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="0"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 34px;
    /*border: 1px solid #6F6B99;*/
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #656D93;
    opacity: 1;
    background-color: #009999;
}
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="0"] > i {
    /*color: #6F6B99;*/
    color: #FFFFFF;
}
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="0"] > span {
    /*color: #656D93;*/
    color: #FFFFFF;
    margin-left: 5px;
}
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="1"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 34px;
    border: 1px solid #6F6B99;
    border-radius: 4px;
    background: #6F6B99 0% 0% no-repeat padding-box;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #FFFFFF;
    opacity: 1;
}
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="1"] > i {
    color: #FFFFFF;
}
.task_list_detail_search_yonda_group_2.wiki_yonda_group[data-kidoku_flg="1"] > span {
    color: #FFFFFF;
    margin-left: 5px;
}
.task_list_yonda_list_icon {
    display: flex;
    height: 30px;
    align-items: center;
    margin-left: 8px;
}
.task_list_yonda_list_icon > span {
    margin-left: 4px;
    margin-right: 8px;
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: 300;
    color: #6F6B99;
    opacity: 1;
}
.task_list_yonda_list_icon > i {
    color: #6F6B99;
}
/*掲示板既読判定div*/
.task_list_kidoku_hantei {
    position: relative;
    top: 180px;
}

/*みんなの声カードのフッター*/
.history_card_footer {
    border-top: 0.5px solid #EAEAF0;
    margin-top: 12px;
}
.history_card_footer_text {
    color: #656D93;
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    margin: 8px 0px 0px 0px;
}
.history_card_footer_icon_div {
    display: flex; 
    justify-content: space-around;
    padding: 4px;
}
.history_card_footer .footer_div {
    width: 56px;
    height: 40px;
    position: relative;
}
.history_card_footer i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.history_card_footer img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_footer_comment[data-comment_flg="0"] > i {
    color: #C5C4D6;
}
.history_card_footer_comment[data-comment_flg="1"] > i {
    color: #6F6B99;
}
.history_card_footer_bookmark[data-bookmark_flg="0"] > i {
    color: #C5C4D6;
}
.history_card_footer_bookmark[data-bookmark_flg="1"] > i {
    color: #6F6B99;
}
.history_card_footer_stamp {

}

/*掲示板カードのフッター*/
.task_list_detail_search_footer {
    border-top: 0.5px solid #EAEAF0;
    height: 40px;
    display: flex;
    justify-content: space-around;
}
.task_list_detail_search_footer div {
    width: 56px;
    height: 40px;
    position: relative;
}
.task_list_detail_search_footer i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.task_list_detail_search_footer img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.task_list_detail_footer_comment[data-comment_flg="0"] > i {
    color: #C5C4D6;
}
.task_list_detail_footer_comment[data-comment_flg="1"] > i {
    color: #6F6B99;
}
.task_list_detail_footer_bookmark[data-bookmark_flg="0"] > i {
    color: #C5C4D6;
}
.task_list_detail_footer_bookmark[data-bookmark_flg="1"] > i {
    color: #6F6B99;
}
.task_list_detail_footer_stamp {
    cursor: pointer;
}

/* ノート/掲示板のカード開く(新) */
.card_open_line_empty {
    height: 5px;
}
.card_open_line_group {
    position: relative;
    margin-top: 10px;
    margin-bottom: 25px;
}
.card_open_line_group > i {
    font-size: 12px; 
    white-space: nowrap;
    position: absolute; 
    color: #6D7393; 
    top: 50%;
    left: 45%; 
}
.card_open_line_left {
    position: absolute; 
    border-top: 1px dashed #cccccc; 
    width: 40%;
    top: 5px; 
    left: 0px; 
}
.card_open_line_right {
    position: absolute; 
    border-top: 1px dashed #cccccc; 
    width: 40%;
    top: 5px; 
    right: 0px; 
}

/* ノートの作成者表示エリア */
.note_inputperson_area {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.note_inputperson_name {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
}
/* 掲示板の作成者表示エリア */
.board_inputperson_area {
    display: flex;
    justify-content: flex-end;
    /*padding-bottom: 10px;*/
    margin-top: 12px;
}
.board_inputperson_area i {
    width: 20px;
    height: 20px;
    color: #C5C4D6;
    margin-right: 5px;
}
.board_inputperson_name {
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
    /*max-width: 120px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*日付部分*/
.board_inputymd_area {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 10px;
}
.board_inputymd_name {
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
    margin-right: 3px;
}
.board_inputymd_name.modify_label {
    font-size: 10px; 
    line-height: 180%; 
    color: #9E9E9E; 
    white-space: nowrap;
    margin-left: 8px;
}

/* 操作アクションアイコン */
.board_action_icon_wrap {
    min-width: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.board_action_icon_wrap #aciton_icon {
    color: #C5C4D6;
    font-size: 18px;
    cursor: pointer;
}

/* ノート/掲示板の浸透メッセージ入力者表示エリア */
.note_shinto_inputperson_area {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.note_shinto_inputperson_name {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.note_shinto_inputperson_area_out {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.note_shinto_inputperson_name_out {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 11px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.note_shinto_edit_comments_button {
    display: flex;
    justify-content: flex-end;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    color: #6D7393;
}
.note_shinto_edit_comments_button i {
    color: #6D7393;
}
.note_shinto_edit_comments_button span {
    color: #6D7393;
}


/* wiki並び替え用画面 */
.sort_card_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
}

/*サブフォーム用画面*/
.subform_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9991;
    background: #F1F1F5;
    opacity: 1;
    text-align: -webkit-center;
}
.subform_wrap.white {
    background: #FFFFFF;
}

/*掲示板サブフォーム用画面*/
.add_new_note_subform_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9991;
    background: #F1F1F5;
    opacity: 1;
    text-align: -webkit-center;
}
/* 確認フォーム用 */
.add_new_note_confirm_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9992;
    background: rgba(57, 61, 81, 0.9);;
    opacity: 1;
    text-align: -webkit-center;
}
.sakusenposition_confirm_div {
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 16px;
    width: 330px;
    height: 270px;
}
.sakusenposition_confirm_div span {
    display: block;
    line-height: 140%;
    font-size: 18px;
    font-weight: 600;
}
.confirm_close_div {
    text-align: right; 
    padding: 15px 15px 0px 0px;
}
.confirm_close_div img {
    width: 24px; 
    height: 24px;
}

/* 新規ノート/掲示板を作る画面 */
.add_new_note_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9992;
    background: #F1F1F5;
    opacity: 1;
    text-align: -webkit-center;
}

.add_new_note_card {
    margin: 10px;
}

.add_new_note_card .position_row {
    margin-bottom: 10px;
}

.add_new_note_card .calendar label {
    margin-right: 10px;
}

.add_new_note_card .calendar input {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 5px;
    width: 100%;
    height: 40px;
}

.newlms_front_end_inputs_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.front_end_inputs_fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}

.front_end_inputs_fields:last-child {
    margin-right: 0;
}

.front_end_inputs_fields label {
    margin-left: 5px;
    font-size: 14px;
    color: #333;
}

.add_new_lms_note_title {
    width: 100%;
    height: 46px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 8px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.add_new_lms_note_title_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}

.note_edit_button_div{
    display: flex;
    justify-content: flex-end;
}
.note_edit_comments_button {
    display: flex;
    justify-content: flex-end;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    color: #6D7393;
    margin-left: 10px;
}
.note_edit_comments_button i {
    color: #6D7393;
}
.note_edit_comments_button span {
    color: #6D7393;
}
.note_delete_comments_button {
    display: flex;
    justify-content: flex-end;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    color: #6D7393;
    margin-left: 10px;
}
.note_delete_comments_button i {
    color: #6D7393;
}
.note_delete_comments_button span {
    color: #6D7393;
}

.add_new_note_textarea {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}
.add_new_note_textarea_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}

.add_taiousya_list_new_note {
    width: 100%;
    /*background-color: #FFAE40;*/
    background-color: #6D7393;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}

.add_taiousya_list_new_note i {
    color: #FFF;
    font-size: 11px;
}

.add_taiousya_list_new_note span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

.add_store_list {
    margin-bottom: 24px;
}
.add_calendar {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: left;
}
.add_taiou_kigen2 {
    background-color: #FFF;
    border: 2px solid #EAEAF0;
    font-size: 16px;
    line-height: 2;
    padding: 0 5px;
    font-weight: 600;
}

.add_new_note_shinto_memo {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 20px;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
}

.shinto_note_memo {
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}

.newnote_sakusen_div span {
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
    color: #656D93;
    text-decoration-line: underline;
    cursor: pointer;
}
.newnote_sakusen_input_area {
    display: flex;
}
.newnote_sakusen_input_area span {
    align-self: flex-end;
}
.newnote_sakusen_input_minus_btn {
    background-color: #6D7393;
    width: 98px;
    height: 28px;
    border-radius: 8px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
    margin-left: 14px;
    align-self: flex-end;
    cursor: pointer;
}
.newnote_sakusen_input_plan_area {
    margin-top: 12px; 
    text-align: center;
}
.newnote_sakusen_input_plan_header {
    background-color: #F1F1F5; 
    padding: 4px 8px; 
    border-radius: 8px 8px 0px 0px; 
    border: 1px solid #EAEAF0;
}
.newnote_sakusen_input_plan_header span {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%;
}
.newnote_sakusen_input_plan_data_area {
    background-color: #FFFFFF; 
    border-radius: 0px 0px 8px 8px; 
    border-left: 1px solid #EAEAF0; 
    border-right: 1px solid #EAEAF0; 
    border-bottom: 1px solid #EAEAF0;
}
.newnote_sakusen_input_plan_data {
    display: flex; 
    justify-content: center; 
    padding: 4px 8px;
}
.newnote_sakusen_input_plan_data_value {
    /*
    color: #393D51;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    */
    width: 100%;
    max-width: 125px;
    margin-right: 6px;
    height: 46px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 8px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.newnote_sakusen_input_plan_data_unit {
    color: #656D93;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
    align-self: flex-end;
}
.newnote_member_div {
    display: flex;
    padding: 12px;
    justify-content: center;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
}
.newnote_member_div span {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    word-break: break-all;
}
.newnote_member_div img {
    width: 20px;
    margin-left: 15px;
    cursor: pointer;
}
.todo_card_icon_div {
    display: flex; 
    justify-content: flex-end;
    position: absolute;
    min-width: 70px;
    height: 25px;
    top: 0px;
    right: 0px;
}
.todo_chart_icon_wrap {
    min-width: 25px;
}
.todo_status_item_area {
    width: 100%; 
    margin-bottom: 20px; 
    padding-left: 30px;
}
.todo_status_item_header {
    display: flex; 
    margin-bottom: 8px; 
    justify-content: space-between; 
    padding-right: 20px;
    color: #6F6B99; 
    font-size: 13px;
}
.todo_status_item_header i {

    cursor: pointer;
}
.todo_status_item_row {
    display: flex;
}
.todo_status_item_text {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-right: 8px;
    opacity: 1;
}
.todo_status_item_text::placeholder {
    font-weight: 300;
    font-size: 14px;
    color: #888B97;
}
.todo_status_item_delete_div {
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    margin-left: auto;
    text-align: center;
    background-color: #E3E3E3;
    color: #FFF;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.todo_status_item_delete_div i {
    color: #656D93;
}
.todo_status_item_delete_div.item_readonly {
    background-color: #F1F1F5;
    cursor: default;
}
.todo_status_item_delete_div.item_readonly i {
    color: #FFFFFF;
}
.todo_status_item_add_div {
    width: 20px;
    min-width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    /*margin-left: auto;*/
    text-align: center;
    background-color: #6D7393;
    color: #FFF;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.todo_status_item_add_div i {
    color: #FFFFFF;
    font-size: 10px;
}
.todo_status_summary_div {
    margin: 10px;
}
.todo_status_result_div {
    margin: 10px;
}
.todo_status_result_canvas_area {
    width: 100%;
}
.todo_status_result_item_div {
    display: flex;
    align-items: center;
    margin: 6px 0px;
    padding: 2px 6px;
    background: #FFFFFF;
    border-radius: 6px;
    justify-content: space-between;
}
.todo_status_result_text {
    font-size: 11px;
    font-weight: 300;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 200%;
}
.todo_status_result_value{
    font-size: 11px;
    font-weight: 300;
    min-width: 60px;
    text-align: right;
    line-height: 200%;
}

.newnote_sakusen_sales_value {
    width: 100%;
    max-width: 125px; /*180px*/
    margin-right: 10px;
    height: 46px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 8px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.newnote_sakusen_aim_store_icon_div {
    display: flex; 
    justify-content: flex-end;
}
.newnote_sakusen_aim_store_delete {
    display: flex; 
    cursor: pointer;
}
.newnote_sakusen_aim_store_delete i {
    color: #B8311D;
    margin-right: 5px;
}
.newnote_sakusen_aim_store_delete span {
    font-size: 14px; 
    font-weight: 300; 
    color: #B8311D; 
    align-self: flex-end;
}
.newnote_sakusen_aim_store_edit {
    display: flex; 
    cursor: pointer;
}
.newnote_sakusen_aim_store_edit i {
    color: #6F6B99;
    margin-right: 5px;
}
.newnote_sakusen_aim_store_edit span {
    font-size: 14px; 
    font-weight: 300; 
    color: #6F6B99; 
    align-self: flex-end;
}
.newnote_sakusen_sales_delete_div {
    display: flex; 
    justify-content: flex-end;
}
.newnote_sakusen_sales_delete {
    display: flex; 
    cursor: pointer;
}
.newnote_sakusen_sales_delete i {
    color: #B8311D;
    margin-right: 5px;
}
.newnote_sakusen_sales_delete span {
    font-size: 14px; 
    font-weight: 300; 
    color: #B8311D; 
    align-self: flex-end;
}
/* 朝礼：店舗テーマ売上設定関連 */
.newnote_aim_uriage_div span {
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
    color: #656D93;
    text-decoration-line: underline;
    cursor: pointer;
}
.newnote_aim_uriage_setting_value {
    width: 100%;
    max-width: 125px; /*180px*/
    margin-right: 10px;
    height: 46px;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 8px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.newnote_aim_uriage_setting_delete_div {
    display: flex; 
    justify-content: flex-end;
}
.newnote_aim_uriage_setting_delete {
    display: flex; 
    cursor: pointer;
}
.newnote_aim_uriage_setting_delete i {
    color: #B8311D;
    margin-right: 5px;
}
.newnote_aim_uriage_setting_delete span {
    font-size: 14px; 
    font-weight: 300; 
    color: #B8311D; 
    align-self: flex-end;
}
.member_position_add_div {
    display: flex; 
    justify-content: flex-end; 
    padding: 0px 12px; 
    margin-bottom: 16px;
}
.member_position_check_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
    padding: 15px 0px 0px 0px;
}
.member_position_nothing_title {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 12px 24px 20px 24px;
}

.member_save_add_div {
    display: flex; 
    justify-content: flex-end; 
    padding: 0px 12px; 
    margin-bottom: 16px;
}
.member_save_card_area {
    margin: 24px 15px;
}
.member_save_title_card {
    background-color: #FFFFFF; 
    border-radius: 8px; 
    padding: 16px 12px;
}
.member_save_title_error {
    font-size: 12px;
    font-weight: 300;
    color: #FF0000; 
    margin: 5px; 
    text-align: left;
}
.member_save_zero_area {
    display: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    color: #656D93;
    margin: 36px 0px;
}
.member_save_detail_card {
    background-color: #FFFFFF; 
    border-radius: 8px; 
    /*padding: 16px 12px; */
    text-align: left;
    border: 2px solid #FFFFFF;
}
.member_save_detail_card.card_selected {
    border: 2px solid #6F6B99;
}
.member_save_detail_title_div {
    border-bottom: 1px solid #EAEAF0;
    padding: 10px 12px; 
    display: flex; 
    justify-content: space-between;
}
.member_save_detail_title {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%;
}
.member_save_detail_icon_div {
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.member_save_detail_icon_div i {
    color: #9698A7; 
    font-size: 16px; 
    cursor: pointer;
}
.member_save_detail_area {
    font-size: 13px;
    line-height: 160%; 
    padding-right: 8px;
}

.member_select_list_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}
.member_select_list_card_text {
    color: #393D51;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    width: 100%;
    padding: 12px;
    opacity: 1;
}
.member_select_list_card_text > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.member_select_list_card_icon {
    display: flex;
    max-width: 60px;
    justify-content: flex-end;
    padding: 0px 12px;
}

.position_item_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}
.position_item_card_text {
    color: #393D51;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    width: 100%;
    padding: 12px;
    opacity: 1;
}
.position_item_card_text > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.position_item_card_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.position_item_card_icon i {
    color: #6F6B99;
}
.position_item_card_icon i.fa-trash {
    color: #B8311D;
}

/* お知らせナビ */
.notice_navi_group_area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.notice_navi_group_div {
    background-color: #FFFFFF;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 24px;
}
.notice_navi_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
}
.notice_navi_icon_div {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    border: 0.5px solid #EAEAF0;
    border-radius: 8px;
    margin-right: 8px;
    position: relative;
}
.notice_navi_icon_div i {
    font-size: 20px; 
    color: #C5C4D6; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
}
.notice_navi_icon_div img {
    width: 20px; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
}
.notice_navi_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.notice_navi_icon i {
    color: #C5C4D6;
}
.notice_navi_message {
    color: #393D51;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    width: 100%;
    opacity: 1;
    padding-right: 30px;
}
.notice_navi_passage {
    color: #656D93;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
}
.notice_navi_badge_display_none {
    display: none;
}
.notice_navi_badge1_red {
    position:relative;
}
.notice_navi_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:0px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.notice_navi_badge2_red {
    position:relative;
}
.notice_navi_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-4px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.notice_navi_badge3_red {
    position:relative;
}
.notice_navi_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-8px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/*紫マル*/
.notice_navi_badge1_purple {
    position:relative;
}
.notice_navi_badge1_purple[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:0px;
    font-size: 11px;
    background:#6F6B99;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.notice_navi_badge2_purple {
    position:relative;
}
.notice_navi_badge2_purple[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-4px;
    font-size: 11px;
    background:#6F6B99;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.notice_navi_badge3_purple {
    position:relative;
}
.notice_navi_badge3_purple[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-8px;
    font-size:.7em;
    background:#6F6B99;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
/* NEWアイコン */
.botto_new_icon {
    min-width: 30px; 
    height: 15px; 
    background-color: #009999; 
    color: #FFFFFF; 
    font-size: 11px; 
    font-weight: 600; 
    line-height: 140%; 
    padding: 0px 2px; 
    border-radius: 3px; 
}
.botto_new_icon.feedback_new_self {
    max-width: 30px;
    position: absolute;
    top: 5px;
    right: -7px;
}
.botto_new_icon.comment_new_self {
    max-width: 30px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: -7px;
}

/* wiki：コース選択・トピック選択 */
.lms_select_store_area {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.lms_select_store_sort {
    font-size: 14px;
    font-weight: 400;
    color: #6D7393;
}
.lms_select_course_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    /*height: 40px;*/
    min-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}
.lms_select_course_message {
    color: #393D51;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    width: 100%;
    opacity: 1;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 8px;
}
.lms_select_course_message.lms_select_course_sub {
    color: #656D93;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
}
.lms_select_course_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.lms_select_course_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.lms_select_course_icon i {
    color: #C5C4D6;
}
.lms_course_badge_display_none {
    display: none;
}
.lms_course_badge1_red {
    position:relative;
}
.lms_course_badge1_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:0px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.lms_course_badge2_red {
    position:relative;
}
.lms_course_badge2_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-4px;
    font-size: 11px;
    background:#FF0000;
    color:white;
    width:22px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}
.lms_course_badge3_red {
    position:relative;
}
.lms_course_badge3_red[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-9px;
    right:-8px;
    font-size:.7em;
    background:#FF0000;
    color:white;
    width:26px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:10px;
    box-shadow:0 0 1px #333;
}

/*LMS戻るボタン*/
.lms_select_back_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    /*width: 100%;*/
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 8px;
    opacity: 1;
}
.lms_select_back_icon {
    display: flex;
    margin-right: 5px;
    margin-left:  5px;
}
.lms_select_back_icon > i {
    color: #6F6B99;
}
.lms_select_back_message {
    color: #4F537A;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    width: 250px;
    opacity: 1;
    margin-left: 7px;
    /*white-space: nowrap;*/
}
.lms_storememo_area_div {
    display: flex; 
    justify-content: flex-start; 
    margin-bottom: 12px;
}
.lms_storememo_area_icon {
    width: 30px; 
    min-width: 30px; 
    padding-left: 4px;
}
.lms_storememo_area_icon i {
    color: #C5C4D6; 
    font-size: 20px;
}
.lms_storememo_area_icon img {
    font-size: 20px;
}
.lms_storememo_title {
    font-size: 14px;
    line-height: 160%; 
    padding-right: 8px;
    font-weight: 600;
}
.lms_storememo_wrap {
    border-top: 0.5px solid #EAEAF0;
    padding-top: 16px;
}
.lms_storememo_inputperson_name {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #4F537A;
    opacity: 1;
}
/*LMSカードの並び順カード凡例*/
.multicard_hanrei_div{
    display: flex; 
    justify-content: flex-start; 
    padding: 5px; 
    align-items: center; 
    padding: 10px 20px 0px 20px;
}
.multicard_hanrei_1{
    height: 10px; 
    width: 20px; 
    background-color: #EBEAF8;
    border: 1px solid #EAEAF0;
}
.multicard_hanrei_title1 {
    font: W6 14px/24px Hiragino Kaku Gothic ProN; 
    font-size: 12px; 
    margin-left: 5px; 
    color: #6D7393;
}
.multicard_hanrei_2{
    height: 10px; 
    width: 20px; 
    margin-left: 20px; 
    background-color: #DDF2E0;
    border: 1px solid #EAEAF0;
}
.multicard_hanrei_title2 {
    font: W6 14px/24px Hiragino Kaku Gothic ProN; 
    font-size: 12px; 
    margin-left: 5px; 
    color: #6D7393;
}

/* マイページ：スタンプ選択画面 */
.Confirmation_stamp {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    /*background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;*/
    /*background: #acacac4b 0% 0% no-repeat padding-box;*/
    background: rgba(57, 61, 81, 0.9);
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.Confirmation_stamp_box {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: 12px;
}
.stamp_button_card {
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    z-index: 9999;
}
.stamp_button_card_header {
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    z-index: 9999;
    height: 48px;
    border-bottom: 1px solid #EAEAF0;
    padding: 5px 0px;
}
.stamp_button_card_header_title {
    width: 100%;
    text-align: center;
    align-self: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    padding-left: 36px;
}
.stamp_button_card_header_close {
    width: 36px;
    position: relative;
    margin-right: 8px;
}
.stamp_button_card_header_close img {
    width: 20px; 
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.stamp_button_card_area {
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    z-index: 9999;
    margin: 8px 0px;
}
.stamp_div {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    cursor: pointer;
    position: relative;
}
.stamp_div img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.confirm_stamp_div {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 4px;
}
.confirm_stamp_icon {
    margin-right: 8px;
}
.confirm_stamp_icon img {
    width: 20px;
    height: 20px;
}
.confirm_stamp_name {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%;
}

.stamp_top_left {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 10px 0px 0px 0px;
    border-left: 1px solid #6D7293;
    border-top: 1px solid #6D7293;
    position: relative;
}
.stamp_top_left img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stamp_top_center {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #6D7293;
    position: relative;
}
.stamp_top_center img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stamp_top_right {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 10px 0px 0px;
    border-top: 1px solid #6D7293;
    border-right: 1px solid #6D7293;
    position: relative;
}
.stamp_top_right img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stamp_bottom_left {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 10px;
    border-left: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
    position: relative;
}
.stamp_bottom_left img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stamp_bottom_center {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 0px 0px;
    border-bottom: 1px solid #6D7293;
    position: relative;
}
.stamp_bottom_center img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stamp_bottom_right {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6D7393;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 0px 0px 10px 0px;
    border-right: 1px solid #6D7293;
    border-bottom: 1px solid #6D7293;
    position: relative;
}
.stamp_bottom_right img {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*-----------------------------------*/
/* コメントスタンプ表示エリア */
/*-----------------------------------*/
/*みんなの声(self側)*/
.history_card_stamp_self_div {
    position: relative;
    display: flex;
    height: 5px;
    justify-content: flex-start;
}
.history_card_stamp_self_div_1 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    left: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_self_div_1 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_stamp_self_div_2 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    left: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_self_div_2 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_stamp_self_div_3 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    left: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_self_div_3 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*マイページorみんなの声(other側)*/
.history_card_stamp_other_div {
    position: relative;
    display: flex;
    height: 5px;
    justify-content: flex-end;
}
.history_card_stamp_other_div_plus {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    right: 35px;
    background-color: #eae5e5;
    border-radius: 50%;
    border: 2px solid #ffffff;

}
.history_card_stamp_other_div_plus img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_stamp_other_div_1 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    right: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_other_div_1 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_stamp_other_div_2 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    right: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_other_div_2 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_card_stamp_other_div_3 {
    position: relative;
    display: none;
    width: 27px;
    height: 27px;
    top: -15px;
    right: 35px;
    background-color: #E6F2EF;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.history_card_stamp_other_div_3 img {
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 確認画面(新) */
.confirmation_dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 9999;
    background: rgba(57, 61, 81, 0.9);
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.confirmation_dialogbox {
    position: absolute;
    width: 100%;
    max-width: 340px;
    height: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: 12px;
    opacity: 1;
    box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1);
}
.confirmation_dialog_text {
    color: #393D51;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    padding: 48px 16px 40px 16px;
}
.confirmation_dialog_text span {
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
}
.confirmation_dialog_sub_text {
    color: #393D51;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    padding: 12px 16px ;
}
.confirmation_dialog_header_close {
    width: 36px;
    position: absolute;
    top: 24px;
    right: 8px;
}
.confirmation_dialog_header_close img {
    width: 20px; 
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.confirmation_dialog_button {
    position: relative;
    margin: 0px 40px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #6F6B99;
    border-radius: 32px;
    margin-bottom: 8px;
    cursor: pointer;
}
.confirmation_dialog_button > span {
    color: #656D93;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.confirmation_dialog_button.commit_btn {
    background: #009999;
    border: 2px solid #009999;
}
.confirmation_dialog_button.commit_btn.disabled {
    background-color: rgba(0, 153, 153, 0.3);
    border: 0px;
}
.confirmation_dialog_button.commit_btn > span {
    color: #FFFFFF;
}
.confirmation_dialog_button.delete_btn {
    background: #B93229;
    border: 2px solid #B93229;
}
.confirmation_dialog_button.delete_btn > span {
    color: #FFFFFF;
}

/* 確認画面 */
.Confirmation_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #acacac4b 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.Confirmation_box {
    position: absolute;
    width: 60%;
    height: 100px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_s {
    position: absolute;
    width: 60%;
    height: 150px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_m {
    position: absolute;
    width: 60%;
    height: 200px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_l {
    position: absolute;
    width: 60%;
    height: 255px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_ll {
    position: absolute;
    width: 60%;
    height: 310px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_box_3l {
    position: absolute;
    width: 60%;
    height: 360px;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 0.7;
}

.Confirmation_menu_chart {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.Confirmation_box_chart {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    /*width: calc(100% - 30px);*/
    /*height: calc(100% - 40px);*/
    /*top: 15px;*/
    /*left: 15px;*/
    /*transform: translate(-50%,-50%);*/
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    /*background: #EFEFEF 0% 0% no-repeat padding-box;*/
    background-color: #F1F1F5;
}
.display_chart_slide_header {
    display: flex; 
    justify-content: center; 
    /*background-color: #ffffff; */
    /*background-color: #EFEFEF;*/
    padding: 5px; 
    align-items: center; 
    margin-bottom: 20px;
}
.display_chart_slide_box {
    width: calc(100% - 80px);
    height: calc(100% - 130px);
    margin-top: 5px;
    margin-left: 40px;
    /* border: 1px solid #EAEAF0; */
}
.chart_form_title {
    font-size: 16px;
    font-weight: 600;
    color: #393D51;
}
.chart_form_title_kana {
    font-size: 12px;
    font-weight: 300;
    color: #656D93;
}
.display_chart_hanrei_div {
    display: flex; 
    justify-content: flex-end; 
    background-color: #ffffff; 
    padding: 5px; 
    align-items: center;
}
.display_chart_hanrei_1_icon {
    height: 10px; 
    width: 10px; 
    /*background-color: #FFAE40;*/
    background-color: #009999;
}
.display_chart_hanrei_1_title {
    font: W6 14px/24px Hiragino Kaku Gothic ProN; 
    font-size: 12px; 
    margin-left: 1px; 
    color: #6D7393;
}
.display_chart_hanrei_2_icon {
    height: 10px; 
    width: 10px; 
    margin-left: 15px; 
    /*background-color: #5F8FDB;*/
    background-color: #F5B356;
}
.display_chart_hanrei_2_title {
    font: W6 14px/24px Hiragino Kaku Gothic ProN; 
    font-size: 12px; 
    margin-left: 1px; 
    color: #6D7393;
}
.display_store_botto_chart_hanrei_div {
    display: flex; 
    justify-content: center; 
    background-color: #ffffff; 
    padding: 1px; 
    align-items: center;
}
.display_store_botto_chart_hanrei_title {
    font: W6 14px/24px Hiragino Kaku Gothic ProN; 
    font-size: 12px; 
    margin-left: 4px; 
    color: #6D7393;
}
.display_store_botto_chart_hanrei_1_icon {
    height: 10px; 
    width: 10px; 
}
.display_store_botto_chart_hanrei_1_icon.plan_value {
    background-color: #E0C59D;
}
.display_store_botto_chart_hanrei_1_icon.result_value {
    background-color: #E28B00;
}
.display_store_botto_chart_hanrei_2_icon {
    height: 10px; 
    width: 10px; 
}
.display_store_botto_chart_hanrei_2_icon.plan_value {
    background-color: #C5C4D6;
}
.display_store_botto_chart_hanrei_2_icon.result_value {
    background-color: #465071;
}
.display_aim_zero_message {
    position: absolute;
    top: calc(50% - 80px);
    left: 50%;
    transform: translate(-50%, -50%);
}
.display_intro_zero_message {
    position: absolute;
    top: calc(50% - 80px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.Confirmation_text {
    color: var(--unnamed-color-ffffff);
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 16px;
}

.add_taiousya_list {
    width: 100%;
    /*background-color: #FFAE40;*/
    background-color: #6D7393;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}

.add_taiousya_list i {
    color: #FFF;
    font-size: 11px;
}

.add_taiousya_list span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

.taiousya_list_select_wrap {
    margin-top: 10px;
    /*margin-left: 90px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.taiousya_list_select_wrap select{
    /*width: 84%;*/
    width: calc(100% -  45px);
}

.taiousya_list_select_wrap a {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    margin-left: auto;
    text-align: center;
    background-color: #CCC;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.taiousya_list_select_wrap a i{
    color: #FFF;
}

.taiousya_list {
    margin-bottom: 15px;
}

/* ノート/掲示板新規追加ボタン */
.note_add_new_button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    align-items: center;
    background: #6D7393 0% 0% no-repeat padding-box;
    border-radius: 20px;
    text-align: center;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    opacity: 1;
}

.note_add_new_button span {
    text-align: center;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.note_add_new_button div{
    text-align: right;
    width: 50px;
}

.note_add_new_button i {
    color: #FFFFFF;
    margin-right: 15px;
}
/* カード並び順変更ボタン */
.note_sort_button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    align-items: center;
    background: #6D7393 0% 0% no-repeat padding-box;
    border-radius: 20px;
    text-align: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    opacity: 1;
}

.note_sort_button span {
    text-align: center;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.note_sort_button div{
    text-align: right;
    width: 50px;
}

.note_sort_button i {
    color: #FFFFFF;
    margin-right: 15px;
}

/* 画像・動画追加ボタン */
.note_add_image_movie_button_title {
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: flex-start;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: flex-start;
}
.add_image_movie {
    width: 100%;
    /*background-color: #FFAE40;*/
    background-color: #6D7393;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}
.add_image_movie i {
    color: #FFF;
    font-size: 11px;
}
.add_image_movie span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}
.add_note_image_movie {
    width: 100%;
    /*background-color: #FFAE40;*/
    background-color: #6D7393;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
}
.add_note_image_movie i {
    color: #FFF;
    font-size: 11px;
}
.add_note_image_movie span {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
}

/* 店舗ダッシュボード：横スクロール */
.dashboardChartWrapper {
    position: relative;
    width: 100%;
    /*overflow-x: scroll;*/
}
.dashboardChartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

/* チャートの横スクロール */
.chartWrapper {
    position: relative;
    overflow-x: scroll;
}
.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}
.chartAreaWrapper {
    /*width: 150px;*/
    /*overflow-x: scroll;*/
}
.chart_aim_quant_canvas_area {
    width: 250px;
    height: 250px; 
    margin-bottom: 10px;
    margin-left: calc(calc(100% - 255px)/2);
    margin-right: calc(calc(100% - 255px)/2);
}
.chart_aim_quant_canvas_core {
    position: absolute; 
    top: 47%; 
    left: 51%; 
    transform: translate(-50%,-50%);
}
.chart_aim_quant_canvas_core_title {
    font-size: 11px; 
    font-weight: 300; 
    color: #555555;
}
.chart_aim_canvas_quant_div {
    display: block;
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}
.chart_aim_canvas_quant_value {
    font-size: 24px;
    font-weight: 600;
    color: #555555;
}
.chart_aim_canvas_quant_value span {
    font-size: 11px;
    color: #555555;
    margin-left: 7px;
    font-weight: 300;
}
.chart_aim_quant_item_goal_line {
    position: absolute;
    width: 0px; 
    height: 104px;
    border-left: 2px dotted red;
    top: 48%;
    left: 49%;
    transform-origin: top center;
    transform: rotate(-180deg);
}
.chart_aim_quant_label_area {
    float: left; 
    width: 100%;
    /*min-width: 340px; */
    /*min-height: 120px; */
    padding: 20px;
    /*margin-left: calc(calc(100% - 340px)/2);*/
    /*margin-right: calc(calc(100% - 340px)/2);*/
}
.chart_aim_quant_label_div {
    /* float: left; */
    display: flex; 
    justify-content: space-between;
    min-width: 90px; 
    /*border-bottom: 0.5px solid #F1F1F5;*/
    margin-bottom: 8px;
    background-color: #EFEFF3;
    padding: 4px 8px;
    border-radius: 8px;
}
.chart_aim_quant_label_icon {
    width: 16px; 
    height: 16px; 
    margin-right: 10px;
}
.chart_aim_quant_label_text {
    color: #323646; 
    font-size: 11px; 
    line-height: 160%;
    font-weight: 300; 
    text-align: left; 
    /*margin-bottom: 10px; */
    /*margin-bottom: 4px;*/
    margin-right: 10px;
}
.chart_aim_quant_label_text_result {
    color: #323646; 
    font-size: 11px; 
    line-height: 160%;
    font-weight: 300; 
    text-align: left; 
    /*margin-bottom: 10px; */
    /*margin-bottom: 4px;*/
    /*margin-right: 10px;*/
    white-space: nowrap;
    align-self: center;
}
.chart_aim_quant_label_text_renban {
    color: #323646; 
    font-size: 11px; 
    line-height: 160%;
    font-weight: 300; 
    text-align: left; 
    /*margin-bottom: 10px; */
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 10px;
}
.chart_aim_item_goal_icon_hanrei_area {
    display: flex; 
    margin-top: 4px; 
    margin-bottom: 12px; 
    justify-content: flex-start;
}
.chart_aim_item_goal_icon_hanrei {
    width: 16px; 
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    background: none;
    /*border-bottom: 4px dotted #EA9293;*/
    border-bottom: 2px solid #F04536;
}
.chart_aim_item_goal_hanrei_text {
    color: #6D7393;
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin: 0px;
}
.chart_aim_item_goal_div {
    display: flex;
    justify-content: space-between;
    min-width: 90px; 
}
.chart_aim_item_goal_icon {
    width: 16px; 
    height: 10px;
    margin-right: 10px;
    background: none;
    border-bottom: 4px dotted red;
}
.chart_aim_item_goal_text {
    color: #6D7393;
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin-bottom: 10px; 
    margin-right: 20px;
}
.aimstore_chart_jiseki_area {
    margin-bottom: 12px;
}
.aimstore_chart_jiseki_main {
    width: 100%; 
    display: flex; 
    justify-content: space-between;
}
.aimstore_chart_jiseki_sub {
    width: 50%; 
    background-color: #FFFFFF; 
    border-radius: 8px;
}
.aimstore_chart_jiseki_title_area {
    display: flex; 
    justify-content: flex-start; 
    padding: 8px 12px;
    height: 40px;
}
.aimstore_chart_jiseki_data_area {
    display: flex; 
    justify-content: center; 
    padding: 0px 8px 8px 8px;
}
.aimstore_chart_jiseki_title {
    font-size: 12px; 
    line-height: 180%;
}
.aimstore_chart_jiseki_icon {
    margin-left: 8px;
}
.aimstore_chart_jiseki_icon_up {
    transform: rotate(45deg); 
    color: #EF3737;
}
.aimstore_chart_jiseki_icon_down {
    transform: rotate(-45deg); 
    color: #315EE6;
}
.aimstore_chart_jiseki_data_value {
    font-size: 18px;
    font-weight: 600;
}
.aimstore_chart_jiseki_data_value[data-type="up"] {
    color: #EF3737;
}
.aimstore_chart_jiseki_data_value[data-type="down"] {
    color: #315EE6;
}
.aimstore_chart_jiseki_data_unit {
    font-size: 13px;
    font-weight: 300; 
    line-height: 240%;
    margin-left: 6px;
}
.aimstore_chart_jiseki_data_unit[data-type="up"] {
    color: #EF3737;
}
.aimstore_chart_jiseki_data_unit[data-type="down"] {
    color: #315EE6;
}
.aimstore_chart_jiseki_goal_hanrei_icon {
    width: 14px; 
    height: 14px; 
    margin-top: 3px;
    margin-right: 0px;
    background-color: #F5979C;
}
.aimstore_chart_jiseki_goal_hanrei_icon[data-item_id="1"] {
    background-color: #F5979C;
}
.aimstore_chart_jiseki_goal_hanrei_icon[data-item_id="2"] {
    background-color: #FBBC68;
}
.aimstore_chart_jiseki_goal_hanrei_icon[data-item_id="3"] {
    background-color: #87D9B0;
}
.aimstore_chart_jiseki_goal_text_plus {
    color: #6D7393;
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin: 0px 2px; 
    line-height: 190%;
}
.store_dashboard_canvas_result_pin_div {
    position: relative;
}
.store_dashboard_canvas_result_pin {
    position: absolute; 
    top: -14px;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 2;
}
.store_dashboard_canvas_result_pin[data-pin_type="1"] {
    color: #F04536;
    background-color: #FCE2E1;
}
.store_dashboard_canvas_result_pin[data-pin_type="2"] {
    color: #3051DC;
    background-color: #E2F1FE;
}



/*チャートエリアの凡例(ゴール線)*/
.chart_aim_item_goal_line_icon {
    height: 10px;
    margin-right: 10px;
    background: none;
    width: 30px;
    border-bottom: 1.5px solid #FF0000; 
}
.chart_aim_item_goal_line_icon[data-type="0"] {
    border-bottom: 1.5px solid #FF0000;
}
.chart_aim_item_goal_line_icon[data-type="1"] {
    border-bottom: 1.5px solid #007BFF;
}
.chart_aim_item_goal_line_hanrei_icon {
    width: 16px; 
    height: 16px; 
    margin-right: 0px;
    background-color: #F5979C;
}
.chart_aim_item_goal_line_hanrei_icon[data-item_id="1"] {
    background-color: #F5979C;
}
.chart_aim_item_goal_line_hanrei_icon[data-item_id="2"] {
    background-color: #FBBC68;
}
.chart_aim_item_goal_line_hanrei_icon[data-item_id="3"] {
    background-color: #87D9B0;
}
.chart_aim_item_goal_line_text {
    color: #6D7393; 
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin: 0px 6px;
}
.chart_aim_item_goal_line_text_plus {
    color: #6D7393;
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin: 0px 6px;
}
.chart_aim_item_goal_line_label_icon {
    width: 16px; 
    height: 16px; 
    margin-right: 10px;
}
.chart_aim_item_goal_line_text_result {
    color: #6D7393; 
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin-bottom: 4px;
    white-space: nowrap;
}

/*todoのステータスチャート*/
.chart_status_canvas_area {
    width: 250px;
    height: 250px; 
    margin-bottom: 10px;
    margin-left: calc(calc(100% - 255px)/2);
    margin-right: calc(calc(100% - 255px)/2);
}
.chart_status_canvas_core {
    position: absolute; 
    top: 47%; 
    left: 51%; 
    transform: translate(-50%,-50%);
}
.chart_status_canvas_core_title {
    font-size: 11px; 
    font-weight: 300; 
    color: #555555;
}
.chart_status_canvas_div {
    display: block;
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}
.chart_status_canvas_value {
    font-size: 24px;
    font-weight: 600;
    color: #555555;
}
.chart_status_canvas_value span {
    font-size: 11px;
    color: #555555;
    margin-left: 7px;
    font-weight: 300;
}
.chart_status_label_area {
    float: left; 
    /*width: 50%; */
    min-width: 260px; 
    min-height: 120px; 
    padding: 20px;
    margin-left: calc(calc(100% - 260px)/2);
    margin-right: calc(calc(100% - 260px)/2);
}
.chart_todo_label_div {
    float: left;
    display: flex; 
    min-width: 90px; 
}
.chart_todo_status_label_icon {
    width: 16px; 
    height: 16px; 
    margin-right: 10px;
}
.chart_todo_status_label_text {
    color: #6D7393; 
    font-size: 11px; 
    font-weight: 300; 
    text-align: left; 
    margin-bottom: 10px; 
    margin-right: 20px;
}

/* 画像アップロード */
.upload_picture_card {
    text-align: center;
    background: #F1F1F5;
    border-radius: 8px;
    opacity: 1;
}

.upload_picture_card[data-margin_top="0"] {
    /*margin-top: 20px;*/
    margin-bottom: 10px;
}

.upload_picture_card[data-margin_top="1"] {
    margin-top: 20px;
}

.upload_picture_card > i {
    color: #6D7393;
    margin-top: 10px;
    margin-bottom: 10px;
}

.upload_picture_card > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    display: inline-block;
    margin-bottom: 10px;
    opacity: 1;
}

.upload_picture_thumbnail {
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}

.upload_picture_thumbnail_img {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    opacity: 1;
}

.upload_picture_thumbnail_span {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    word-break: break-all;
}
.upload_picture_profile_area {
    position: relative;
    width: 220px;
    max-width: 220px;
    height: 32px;
    border: 1px solid #6F6B99;
    border-radius: 32px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 1;
    cursor: pointer;
}
.upload_picture_profile_area > label {
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
}
.history_card_menu_profile_img_edit input[type="file"] {
    display: none;
}

.upload_picture_button {
    position: relative; /* ボタン全体をクリック範囲とするため */
    width: 220px;
    max-width: 220px;
    height: 32px;
    border: 1px solid #6F6B99;
    border-radius: 32px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 1;
    cursor: pointer;
}
.upload_picture_button input[type="file"] {
    display: none;
}
.upload_picture_button > label {
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
}
/* ボタン全体をクリック範囲とするため */
.upload_picture_button > label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
    cursor: pointer;
}

.upload_picture_hint_div {
    display: flex;
    justify-content: center;
    margin: 5px 0px;
}
.upload_picture_hint_div i {
    width: 16px;
    color: #C5C4D6;
    margin-right: 10px;
}
.upload_picture_hint_div span {
    color: #4F537A;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
}
.upload_picture_hint_div > div {
    width: 16px;
}

/* 画像アップロード */
.upload_picture_card_2 {
    text-align: left;
    border: 1px dashed #CCCCCC;
    border-radius: 8px;
    padding: 5px 3px 5px 3px;
    margin-bottom: 20px;
    opacity: 1;
}

.upload_picture_box_group_2 {
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 10px;*/
}

.upload_picture_card_2_info {
    text-align: left;
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* 画像1つ目 */
.upload_picture_box_1 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_1_input[type="file"] {
    display: none;
}
.upload_picture_box_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_1_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_1 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_1_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_1_delete > i {
    color: #FF0000;
}
/* 画像2つ目 */
.upload_picture_box_2 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_2_input[type="file"] {
    display: none;
}
.upload_picture_box_2_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_2_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_2_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_2 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_2_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_2_delete > i {
    color: #FF0000;
}
/* 画像3つ目 */
.upload_picture_box_3 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_3_input[type="file"] {
    display: none;
}
.upload_picture_box_3_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_3_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_3_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_3 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_3_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_3_delete > i {
    color: #FF0000;
}
/* 画像4つ目 */
.upload_picture_box_4 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_4_input[type="file"] {
    display: none;
}
.upload_picture_box_4_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_4_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_4_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_4 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_4_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_4_delete > i {
    color: #FF0000;
}
/* 画像5つ目 */
.upload_picture_box_5 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_5_input[type="file"] {
    display: none;
}
.upload_picture_box_5_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_5_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_5_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_5 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_5_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_5_delete > i {
    color: #FF0000;
}
/* 画像6つ目 */
.upload_picture_box_6 {
    width: 88px;
    height: 98px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_6_input[type="file"] {
    display: none;
}
.upload_picture_box_6_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_6_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_6_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_6 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_6_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_6_delete > i {
    color: #FF0000;
}

/* チャットコメント＋画像添付用 */
.upload_picture_button_chat {
    position: relative;
    width: 150px; 
    max-width: 220px;
    height: 24px;
    border: 0px;
    text-align: left;
    margin: 4px 2px;
    opacity: 1;
    cursor: pointer;
}
.upload_picture_button_chat > img {
    margin-right: 4px;
}
.upload_picture_button_chat input[type="file"] {
    display: none;
}
.upload_picture_button_chat > label {
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0px;
    color: #656D93;
    position: absolute;
    opacity: 1;
}
.upload_picture_button_chat > label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
    cursor: pointer;
}
.upload_picture_thumbnail_chat {
    width: 77px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2px 0px 6px 0px;
    padding: 4px;
    background-color: #F1F1F5;
    border-radius: 8px;
    opacity: 1;
}
.upload_picture_thumbnail_chat > img {
    cursor: pointer;
}
.upload_picture_thumbnail_chat_img {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    opacity: 1;
}
.upload_picture_thumbnail_chat_span {
    /*width: 100%;*/
    width: 100px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    /*word-break: break-all;*/
    overflow: hidden;
}


/* 点線 */
.hr_dashed {
    border: 1px dashed #CCCCCC;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

/* 点線 */
.hr_solid {
    border: 1px solid #6D7393;
    margin: 0px 0px 10px 0px;
    width: 100%;
    opacity: 1;
}

/* 画像を表示 */
.display_picture_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 8px;
    border-top: 1px dashed #cccccc;
    opacity: 1;
}

.display_picture_Box_left {
    display: flex;
    align-items: center;
}

.display_picture_Box_left > i {
    display: inline-block;
    color: #6D7393;
    font-size: 30px;
}

.display_picture_Box_left > span {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* 画像（ノート/掲示板用）を表示 */
.display_picture_box_note {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    opacity: 1;
}

.display_picture_button {
    width: 120px;
    height: 30px;
    text-align: center;
    border: 1px solid #6D7393;
    border-radius: 30px;
    opacity: 1;
    font-size: 12px;
    cursor: pointer;
}

.display_picture_button > span {

    font: normal normal normal 12px/30px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

/* 動画再生画面 */
.display_movie_play_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    /*background: rgba(0, 0, 0, 0.8);*/
    background: #EFEFEF;
}
.display_movie_play_box {
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px 5px 5px 5px;
    text-align: center;
    background: #FFFFFF;
    /*background: rgba(0, 0, 0, 0.8);*/
    backdrop-filter: none;
    /*border: 1px solid #707070;*/
    /*border-radius: 8px;*/
    opacity: 1;
}
.display_movie_play_box > span {
    text-align: center;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.display_movie_play_box_movie {
    width: calc(100% - 10px);
    /*height: calc(100% - 300px);*/
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 30px;
    /* border: 1px solid #EAEAF0; */
    /*background-color: #CCCCCC;*/
    /*background-color: #EFEFEF;*/
}
.display_movie_play_box_movie_div {
    width: 100%;
    position: relative;
}
.display_movie_play_box_movie img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.display_movie_play_box_msg_area {
    width: calc(100% - 10px);
    height: 180px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px 5px 20px 5px;
    text-align: left;
    border-top: 1px solid #EAEAF0;
    padding-top: 15px;
}
.display_movie_play_text {
    display: inline-block;
    color: #6D7393;
    /*color: #FFFFFF;*/
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    line-height: 150%;
}
.display_movie_play_text a {
    /*color: #0099FF;*/
    color: #FF0000;
}
.display_movie_play {
    width: 100%; 
}

/* 画像拡大画面 */
.display_picture_zoom_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    /*background: rgba(0, 0, 0, 0.8);*/
}

.display_picture_zoom_box {
    /*height: calc(100% - 8px);*/
    /*width: calc(100% - 8px);*/
    /*margin: 4px 4px 4px 4px;*/
    height: calc(100% - 0px);
    width: calc(100% - 0px);
    margin: 0px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    /*border: 1px solid #707070;*/
    border-radius: 8px;
    opacity: 1;
}
.display_picture_zoom_box > span {
    text-align: center;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.display_picture_zoom_box_header_div {
    padding: 12px 12px 0px 0px; 
    display: flex; 
    justify-content: space-between;
}
.display_picture_zoom_box_header_div span {
    width: 100%;
    text-align: center;
    padding-left: 40px;
}

.display_picture_zoom_box_picture {
    width: calc(100% - 50px);
    height: calc(100% - 100px);
    margin-top: 15px;
    margin-left: 25px;
    /* border: 1px solid #EAEAF0; */
}

.display_picture_zoom_box_picture_div {
    width: 100%;
    height: calc(100vh - 120px);
    position: relative;
}

.display_picture_zoom_box_picture img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.display_picture_zoom_box_picture i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.picture_box_pdf {
    color: red; 
    font-size: 2.5em;
}

/* 動画登録 */
.upload_movie_box {
    /*display: flex;*/
    /*justify-content: space-between;*/
    align-items: center;
    width: 100%;
    /*height: 80px;*/
    vertical-align: middle;
    margin-top: 10px;
    padding-top: 10px;
    /*border-top: 1px dashed #cccccc;*/
    border: 1px solid #EAEAF0;
    opacity: 1;
    text-align: center;
    position: relative;
}
.upload_movie_box > i {
    /*color: #6D7393;*/
    color: #CCCCCC;
    margin-top: 20px;
    margin-bottom: 20px;
}
.upload_movie_box > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    /*display: inline-block;*/
    display: block;
    margin-bottom: 10px;
    opacity: 1;
}
.upload_movie_Box_left {
    display: flex;
    align-items: center;
}
.upload_movie_Box_left > i {
    display: inline-block;
    color: #6D7393;
}
.upload_movie_Box_left > span {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.upload_movie_button {
    position: relative; /* ボタン全体をクリック範囲とするため */
    width: 200px;
    height: 40px;
    border: 1px solid #6D7393;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 1;
}
.upload_movie_button input[type="file"] {
    display: none;
}
.upload_movie_1_input[type="file"] {
    display: none;
}
.upload_movie_button > label {
    line-height: 40px;
    font: normal normal normal 14px/40px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
.upload_movie_box_1_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_movie_box_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_movie_box_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
/* 進捗バー */
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background-color: #EFEFEF; /* -moz- 用 */
}
::-webkit-progress-bar {
  background-color: #EFEFEF;
}
/* バーの進捗率の表示を変える */
::-moz-progress-bar {
  background-color: #6D7393;
}
::-webkit-progress-value {
  background-color: #6D7393;
}

/* 動画表示 */
.display_movie_box1 {
    align-items: center;
    width: 100%;
    /*height: 200px;*/
    vertical-align: middle;
    margin-top: 4px;
    /*border: 1px solid #EAEAF0;*/
    opacity: 1;
    position: relative;
}
.display_movie_box2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 20px;
    vertical-align: middle;
    padding-top: 10px;
    /*margin-top: 10px;*/
    /*border-top: 1px dashed #cccccc;*/
    opacity: 1;
}
/*
.upload_movie_box_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
*/
.upload_movie_box_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 2px;
    z-index: 2;
}
.upload_movie_box_1_delete > i {
    color: #FF0000;
}
.upload_movie_box_1_video {
    width: 100%; 
    height: 86%; 
    max-height: 150px; 
    border: 1px solid #EAEAF0;
}
/* 浸透メモから動画のジャンプリンク */
.video_jump_link {
    text-decoration: none;
    color: #FF0000;
    cursor: pointer;
}
.video_jump_link_player {
    text-decoration: none;
    color: #FF0000;
    cursor: pointer;
}
/* 浸透メモ・完了メモからハッシュタグリンク */
.hashtag_link {
    text-decoration: none;
    color: #0000FF;
    cursor: pointer;
}
/* テキスト検索によるから強調表示(マーキング) */
.text_keyword {
    background-color: #ffff66;
}

/* 浸透画面の画像動画設定 */
.upload_picture_box_newshinto_1_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_2_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_3_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_4_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_5_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_6_input[type="file"] {
    display: none;
}
.upload_picture_box_newshinto_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_1_delete > i {
    color: #FF0000;
}
.upload_picture_box_newshinto_2_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_2_delete > i {
    color: #FF0000;
}
.upload_picture_box_newshinto_3_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_3_delete > i {
    color: #FF0000;
}
.upload_picture_box_newshinto_4_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_4_delete > i {
    color: #FF0000;
}
.upload_picture_box_newshinto_5_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_5_delete > i {
    color: #FF0000;
}
.upload_picture_box_newshinto_6_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newshinto_6_delete > i {
    color: #FF0000;
}
.upload_movie_newshinto_1_input[type="file"] {
    display: none;
}
.upload_movie_box_newshinto_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 2px;
    z-index: 2;
}
.upload_movie_box_newshinto_1_delete > i {
    color: #FF0000;
}


/* 新規ノート・掲示板作成画面の画像動画設定 */
.upload_picture_card_newnote {
    text-align: left;
    border: 1px dashed #CCCCCC;
    border-radius: 8px;
    padding: 10px;
    /*margin-bottom: 20px;*/
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    opacity: 1;
}
.upload_picture_box_group_newnote {
    display: flex;
    justify-content: space-between;
}
/* 新規画像: 画像1つ目 */
.upload_picture_box_newnote_1 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_1_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_1_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_1 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_1_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_1_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像2つ目 */
.upload_picture_box_newnote_2 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_2_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_2_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_2_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_2_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_2 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_2_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_2_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像3つ目 */
.upload_picture_box_newnote_3 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_3_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_3_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_3_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_3_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_3 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_3_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_3_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像4つ目 */
.upload_picture_box_newnote_4 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_4_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_4_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_4_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_4_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_4 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_4_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_4_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像5つ目 */
.upload_picture_box_newnote_5 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_5_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_5_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_5_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_5_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_5 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_5_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_5_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像6つ目 */
.upload_picture_box_newnote_6 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newnote_6_input[type="file"] {
    display: none;
}
.upload_picture_box_newnote_6_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newnote_6_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newnote_6_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newnote_6 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newnote_6_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newnote_6_delete > i {
    color: #FF0000;
}
/* 新規画像: 動画 */
.display_movie_box_newnote1 {
    align-items: center;
    width: 100%;
    /*height: 200px;*/
    vertical-align: middle;
    margin-top: 12px;
    /*border: 1px solid #EAEAF0;*/
    opacity: 1;
    position: relative;
}
.upload_movie_box_newnote_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_movie_box_1_play {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 2;
}
.upload_movie_box_1_play > i {
    color: #CCCCCC;
}
.upload_movie_box_newnote_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 2px;
    z-index: 2;
}
.upload_movie_box_newnote_1_delete > i {
    color: #FF0000;
}
.upload_movie_box_updnote_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 2px;
    z-index: 2;
}
.upload_movie_box_updnote_1_delete > i {
    color: #FF0000;
}
.upload_movie_box_newnote_1_video {
    width: 100%; 
    height: 86%; 
    max-height: 200px; 
    border: 1px solid #EAEAF0;
}
.upload_movie_box_newnote {
    /*display: flex;*/
    /*justify-content: space-between;*/
    align-items: center;
    width: 100%;
    /*height: 80px;*/
    vertical-align: middle;
    margin-top: 10px;
    padding-top: 10px;
    /*border-top: 1px dashed #cccccc;*/
    border: 1px solid #EAEAF0;
    opacity: 1;
    text-align: center;
    position: relative;
}
.upload_movie_box_newnote > i {
    /*color: #6D7393;*/
    color: #CCCCCC;
    margin-top: 10px;
    margin-bottom: 10px;
}
.upload_movie_box_newnote > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    /*display: inline-block;*/
    display: block;
    margin-bottom: 5px;
    opacity: 1;
}
.upload_movie_box_newnote_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_movie_newnote_1_input[type="file"] {
    display: none;
}

/* 掲示板から新規wiki作成用 */
.upload_picture_card_newlms {
    text-align: left;
    border: 2px dashed #CCCCCC;
    border-radius: 8px;
    padding: 10px;
    /*margin-top: 25px;*/
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 1;
}
.upload_picture_box_group_newlms {
    display: flex;
    justify-content: space-between;
}
/* 新規画像: 画像1つ目 */
.upload_picture_box_newlms_1 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_1_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_1_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_1 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_1_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_1_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像2つ目 */
.upload_picture_box_newlms_2 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_2_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_2_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_2_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_2_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_2 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_2_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_2_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像3つ目 */
.upload_picture_box_newlms_3 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_3_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_3_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_3_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_3_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_3 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_3_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_3_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像4つ目 */
.upload_picture_box_newlms_4 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_4_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_4_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_4_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_4_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_4 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_4_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_4_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像5つ目 */
.upload_picture_box_newlms_5 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_5_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_5_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_5_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_5_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_5 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_5_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_5_delete > i {
    color: #FF0000;
}
/* 新規画像: 画像6つ目 */
.upload_picture_box_newlms_6 {
    width: 80px;
    height: 90px;
    border: 1px solid #EAEAF0;
    opacity: 1;
    position: relative;
}
.upload_picture_box_newlms_6_input[type="file"] {
    display: none;
}
.upload_picture_box_newlms_6_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_picture_box_newlms_6_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.upload_picture_box_newlms_6_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_picture_box_newlms_6 > i {
    color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.upload_picture_box_newlms_6_delete {
    width: 20px;
    height: 20px;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    border-radius: 3px;
    /*opacity: 0.7;*/
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2;
}
.upload_picture_box_newlms_6_delete > i {
    color: #FF0000;
}
/* 新規: 動画 */
.display_movie_box_newlms1 {
    align-items: center;
    width: 100%;
    /*height: 200px;*/
    vertical-align: middle;
    margin-top: 12px;
    /*border: 1px solid #EAEAF0;*/
    opacity: 1;
    position: relative;
}
.upload_movie_box_newlms_1_no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 16px;
    text-align: center;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    font: normal normal normal 11px/16px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 2;
}
.upload_movie_box_newlms_1_delete {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 2px;
    z-index: 2;
}
.upload_movie_box_newlms_1_delete > i {
    color: #FF0000;
}
.upload_movie_box_newlms_1_video {
    width: 100%; 
    height: 86%; 
    max-height: 200px; 
    border: 1px solid #EAEAF0;
}
.upload_movie_box_newlms {
    /*display: flex;*/
    /*justify-content: space-between;*/
    align-items: center;
    width: 100%;
    /*height: 80px;*/
    vertical-align: middle;
    margin-top: 10px;
    padding-top: 10px;
    /*border-top: 1px dashed #cccccc;*/
    border: 1px solid #EAEAF0;
    opacity: 1;
    text-align: center;
    position: relative;
}
.upload_movie_box_newlms > i {
    /*color: #6D7393;*/
    color: #CCCCCC;
    margin-top: 10px;
    margin-bottom: 10px;
}
.upload_movie_box_newlms > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    /*display: inline-block;*/
    display: block;
    margin-bottom: 5px;
    opacity: 1;
}
.upload_movie_box_newlms_1_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.upload_movie_newlms_1_input[type="file"] {
    display: none;
}

/*LMSコース選択*/
.lms_class_select_header {
    text-align: center;
}
.lms_class_select_header img {
    margin-bottom: 10px;
}
.lms_class_select_header h1 {
    font-size: 14px;
    font-weight: 600;
    color: #4F537A;
    margin-bottom: 30px;
}
/* LMS更新時の画像動画設定 */
.upload_picture_box_updnote_1_input[type="file"] {
    display: none;
}
.upload_picture_box_updnote_2_input[type="file"] {
    display: none;
}
.upload_picture_box_updnote_3_input[type="file"] {
    display: none;
}
.upload_picture_box_updnote_4_input[type="file"] {
    display: none;
}
.upload_picture_box_updnote_5_input[type="file"] {
    display: none;
}
.upload_picture_box_updnote_6_input[type="file"] {
    display: none;
}
.upload_movie_updnote_1_input[type="file"] {
    display: none;
}
.upload_movie_box_updnote_1_video {
    width: 100%; 
    height: 86%; 
    max-height: 200px; 
    border: 1px solid #EAEAF0;
}
/* 誕生日お祝い通知 */
.display_happy_birthday_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.8);
}
.display_happy_birthday_box {
    /*height: calc(100% - 80px);*/
    width: calc(100% - 60px);
    margin: 20px 30px 40px 30px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    overflow-y: scroll;
    /*position: relative;*/
}
.display_happy_birthday_title {
    text-align: left;
    font: normal normal normal 16px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}
.display_happy_birthday_card {
    margin: 10px 10px 50px 10px;
}
.display_happy_birthday_image {
  text-align: center;
}
.display_happy_birthday_image img {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* ようこそアプリ画面 */
.display_botto_start_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    /*display: none;*/
    z-index: 9998;
    background: #6F6B99;
}
.display_botto_start_box {
    height: calc(100% - 80px);
    width: calc(100% - 60px);
    margin: 30px 30px 40px 30px;
    text-align: center;
    background: #6F6B99;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    overflow-y: scroll;
    position: relative;
}
.display_botto_start_card {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.display_botto_start_image {
  text-align: center;
  margin-bottom: 32px;
}
.display_botto_start_image img {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}
.display_botto_start_text {
    margin-bottom: 12px;
    color: #6F6B99;
    background-color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    height: 36px;
    padding: 4px;
    border-radius: 4px;
}

/* 誕生日一覧画面 */
.display_birthday_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.8);
}
.display_birthday_box {
    height: calc(100% - 80px);
    width: calc(100% - 60px);
    margin: 40px 30px 40px 30px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    overflow-y: scroll;
    /*position: relative;*/
}
.display_birthday_title {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0px;
    color: #656D93;
    margin: 0px 24px;
}
.display_birthday_prev {
    width: 30px;
    position: relative;
    cursor: pointer;
}
.display_birthday_prev i {
    color: #6F6B99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.display_birthday_next {
    width: 30px;
    position: relative;
    cursor: pointer;
}
.display_birthday_next i {
    color: #6F6B99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.display_birthday_card {
    margin: 10px 10px 30px 10px;
}
.display_birthday_image {
  text-align: center;
}
.display_birthday_image img {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.display_birthday_result_wrap {
    height: 100%;
}
.display_birthday_result {
    display: none;
    margin: 10px 0px;
    border-bottom: 1px dashed #CCCCCC;
    text-align: left;
    font: normal normal normal 12px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 1;
}
/* 誕生日一覧：対象者 */
.display_birthday_accordion_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.display_birthday_accordion_message {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.display_birthday_accordion_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.display_birthday_accordion_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}

/* 前月書き込み0件スタッフ一覧画面 */
.display_no_activity_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.8);
}
.display_no_activity_box {
    height: calc(100% - 80px);
    width: calc(100% - 60px);
    margin: 40px 30px 40px 30px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    overflow-y: scroll;
    /*position: relative;*/
}
.display_no_activity_title {
    text-align: left;
    font: normal normal normal 18px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}
.display_no_activity_card {
    margin: 10px 10px 30px 10px;
}
.display_no_activity_message {
    text-align: center;
    margin-top: 20px;
}
.display_no_activity_message span {
    color: #6D7393; 
    font-weight: 600;
}
.display_no_activity_message_fix {
    text-align: center;
    margin-top: 20px;
}
.display_no_activity_message_fix span {
    color: #ff0000; 
    font-weight: 600;
}
.display_no_activity_submessage {
    text-align: center;
    height: 60px;
    margin-top: 10px;
}
.display_no_activity_submessage span {
    color: #6D7393; 
    font : normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
}
.display_no_activity_result_wrap {
    height: 100%;
}
.display_no_activity_result_div {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px dashed #CCCCCC;
}
.display_no_activity_result {
    /*display: none;*/
    margin: 10px 0px;
    text-align: left;
    font: normal normal normal 12px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 1;
    width: 100%;
}
.display_no_activity_select {
    margin: 10px;
    min-width: 50px;
    position: relative;
}
.display_no_activity_select > input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.7);
}
/* 前月書き込み0件一覧：対象者 */
.display_no_activity_accordion_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.display_no_activity_accordion_message {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.display_no_activity_accordion_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.display_no_activity_confirm_accordion_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.display_no_activity_confirm_accordion_message {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.display_no_activity_confirm_accordion_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.display_no_activity_accordion_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.display_no_activity_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}

/* 読んだ一覧画面 */
.display_yonda_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9998;
    background: rgba(57, 61, 81, 0.9);
}

.display_yonda_box {
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px 20px 20px 20px;
    text-align: center;
    /*background: #ffffff;*/
    background: #F1F1F5;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    overflow-y: scroll;
    /*position: relative;*/
}

.display_yonda_card {
    background: #FFFFFF;
    padding: 15px;
    margin: 30px 10px;
    border-radius: 8px;
}

.display_yonda_result_wrap {
    height: 100%;
}

.display_yonda_result {
    display: none;
    /*margin: 10px 0px;*/
    /*border-bottom: 1px dashed #CCCCCC;*/
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #393D51;
    padding: 4px 8px;
    opacity: 1;
}
.display_yonda_accordion_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.display_yondenai_accordion_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    opacity: 1;
}
.display_yonda_accordion_message {
    color: #393D51;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    width: 100%;
    opacity: 1;
    margin-left: 7px;
}
.display_yonda_accordion_message > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.display_yonda_accordion_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.display_yondenai_accordion_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}

/* 浸透確認画面 */
.display_shinto_wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.8);
}

.display_shinto_box {
    height: calc(100% - 80px);
    width: calc(100% - 60px);
    margin: 15px 30px 40px 30px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    position: relative;
    overflow-y: scroll;
}
.display_shinto_box_edit {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    text-align: center;
    background: #ffffff;
    backdrop-filter: none;
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    position: relative;
    overflow-y: scroll;
}
.display_shinto_card {
    margin-top: 30px;
    position: relative;
}

.display_shinto_detail_data {
    margin-bottom: 10px;
}
/* 浸透メッセージ入力用 */
.task_list_shinto_input_memo {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: left;
}

.display_shinto_info_group {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.display_shinto_info_1 {
    font: normal normal normal 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.display_shinto_info_2 {
    font: normal normal normal 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.display_shinto_button {
    height: 45px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font: normal normal normal 16px/45px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFF;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    position: absolute;
    left: calc((100% - 80%) / 2);
    bottom: 85px;
}

.display_shinto_button_gray {
    height: 45px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font: normal normal normal 16px/45px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #F2F7FF;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    position: absolute;
    left: calc((100% - 80%) / 2);
    bottom: 85px;
}

.display_shinto_button_fix {
    height: 45px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font: normal normal normal 16px/45px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #F2F7FF;
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    position: absolute;
    left: calc((100% - 80%) / 2);
    /*bottom: 85px;*/
    margin-bottom: 30px;
}

.display_done_button {
    height: 45px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font: normal normal normal 16px/45px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFF;
    /*background: #FFF 0% 0% no-repeat padding-box;*/
    background: #5FDBBA 0% 0% no-repeat padding-box;
    border-radius: 8px;
    /*border: 1px solid #5FDBBA;*/
    opacity: 1;
    position: absolute;
    left: calc((100% - 80%) / 2);
    bottom: 30px;
}

/* 個人情報同意関連 */
.personalinformation_box {
    position: absolute;
    width: 90%;
    height: 80vh;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-20%);
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #6D7393;
    border-radius: 10px;
    opacity: 1;
}

.personalinformation_title {
    display: flex;
    margin: 10px 10px 0px 10px;

    text-align: left;
    font: normal normal normal 18px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}

.personalinformation_title i {
    color: #6D7393;
}

.personalinformation_title span {
    color: #6D7393;
}

.personalinformation_title > img {
    margin-top: 100px;
}

.personalinformationexplanation {
    color: #6D7393;
    text-align: center;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    opacity: 1;
}

.personalinformationexplanation > a {
    color: #5f8fdb;
    text-decoration: underline;
    font: normal normal normal 16px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    opacity: 1;
}

.privacypolicymenu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;

    background: #EFEFEF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.header_sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    top: 0;
    z-index: 900;
}

.header_sub .header_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

.header_sub .header_menu_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    margin-left: auto;
}

.header_sub .header_menu_button img {
    height: 30px;
}

.privacypolicytitle {
    margin-top: 80px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    font: normal normal normal 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #393D51;
    opacity: 1;
}

.privacypolicyselect {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    font: normal normal normal 16px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #393D51;
}

.privacypolicycontents {
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #393D51;
}

/*
.privacypolicycontents:last-child {
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 100px;
    text-align: left;
    font: normal normal normal 14px/24px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
}
*/

/* QRコードによるメンバ登録画面 */
.qrcode_issue_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 0.99;
}
h2.section_title_qrcode {
    color: #6D7393;
    margin: 30px auto 10px auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.qrcode_alert_top {
    color: #6D7393;
    text-align: center;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    margin: 30px 40px;
}
.qrcode_alert_bottom {
    color: #6D7393;
    text-align: left;
    font: W6 12px/20px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    margin: 30px 40px;
}
.qrcode_div {
    text-align: center;
}
/* マイページ：プロフィールエリア */
.my_profile_area {
    background-color: #FFFFFF; 
    border-radius: 8px; 
    padding: 8px; 
    margin-bottom: 24px; 
    margin-left: 12px; 
    margin-right: 12px; 
    /*border-radius: 8px;*/
    /*border: 0.5px solid #EAEAF0;*/
}
.my_profile_header {
    display: flex; 
    margin-bottom: 8px;
    position: relative;
}
.my_profile_icon_edit_div {
    position: relative;
    width: 64px; 
    height: 64px; 
    min-width: 64px; 
    min-height: 64px; 
    border-radius: 8px;
    border: 1px solid #F1F1F5;
    overflow: hidden;
}
/*横向き画像*/
.my_profile_icon_edit_div > img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px;
    z-index: 1;
}
/*縦向き画像*/
.my_profile_icon_edit_div.icon_tate > img {
    width: 100%;
    height: auto;
}
.my_profile_icon_div {
    position: relative;
    width: 40px; 
    height: 40px; 
    min-width: 40px; 
    min-height: 40px; 
    border-radius: 8px;
    border: 1px solid #F1F1F5;
    overflow: hidden;
}
/*横向き画像*/
.my_profile_icon_div > img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px;
    z-index: 1;
}
/*縦向き画像*/
.my_profile_icon_div.icon_tate > img {
    width: 100%;
    height: auto;
}
.my_profile_master_div {
    margin-left: 8px; 
    width: 100%;
}
.my_profile_shimei_main {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 140%;
}
.my_profile_shimei_sub {
    font-size: 13px; 
    font-weight: 300; 
    line-height: 160%;
}
.my_profile_tenpo {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%; 
    color: #656D93;
}
.my_profile_zokusei {
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%; 
    color: #656D93; 
    margin-left: 8px;
}
.my_profile_edit_div {
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.my_profile_edit_div i {
    color: #9698A7; 
    font-size: 18px; 
    cursor: pointer;
}
.my_profile_intro_data {
    background-color: #F1F1F5; 
    border-radius: 8px; 
    padding: 8px;
}
.my_profile_intro {
    display: flex;
    overflow-y: auto;
    max-height: 160px;
}
.my_profile_intro i {
    width: 16px; 
    color: #C5C4D6; 
    margin-right: 8px;
}
.my_profile_intro div {
    font-size: 13px;
    font-weight: 300;
    line-height: 160%;
    margin-bottom: 8px;
}

/* マイページ：ダッシュボード機能 */
.my_dashboard_title_div {
    display: flex; 
    justify-content: flex-start; 
    margin: 20px 0px 0px 0px; 
    background-color: #FFFFFF; 
    border-radius: 8px 8px 0px 0px; 
    padding: 8px; 
    cursor: pointer;
}
.my_dashboard_title_div i {
    color: #393D51;
    font-size: 20px;
    margin-right: 8px;
}
.my_dashboard_div_area {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_botto {
    display: flex; 
    margin-bottom: 8px;
}
.my_dashboard_div_feedback {
    display: flex; 
}
.my_dashboard_div_1 {
    position: relative; 
    width: 33%; 
    min-width: 100px;
    border: 0.5px solid #EAEAF0;
    margin: 4px;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_2 {
    position: relative;
    width: 34%;
    min-width: 100px;
    border: 0.5px solid #EAEAF0;
    margin: 4px;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_3 {
    position: relative;
    width: 33%; 
    min-width: 100px;
    border: 0.5px solid #EAEAF0;
    margin: 4px;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_4 {
    position: relative;
    width: 50%;
    border: 0.5px solid #EAEAF0;
    margin: 4px;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_5 {
    position: relative;
    width: 50%;
    border: 0.5px solid #EAEAF0;
    margin: 4px;
    border-radius: 8px;
    padding: 8px;
}
.my_dashboard_div_title_area {
    background: #F1F1F5;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    line-height: 160%;
    color: #393D51;
    text-align: center;
    margin-bottom: 6px;
    height: 36px;
    align-content: center;
    border-radius: 8px;
    -webkit-align-content: center;
    padding: 8px 0px;
}
.my_dashboard_div_data_area {
    display: flex;
    justify-content: center;
}
.my_dashboard_div_data_area_img {
    position: absolute; 
    left: calc(50% + 25px);
    width: 27px; 
}
.my_dashboard_div_data_area_img[data-img="1"] {
    width: 20px; 
}
.my_dashboard_div_data_area_img[data-img="2"] {
    width: 27px; 
    top: -4px;
}
.my_dashboard_div_data_area_img[data-img="3"] {
    width: 26px; 
}
.my_dashboard_div_data_area_img[data-img="4"] {
    width: 31px; 
    top: -4px;
}
.my_dashboard_div_data_area_zen {
    display: flex;
    justify-content: center;
}
.my_dashboard_div_data_area_prev {
    display: flex;
    justify-content: center;
}
.my_dashboard_div_data_area_diff,
.my_dashboard_div_data_area_diff_minus,
.my_dashboard_div_data_area_diff_plus {
    display: flex;
    justify-content: center;
    align-items: center;
}
.my_dashboard_div_data {
    font-size: 14px;
    color: #393D51;
    font-weight: 600;
    text-align: center;
}
.my_dashboard_div_data_unit {
    font-size: 12px;
    margin-left: 4px;
    color: #393D51;
    line-height: 220%;
}
.my_dashboard_div_data_zen {
    font-size: 10px;
    color: #656D93;
    font-weight: 300;
}
.my_dashboard_div_data_unit_zen {
    font-size: 10px;
    margin-left: 2px;
    color: #656D93;
    line-height: 160%;
}
.my_dashboard_div_data_prev {
    font-size: 14px;
    color: #393D51;
    font-weight: 300;
    text-align: center;
}
.my_dashboard_div_data_unit_prev {
    font-size: 12px;
    margin-left: 4px;
    color: #393D51;
    line-height: 185%;
}
.my_dashboard_div_data_diff_icon {
    font-size: 14px;
    font-weight: 600;
    margin-right: 3px;
}
.my_dashboard_div_data_area_diff_plus .my_dashboard_div_data_diff_icon {
    color: #099;
}
.my_dashboard_div_data_area_diff_minus .my_dashboard_div_data_diff_icon {
    color: #E52F2F;
}
.my_dashboard_div_data_diff {
    font-size: 14px;
    font-weight: 300;
    color: #393D51;
}
.my_dashboard_div_data_area_diff_plus .my_dashboard_div_data_diff {
    color: #099;
}
.my_dashboard_div_data_area_diff_minus .my_dashboard_div_data_diff {
    color: #E52F2F;
}

.my_dashboard_avg_title {
    font-size: 16px; 
    font-weight: 600; 
    line-height: 140%; 
    margin-bottom: 8px;
}
.my_dashboard_avg_div {
    display: flex;
    justify-content: space-between; 
    margin-bottom: 8px;
}
.my_dashboard_avg_item {
    display: flex; 
    justify-content: space-between; 
    width: 50%;
    background: #F1F1F5; 
    border-radius: 8px;
    height: 38px;
    padding: 8px;
}
.my_dashboard_avg_item_title {
    color: #4F537A; 
    font-size: 13px; 
    font-weight: 300; 
    line-height: 160%; 
    align-self: center;
}
.my_dashboard_avg_item_value {
    color: #393D51; 
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%; 
    align-self: center;
}
.my_dashboard_tooltip_area {
    position: absolute; 
    background: #FFFFFF; 
    border-radius: 8px; 
    border: 0.5px solid #EAEAF0;
    box-shadow: 0px 4px 8px rgba(109, 115, 147, 0.25); 
    /*padding: 8px 0px; */
    top: 32px; 
    right: 3px; 
    z-index: 1;
    display: none;
}
.my_dashboard_tooltip_area > div {
    display: flex; 
    padding: 8px 12px; 
    justify-content: flex-start;
    cursor: default;
}
.my_dashboard_tooltip_area > div > span {
    font-size: 10px; 
    font-weight: 300; 
    line-height: 160%;
}

/*マイページ：個人グラフのサマリー*/
.my_graph_summary_area_out {
    height: 65px;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: Hiragino Kaku Gothic ProN;
    opacity: 1;
    border: 0px solid #CCCCCC;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.my_graph_point_title {
    width: 70px;
    color: #6D7393;
    font-size: 16px;
    margin: 0px 15px 0px 15px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
}
.my_graph_point_detail {
    color: #6D7393;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(-0px, -50%);
    -webkit-transform: translate(-0px, -50%);
    -ms-transform: translate(-0px, -50%);
}
.my_graph_point_detail_title {
    display: flex;
    justify-content: space-between;
}
.my_graph_point_detail_title2 {
    width: 100px;
    color: #6D7393;
    font-size: 16px;
    /*text-align: left;*/
}
.my_graph_point_detail_value1 {
    width: 60px;
    color: #6D7393;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
.my_graph_point_detail_value1 > span {
    /*width: 50px;*/
    color: #6D7393;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}
.my_graph_point_detail_value2 {
    width: 75px;
    color: #6D7393;
    font-size: 14px;
    /*text-align: left;*/
    padding-left: 10px;
    padding-top: 3px;
}

/* 20210831 hirohata S */
/* マイページ削除ボタン用 */
.mypage_delete_worknote {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    /*padding-bottom: 10px;*/
}

.mypage_delete_worknote i {
    color: #6D7393;
}

.mypage_delete_worknote span {
    color: #6D7393;
}
.mypage_delete_worknote_button {
    display: flex;
    justify-content: flex-end;
}
/* 20210831 hirohata E */

/*botto定量の実績設定エリア*/
.botto_quant_area_div {
    /*margin-top: 40px;*/
    margin-bottom: 10px;
}
.botto_quant_div {
    margin-bottom: 30px;
    /*display: flex;*/
    justify-content: space-between;
}
.botto_quant_div select {
    border: 1px solid #EAEAF0;
    font-size: 14px;
    font-weight: 300;
    border-radius: 8px;
}
.botto_quant_word_div {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    font-weight: 600;
    color: #393D51;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    width: 100%;
    min-height: 32px;
    opacity: 1;
    line-height: 160%;
    margin-bottom: 10px;
}
.botto_quant_word_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}
.botto_quant_word {
    height: 32px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
}
.botto_quant_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}
.botto_quant_value {
    height: 32px;
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 5px;
    margin-left: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EAEAF0;
    border-radius: 8px;
    width: 65px;
    opacity: 1;
}

.confirm_code_error {
    color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}

.input_question_item_area {
    background: #FFFFFF; 
    padding: 12px 8px; 
    border-radius: 8px; 
    margin-bottom: 40px;
}
/*頑張ったことエリア*/
.input_question_item_accent_red_tab {
    padding: 4px 16px 0px 16px;
    width: 60px;
    /*background: #ED7B7B;*/
    border-left: 2px solid #ED7B7B;
    border-right: 2px solid #ED7B7B;
    border-top: 2px solid #ED7B7B;
    border-radius: 8px 8px 0px 0px;
}
.input_question_item_accent_red_tab img {
    width: 20px;
    height: 20px;
}
.input_question_item_accent_red_tab span {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
}
.input_question_item_accent_red_area {
    background: #FFFFFF; 
    border: 2px solid #ED7B7B;
    padding: 12px 8px; 
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px;
}
.input_question_item_accent_red_icon_area {
    padding: 0px 4px 4px 4px;
    border-bottom: 1px solid #ED7B7B;
    margin-bottom: 12px;
}
.input_question_item_accent_red_icon_area img {
    width: 20px;
    height: 20px;
}
/*気づきエリア*/
.input_question_item_accent_yellow_tab {
    padding: 4px 16px 0px 16px;
    width: 60px;
    /*background: #F5B356;*/
    border-left: 2px solid #F5B356;
    border-right: 2px solid #F5B356;
    border-top: 2px solid #F5B356;
    border-radius: 8px 8px 0px 0px;
}
.input_question_item_accent_yellow_tab img {
    width: 20px;
    height: 20px;
}
.input_question_item_accent_yellow_tab span {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
}
.input_question_item_accent_yellow_area {
    background: #FFFFFF; 
    border: 2px solid #F5B356;
    padding: 12px 8px; 
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px;
}
.input_question_item_accent_yellow_icon_area {
    padding: 0px 4px 4px 4px;
    border-bottom: 1px solid #F5B356;
    margin-bottom: 12px;
}
.input_question_item_accent_yellow_icon_area img {
    width: 20px;
    height: 20px;
}
/*店舗テーマの実績エリア*/
.input_question_item_accent_blue_tab {
    padding: 4px 16px 0px 16px;
    width: 60px;
    /*background: #6BB1FF;*/
    border-left: 2px solid #6BB1FF;
    border-right: 2px solid #6BB1FF;
    border-top: 2px solid #6BB1FF;
    border-radius: 8px 8px 0px 0px;
}
.input_question_item_accent_blue_tab img {
    width: 20px;
    height: 20px;
}
.input_question_item_accent_blue_tab span {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
}
.input_question_item_accent_blue_area {
    background: #FFFFFF; 
    border: 2px solid #6BB1FF;
    padding: 12px 8px; 
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px;
}
.input_question_item_accent_aim_store_icon_area {
    padding: 0px 4px 4px 4px;
    border-bottom: 1px solid #6BB1FF;
    margin-bottom: 12px;
}
.input_question_item_accent_aim_store_icon_area img {
    width: 20px;
    height: 20px;
}
.input_question_item_msg {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
}
/*クリップボード機能*/
.clipboard_button_area {
    display: flex;
    justify-content: flex-end;
    width: 100%; 
}
.clipboard_button_div {
    width: 300px;
    text-align: -webkit-center;
}
.button_group.clipboard_action {
    max-width: 320px; 
    margin-top: 0px;
    margin-bottom: 4px;
    position: relative;
}
.button_group.clipboard_action > i {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #6F6B99;
    align-self: center;
    top: 8px;
    left: 44px;
    cursor: pointer;
}
.submit_button.color_white_clipboard {
    background-color: #FFFFFF;
    border: 1px solid #6F6B99;
    color: #656D93;
    font-size: 14px;
    font-weight: 300;
    line-height: 2.2;
    padding-left: 24px;
    cursor: pointer;
}
/*印刷機能*/
.print_button_area {
    display: flex;
    justify-content: flex-end;
    width: 100%; 
}
.print_button_div {
    width: 170px;
    text-align: -webkit-center;
}
.button_group.page_print_action {
    max-width: 240px; 
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
}
.button_group.page_print_action > i {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #6F6B99;
    align-self: center;
    top: 8px;
    left: 44px;
    cursor: pointer;
}
.submit_button.color_white_print {
    background-color: #FFFFFF;
    border: 1px solid #6F6B99;
    color: #656D93;
    font-size: 14px;
    font-weight: 300;
    line-height: 2.2;
    padding-left: 24px;
    cursor: pointer;
}
.button_group.csv_download_action {
    max-width: 160px; 
    margin-top: 0px;
    margin-bottom: 8px;
    position: relative;
}
.button_group.csv_download_action > i {
    position: absolute;
    width: 14px;
    height: 14px;
    font-size: 13px;
    color: #6F6B99;
    align-self: center;
    top: 5px;
    left: 25px;
    cursor: pointer;
}
.button_group.csv_upload_action {
    max-width: 160px; 
    margin-top: 0px;
    margin-bottom: 8px;
    position: relative;
}
.button_group.csv_upload_action > i {
    position: absolute;
    width: 14px;
    height: 14px;
    font-size: 13px;
    color: #6F6B99;
    align-self: center;
    top: 5px;
    left: 25px;
    cursor: pointer;
}
.button_group.botto_report_action {
    max-width: 135px; 
    margin-top: 0px;
    margin-bottom: 8px;
    position: relative;
}
.button_group.botto_report_action > i {
    position: absolute;
    width: 14px;
    height: 14px;
    font-size: 13px;
    color: #6F6B99;
    align-self: center;
    top: 5px;
    left: 25px;
    cursor: pointer;
}
.submit_button.color_white_csvdownload {
    background-color: #FFFFFF;
    border: 0.5px solid #6F6B99;
    color: #656D93;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;
    padding-left: 20px;
    width: 90%;
    cursor: pointer;
}
/*朝礼カード(メンバーのbottoをみる関連)*/
.button_group.sakusen_member_botto_view {
    max-width: 200px; 
    margin-bottom: 16px;
}
.board_sakusen_member_botto_div {
    width: 100%;
    margin-top: 24px; 
    text-align: -webkit-center;
}

/*朝礼カード(お店のbottoを書く関連)*/
.button_group.store_botto_input {
    max-width: 240px; 
    margin-bottom: 16px;
}
.board_sakusen_store_botto_div {
    width: 100%;
    margin-top: 24px; 
    text-align: -webkit-center;
}
.board_sakusen_store_botto_area {
    border-radius: 8px; 
    background: #F1F1F5; 
    padding: 8px; 
    margin-bottom: 24px; 
}
.board_sakusen_store_botto_title_div {
    display: flex;
}
.board_sakusen_store_botto_title_div span {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 160%; 
    margin-left: 8px;
}
.store_botto_text {
    font-size: 14px; 
    color: #393D51;
}
.store_sakusen_store_botto_result_div {
    background-color: #FFFFFF; 
    border-radius: 8px;
    margin: 10px 0px;
}
.store_sakusen_result_open_range {
    padding-top: 4px;
    font-size: 10px;
    text-align: center;
    color: #656d93;
}
.store_botto_result_table {
    /*margin: 0px 0px 10px 0px; */
    width: 100%; 
    border: 0px;
    border-collapse: collapse; 
    /*background-color: #FAFAFA;*/
}
.store_botto_result_table tr {
    height: 35px;
}
.store_botto_result_table td {
    padding: 4px;
    border-bottom: 1px solid #EAEAF0;
}
.store_botto_result_col_title_div {
    padding: 4px 4px;
    text-align: left;
}
.store_botto_result_col_title_div span {
    font-size: 13px; 
    font-weight: 600;
    color: #393D51;
}
.store_botto_result_data_div {
    padding: 4px 4px; 
    text-align: left;
    font-size: 13px; 
    font-weight: 600;
    color: #393D51;
    word-break: break-all;
}
.store_botto_result_data_div span {
    font-size: 12px; 
    font-weight: 300;
    color: #656D93;
    word-break: break-all;
}
.store_botto_result_data_div .result_sabun {
    font-size: 10px;
    color: #099;
    font-weight: 600;
    line-height: 140%;
}
.store_botto_result_data_div .result_sabun_plus {
    font-size: 10px;
    color: #099;
    font-weight: 600;
    line-height: 140%;
}
.store_botto_result_data_div .result_sabun_minus {
    font-size: 10px;
    color: #E52F2F;
    font-weight: 600;
    line-height: 140%;
}
.store_botto_result_data_div .result_plan_modified {
    font-size: 10px;
    color: #9E9E9E;
    font-weight: 600;
    line-height: 140%;
}
.store_botto_result_data_div i {
    font-size: 1.2em;
    white-space: nowrap;
    color: #656D93;
    margin-left: 5px;
    vertical-align: text-top;
}
.store_botto_inputperson_area {
    display: flex;
    justify-content: flex-end;
    /*padding-bottom: 10px;*/
    margin-top: 12px;
}
.store_botto_inputperson_area i {
    width: 20px;
    height: 20px;
    color: #C5C4D6;
    margin-right: 5px;
}
.store_botto_inputperson_name {
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
    /*max-width: 120px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.store_botto_inputymd_name {
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #656D93;
    opacity: 1;
    margin-right: 3px;
}

/*お店のbotto(振り返り)エリア*/
.input_question_item_store_botto_tab {
    padding: 4px 16px 4px 16px;
    width: 130px;
    background: #6F6B99;
    border-left: 2px solid #6F6B99;
    border-right: 2px solid #6F6B99;
    border-top: 2px solid #6F6B99;
    border-radius: 8px 8px 0px 0px;
}
.input_question_item_store_botto_tab img {
    width: 20px;
    height: 20px;
}
.input_question_item_store_botto_tab span {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
}
.input_question_item_store_botto_area {
    background: #FFFFFF; 
    border: 2px solid #6F6B99;
    padding: 12px 8px; 
    border-radius: 0px 8px 8px 8px;
    margin-bottom: 40px;
}
/*総評*/
.input_question_botto_textarea {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}
/*店舗テーマに対する振り返り*/
/*朝礼に対する振り返り*/
.input_question_botto_sub_textarea {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}
.store_botto_calendar {
    position: relative;
}
.store_botto_calendar i {
    position: absolute;
    top: 50%;
    left: calc(100% - 20px);
    transform: translate(-50%,-50%);
    color: #D4D5E5;
    font-size: 20px;
    pointer-events: none;
}
.calendar_store_botto {
    cursor: pointer;
}
/*お店のbottoを書くの日付選択カレンダーの朝礼ありマーク(丸のみ版)*/
.calendar_sakusen_day_maru {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: #0000FF;
}
/*お店のbottoを書くの日付選択カレンダーの朝礼ありマーク(朝礼文字版)*/
.calendar_sakusen_day_moji {
    position: absolute;
    width: 30px;
    height: 5px;
    bottom: 20px;
    left: 6px;
    font-size: 8px;
    display: block;
    color: #0000FF;
}
/*選択されたカレンダーの日付の場合は背景青になるのでcolorを変更*/
.flatpickr-day.selected .calendar_sakusen_day_moji {
    color: #FFFFFF;
}

.store_botto_todo_add_button_div {
    display: flex; 
    justify-content: center;
    margin-bottom: 20px;
}
.store_botto_todo_add_button {
    display: flex;
    justify-content: space-between;
    width: 80%;
    height: 40px;
    align-items: center;
    background: #6D7393 0% 0% no-repeat padding-box;
    /*border-radius: 20px;*/
    text-align: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 1;
}
.store_botto_todo_add_button span {
    text-align: center;
    font: normal normal normal 14px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.store_botto_todo_add_button div{
    text-align: right;
    width: 50px;
}
.store_botto_todo_add_button i {
    color: #FFFFFF;
    margin-right: 15px;
}
.store_botto_todo_add_mod_area{
    display: flex;
    justify-content: flex-end;
}
.store_botto_todo_add_edit_div {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.store_botto_todo_add_edit_div i {
    color: #6D7393;
}
.store_botto_todo_add_edit_div span {
    color: #6D7393;
}
.store_botto_todo_add_edit_button {
    display: flex;
    justify-content: flex-end;
}
.store_botto_todo_add_delete_div {
    text-align: right;
    font: W6 14px/24px Hiragino Kaku Gothic ProN;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    margin-right: 15px;
}
.store_botto_todo_add_delete_div i {
    color: #B8311D;
}
.store_botto_todo_add_delete_div span {
    color: #B8311D;
}
.store_botto_todo_add_delete_button {
    display: flex;
    justify-content: flex-end;
}
.store_botto_result_memo_textarea {
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 14px;
    letter-spacing: 0px;
    height: 100px;
    line-height: 160%;
    max-height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEAF0;
    border-radius: 8px;
    width: 100%;
    opacity: 1;
    padding: 8px 12px;
}
.history_card_username_icon {
   /* 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    */
}
.history_card_username_icon span {
    display: inline;
}
/* 一般の初心者等アイコン画像用 */
.user_status_icon {
    margin-left: 4px;
    display: inline;
    max-width: 14px;
    height: 14px;
    cursor: pointer;
}
/* テーブル表内の小さい初心者等アイコン画像用 */
.user_status_icon_tbl {
    margin-left: 4px;
    display: inline;
    max-width: 12px;
    height: 12px;
    cursor: pointer;
}
/* フィードバック用一般の初心者等アイコン画像用 */
.feedback_user_status_icon {
    margin-left: 4px;
    display: inline;
    max-width: 14px;
    height: 14px;
    cursor: pointer;
}
.user_status_info_tooltip_area {
    position: absolute;
    min-width: 150px;
    max-width: 300px;
    background: #ffffff; 
    border: 1px solid #ccc;
    border-radius: 8px; 
    box-shadow: 0px 4px 8px rgba(109, 115, 147, 0.75); 
    z-index: 4;
    display: none;
}
.user_status_info_tooltip_area .tooltip_area_main {
    padding: 8px 8px;
    cursor: default;
}
.user_status_info_tooltip_area .tooltip_area_main img.tooltip_user_status_icon {
    max-width: 12px;
    height: 12px;
}
.user_status_info_tooltip_area .tooltip_area_main span {
    font-size: 12px;
    font-weight: 300;
    line-height: 160%;
}
/* 朝礼タグ表示用 */
.sakusen_tag_sel_wrap_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}
.sakusen_tag_item {
    margin: 0px 5px 5px 0px;
    padding: 0px 8px;
    min-width: 70px;
    max-width: 180px;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 200%;
    border: 1px solid #EAEAF0;
    border-radius: 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block; 
}
.sakusen_tag_item[data-check_on="0"] {
    background-color: #FFFFFF; 
    color: #393D51;
}
.sakusen_tag_item[data-check_on="1"] {
    background-color: #6D7393;
    color: #FFFFFF;
}
.sakusen_tag_mainte_div {
    display: flex;
    margin-top: 5px;
    margin-left: 5px;
}
.sakusen_tag_mainte_div > span {
    text-decoration: underline;
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: 300;
    color: #6F6B99;
    cursor: pointer;
}
/*朝礼タグマスター設定画面*/
.sakusen_tag_add_div {
    display: flex; 
    justify-content: flex-end; 
    padding: 0px 12px; 
    margin-bottom: 16px;
}
.sakusen_tag_item_card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}
.sakusen_tag_item_card_text {
    color: #393D51;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    width: 100%;
    padding: 12px;
    opacity: 1;
}
.sakusen_tag_item_card_text > span {
    color: #FF0000;
    border-bottom: solid 1px #FF0000;
}
.sakusen_tag_item_card_icon {
    display: flex;
    margin-right: 10px;
    margin-left:  15px;
}
.sakusen_tag_item_card_icon i {
    color: #6F6B99;
}
.sakusen_tag_item_card_icon i.fa-trash {
    color: #B8311D;
}

/*-------------------------------*/
/* 朝礼CSVファイルアップロード     */
/*-------------------------------*/
.csv_template_download_button {
    width: 180px;
    display: flex;
    padding: 4px 16px;
    align-items: center;
    justify-content: center;
    background: #F1F1F5;
    border: 1px solid #6D7393;
    border-radius: 8px; 
    cursor: pointer;
}
.csv_template_download_button span {
    color: #6D7393;
    font-size: 14px; 
    font-weight: 300; 
    line-height: 160%; 
    margin-left: 4px;
}
/*-------------------------------*/
/* ファイルアップロードボックス     */
/*-------------------------------*/
.file_upload_card_box {
    margin-top: 0px;
    text-align: center;
    border: 2px dashed #CCCCCC;
    border-radius: 8px;
    opacity: 1;
}
.file_upload_card_box > i {
    color: #6D7393;
    margin-top: 10px;
    margin-bottom: 10px;
}
.file_upload_card_box > span {
    font: normal normal normal 11px/19px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #6D7393;
    display: inline-block;
    margin-bottom: 10px;
    opacity: 1;
}
.file_upload_card_box .file_upload_thumbnail {
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}
.file_upload_card_box .file_upload_thumbnail_span {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    word-break: break-all;
}
.file_upload_card_box .file_upload_button {
    position: relative;
    width: 200px;
    height: 40px;
    border: 1px solid #6D7393;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 1;
}
.file_upload_card_box .file_upload_button input[type="file"] {
    display: none;
}
.file_upload_card_box .file_upload_button > label {
    line-height: 40px;
    font: normal normal normal 14px/40px Hiragino Kaku Gothic ProN;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6D7393;
    opacity: 1;
}
/* ボタン全体をクリック範囲とするため */
.file_upload_card_box .file_upload_button > label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
    cursor: pointer;
}

/*-------------------------------*/
/* 朝礼CSVファイルインポート結果表示 */
/*-------------------------------*/
.sakusen_csv_result_table {
    margin: 0px 0px 10px 0px; 
    width: 100%; 
    border: 0px; 
    border-collapse: collapse; 
    background-color: #FFF;
}
.sakusen_csv_result_table tr {
    height: 35px;
}
.sakusen_csv_result_col_title_div {
    padding: 4px 4px;
    text-align: left;
    display: flex;
}
.sakusen_csv_result_col_title_div div{
    min-width: 10px;
    max-width: 10px;
}
.sakusen_csv_result_col_title_div span {
    font-size: 11px; 
    color: #656D93;
    font-weight: 600;
}
.sakusen_csv_result_data_div {
    padding: 4px 4px;
    text-align: left;
}
.sakusen_csv_result_data_div span {
    font-size: 11px; 
    color: #656D93;
    word-break: break-all;
}
.sakusen_csv_result_filter_label.checkbox_style:before {
    width: 20px;
    height: 20px;
    left: 0px;
    border: 2px solid #9f9ea9;
    border-radius: 3px;
    margin-top: -8px;
}
/*---------------------------------*/
/* カード内のテキストエリア「すべてみる」*/
/*---------------------------------*/
.card_text_area_view_div {
    width: 100%;
    /*margin-top: 24px; */
    text-align: -webkit-center;
}
.button_group.card_text_area_view {
    max-width: 200px; 
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 20250208 S 企業選択画面用 */
.select_service_service_search {
    max-width: 380px;
    max-height: 65px;
    margin-bottom: 4px;
    border: 0px;
    border-radius: 8px;
    opacity: 1;
    justify-content: space-between;
    align-content: center; 
}

.my_botto_area {
    margin-left: 12px;
    margin-right: 12px;
}
.radio_tabbar_center_input_noarea {
    width: 100%;
    display: none;
}
.radio_tabbar_center_input_2 {
    width: 100%;
}
.radio_tabbar_center_input_3 {
    width: 100%;
}
.radio_tabbar_center_input_4 {
    width: 100%;
}
.radio_tabbar_center_input_5 {
    width: 100%;
}
.radio_tabbar_center_input_5 > div {
    font-size: 10px;
}

/*---------------------------------*/
/*画面サイズによるコントロール*/
/*---------------------------------*/
@media screen and (min-width: 800px) {
    /*サイドメニュー関連*/
    #menuWrap.panelactive {
        width: 50%;
    }
    #menuWrapSelService.panelactive {
        width: 50%;
    }
    #menuWrap.panelactive .menu_header.white {
        width: 50%;
    }
    #menuWrapSelService.panelactive .menu_header.white {
        width: 50%;
    }
}
@media screen and (min-width: 700px) {
    .message_wrap {
        max-width: 700px;
        margin-left: calc(50% - 360px);
    }
    .message_random_wrap {
        max-width: 700px;
        margin-left: calc(50% - 360px);
    }
    .message_wrap.message_wrap_margin {
        max-width: 700px;
        margin-left: calc(50% - 360px);
    }
    .radio_tabbar_center_input_5 {
        max-width: 120px;
        min-width: 120px;
    }
    .radio_tabbar_center_input_5 > div {
        font-size: 14px;
    }
}
@media screen and (min-width: 640px) {
    .responsive_card_area {
        max-width: 600px;
        margin-left: calc(50% - 300px);
    }
    .mysearch_area_div {
        padding: 12px 0px;
    }
    /*スタンプ選択、スタンプ確認*/
    .Confirmation_stamp_box {
        max-width: 600px;
    }
    /*確認系*/
    .Confirmation_box_s {
        max-width: 600px;
    }
    /*wiki読んだ一覧、掲示板読んだ一覧*/
    .display_yonda_box {
        max-width: 600px;
        justify-self: center;
    }
    /*タブバー用*/
    .radio_tabbar_center_input_noarea {
        display: unset;
    }
    .radio_tabbar_center_input_2 { 
        max-width: 300px;
        min-width: 300px;
    }
    .radio_tabbar_center_input_3 {
        max-width: 200px;
        min-width: 200px;
    }
    .radio_tabbar_center_input_4 {
        max-width: 150px;
        min-width: 150px;
    }
    .button2_tabbar_center_1 {
        border-left: 0.5px solid #CCCCCC;
        border-top: 0.5px solid #CCCCCC;
        border-right: 0.5px solid #CCCCCC;
    }
    .button2_tabbar_center_2 {
        border-left: 0.5px solid #CCCCCC;
        border-top: 0.5px solid #CCCCCC;
        border-right: 0.5px solid #CCCCCC;
        margin-left: 6px;
    }
    .radio_tabbar_center_input2_1:checked + .button2_tabbar_center_1 {
        border: 0px;
    }
    .radio_tabbar_center_input2_2:checked + .button2_tabbar_center_2 {
        border: 0px;
    }
    .button3_tabbar_center_1 {
        border-left: 0.5px solid #CCCCCC;
        border-top: 0.5px solid #CCCCCC;
        border-right: 0.5px solid #CCCCCC;
    }
    .button3_tabbar_center_2 {
        border-left: 0.5px solid #CCCCCC;
        border-top: 0.5px solid #CCCCCC;
        border-right: 0.5px solid #CCCCCC;
        margin-left: 6px;
    }
    .button3_tabbar_center_3 {
        border-left: 0.5px solid #CCCCCC;
        border-top: 0.5px solid #CCCCCC;
        border-right: 0.5px solid #CCCCCC;
        margin-left: 6px;
    }
    .radio_tabbar_center_input3_1:checked + .button3_tabbar_center_1 {
        border: 0px;
    }
    .radio_tabbar_center_input3_2:checked + .button3_tabbar_center_2 {
        border: 0px;
    }
    .radio_tabbar_center_input3_3:checked + .button3_tabbar_center_3 {
        border: 0px;
    }
}
@media screen and (min-width: 560px) {
    .display_chart_slide_box {
        max-width: 480px; 
        margin-left: calc(50% - 240px);
    }
    .todo_status_result_canvas_area {
        max-width: 480px; 
        /*margin-left: calc(50% - 240px);*/
    }
}
@media screen and (min-width: 460px) {
    .feedback_self.todo_comment_fb_self {
        width: calc(100% - 150px);
    }
    .feedback_other.todo_comment_fb_other {
        width: calc(100% - 150px);
    }
    .history_card_feedback_stamp_area.todo_comment_fb_self_stamp_area {
        right: 18px;
    }
    .history_card_feedback_stamp_area.todo_comment_fb_other_stamp_area {
        right: calc(100% - calc(100% - 165px)); 
    }
    .todo_comment_picture_card_self {
        width: calc(100% - 150px);
    }
    .todo_comment_picture_card_other {
        width: calc(100% - 150px);
    }
}