/* Design 1 CSS */

.card {
    border: 1px solid rgb(174, 174, 174) !important;
}


/* video tag
   inline-block -> block */
video {
    display: block;
}

/* container */
.container {
    min-width: 1300px;
}

/* margin */
.mt30 {
    margin-top: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mr0 {
    margin-right: 0 !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

/* width */
.w20 {
    min-width: 20px;
    max-width: 20px;
}

.w50 {
    min-width: 50px;
    max-width: 50px;
}

.w60 {
    min-width: 60px;
    max-width: 60px;
}

.w70 {
    min-width: 70px;
    max-width: 70px;
}

.w80 {
    min-width: 80px;
    max-width: 80px;
}

.w100 {
    min-width: 100px;
    max-width: 100px;
}

.w120 {
    min-width: 120px;
    max-width: 120px;
}

.w150 {
    min-width: 150px;
    max-width: 150px;
}

.w200 {
    min-width: 200px;
    max-width: 200px;
}

.w250 {
    min-width: 250px;
    max-width: 250px;
}

.w300 {
    min-width: 300px;
    max-width: 300px;
}

/* centering */
.centering {
    text-align: center;
}

/* alert */
.alert {
    padding: 0 1.25rem !important;
    margin: 3px !important;
    height: 30px;
}

/* header */
.header_line {
    margin: 0 20px;
    padding: 0.75rem 1.25rem;
    border-left: 30px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to top, rgb(255 162 19) 0%, rgb(255, 233, 111) 100%);
    border-image-slice: 1;
}

.list_header_line {
    min-width: 1110px;
    margin-bottom: 1em;
    padding: 0.75rem 1.25rem;
    border-left: 30px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to top, rgb(255 162 19) 0%, rgb(255, 233, 111) 100%);
    border-image-slice: 1;
}

/* ================================
 *  Login
 * =============================== */

/* card position */
.login_card_centering {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

/* login logo image */
.login_logo {
    width: 45%;
    margin: auto;
    margin-top: 30px;
    pointer-events: none;
}

/* login input */
.login_input {
    position: relative;
    width: 50%;
    margin: auto;
}

.form-control::placeholder {
    color: #a0a0a0 !important;
    font-size: 0.7em;
}

#login_id,
#password {
    font: 15px/24px sans-serif;
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0;
    padding: 0 55px;
    border: 1px solid rgb(174, 174, 174);
    border-radius: 17px;
    outline: none;
}

/* icons */
.login_id_icon {
    background: url(/images/human.png) no-repeat center center/ 100%;
}

.login_pass_icon {
    background: url(/images/look.png) no-repeat center center/ 100%;
}

.login_input i {
    position: absolute;
    top: 6px;
    left: 15px;
    padding: 12px;
}

/* button */
.login_button {
    cursor: pointer;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    width: 50%;
    margin: 1em 0;
    padding: 6px 0;
    border: 1px solid rgb(125, 83, 19) !important;
    border-radius: 40px !important;
    color: black;
    font-weight: bold !important;
}

    .login_button:focus {
        box-shadow: 0 0 0 0.2rem #ffdf7e;
    }



/* ================================
 *  Register
 * =============================== */

/* table */
.panorama_table {
    width: 100%;
}

    .panorama_table tr {
        border-top: 2px solid rgb(174, 174, 174);
        /* min-height: 60px; */
    }

.last_tr {
    border-bottom: 2px solid rgb(174, 174, 174);
}

.panorama_table th {
    width: 100px;
    min-width: 100px;
    padding: 30px;
}

    .panorama_table th + td {
        text-align: center;
        width: 150px;
        min-width: 150px;
        padding-right: 30px;
    }


/* radio , checkbox */
.check-box_all,
.check-box {
    cursor: pointer;
}

    .file_drag_drop_area input,
    .file_drag_drop_area_button input,
    .check-box_all input,
    .check-box input {
        display: none;
    }

/* button */
.file_drag_drop_area {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    padding: 2px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    width: 100px;
    text-align: center;
    position: absolute;
    margin: 85px 0 0 10px !important;
}
    .file_drag_drop_area:hover {
        color: #0056b3;
        text-decoration: none;
    }

.file_drag_drop_area_button {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    padding: 2px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    width: 100px;
    text-align: center;
    position: absolute;
    margin: 0 0 0 10px !important;
}

/* button Tag button */
        .submit_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgba(246, 159, 159) 0%, rgba(205, 32, 33) 100%);
    padding: 9px 100px;
    border: 2px solid rgb(121, 34, 34);
    border-radius: 30px;
}

/* a Tag button */
.common_orange_button {
    cursor: pointer;
    color: #000;
    font-size: 1.0rem;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    padding: 5px 15px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
}

.return_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    padding: 9px 100px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
}

.delete_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 7px 30px 7px 60px;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 30px;
    background: url(/images/garbagecan.png) no-repeat 20px, linear-gradient(180deg, rgb(249, 249, 249) 0%, rgb(175, 175, 175) 100%);
}

.delete_button_notImage {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 7px 20px 7px 20px;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 30px;
    background: linear-gradient(180deg, rgb(249, 249, 249) 0%, rgb(175, 175, 175) 100%);
    text-align: center;
}
    .delete_button_notImage:hover {
        color: rgb(255, 96, 96);
        text-decoration: none;
    }

.list_QR_save_button {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    padding: 5px 15px 5px 40px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
    background: url(/images/QRcord.png) no-repeat 6px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

.list_QR_save_checkButton {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    padding: 5px 15px 5px 70px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
    background: url(/images/checkmark_small.png) no-repeat 6px, url(/images/QRcord.png) no-repeat 35px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

.QR_save_button {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    /*padding: 5px 40px;*/
    padding: 5px 5px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    display: inline-block;
    width: 135px;
    text-align: center;
}

    /* button hover */
    .list_QR_save_button:hover,
    .list_QR_save_checkButton:hover,
    .QR_save_button:hover,
    .common_orange_button:hover,
    .return_button:hover,
    .submit_button:hover {
        /*color: #000;*/
        color: #0056b3;
        text-decoration: none;
    }

.delete_button:hover {
    color: rgb(255, 96, 96);
    text-decoration: none;
}


/* preview */
.input_preview_area {
    min-width: 178px;
    min-height: 106px;
    margin: 10px 0;
    padding: 5px;
    display: inline-block;
    border-radius: 10px;
    border: 3px solid rgb(95, 95, 95);
}

.check-box,
.check-box_all {
    margin: 0;
}

    .check-box_all input + span:before {
        content: "";
        background-image: url(/images/allselection.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        padding: 27px
    }

    .check-box_all input:checked + span:before {
        background-image: url(/images/allselection_ON.png);
    }

    .check-box input + span:before {
        content: "";
        background-image: url(/images/checkbox_OFF.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        padding: 20px
    }

    .check-box input:checked + span:before {
        background-image: url(/images/checkbox_ON.png);
    }

.register_radio label {
    padding-right: 30px;
}

.label_span {
    font-size: 0.8rem;
    font-weight: bold;
}

#page_title,
#category_name,
.common_input_field,
.image_title {
    width: 100%;
    padding: 5px;
    padding-left: 20px;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 20px;
}

.release_date {
    border: 2px solid rgb(95, 95, 95);
    border-radius: 25px;
    padding: 5px 20px;
}

.common_custom_select {
    border: 2px solid rgb(95, 95, 95);
    border-radius: 20px;
    padding: 6px 5px 6px 15px;
}

    .common_custom_select select {
        border: none;
        text-align: right;
        padding-right: 10px;
    }

        .common_custom_select select:focus-visible {
            outline: none
        }

#page_title::placeholder,
#category_name::placeholder,
.common_input_field::placeholder,
.image_title::placeholder {
    color: #a0a0a0 !important;
    font-size: 0.9em;
}

.image_title_span {
    margin-left: 10px;
}

/* icons */
.register_icon {
    box-sizing: border-box;
    margin: 8px 0;
    padding: 0 55px;
    border-radius: 17px;
    outline: none;
}

.register_icon_0 {
    background: url(/images/ID.png) no-repeat center center;
}

.register_icon_1 {
    background: url(/images/title.png) no-repeat center center;
}

.register_icon_2 {
    background: url(/images/category.png) no-repeat center center;
}

.register_icon_3 {
    background: url(/images/photo_upload.png) no-repeat center center;
}

.register_icon_4 {
    background: url(/images/movie_upload.png) no-repeat center center;
}

.register_icon_5 {
    background: url(/images/photo.png) no-repeat center center;
}

.register_icon_6 {
    background: url(/images/look.png) no-repeat center center;
}

.register_icon_7 {
    background: url(/images/human.png) no-repeat center center;
}

.register_icon_8 {
    background: url(/images/QRcord.png) no-repeat center center;
}

.register_icon_9 {
    background: url(/images/createddate.png) no-repeat center center;
}

.register_icon_10 {
    background: url(/images/releasedate.png) no-repeat center center;
}

.register_icon_11 {
    background: url(/images/QRcord_gray.png) no-repeat center center;
}

.register_icon_12 {
    background: url(/images/compass.png) no-repeat center center;
}

.register_icon_13 {
    background: url(/images/account.png) no-repeat center center;
}

.register_icon_14 {
    background: url(/images/ID_Passwaod.png) no-repeat center center;
}

.register_icon_15 {
    background: url(/images/account_ID.png) no-repeat center center;
}

/* 情報登録 */
.register_icon_16 {
    background: url(/images/information.png) no-repeat center center;
}
/* パノラマ設定 */
.register_icon_17 {
    background: url(/images/panorama_photo_set.png) no-repeat center center;
}
/* 画像アップロード */
.register_icon_18 {
    background: url(/images/panorama_photo_upload.png) no-repeat center center;
}
/* 動画アップロード */
.register_icon_19 {
    background: url(/images/panorama_movie_upload.png) no-repeat center center;
}
/* 動画サムネイル */
.register_icon_20 {
    background: url(/images/panorama_photo.png) no-repeat center center;
}


/* contents */
.contentsArea {
    float: left;
    width: 100rem;
    margin: 1em 0 0 15em;
    padding-bottom: 5em;
}

.contents_border {
    border: 2px solid rgb(174, 174, 174);
    border-radius: 15px;
    margin-bottom: 1em;
}


/* ================================================================================================
 *  panorama list
 * =============================================================================================== */
.image_register_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 12px 50px 12px 80px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
    background: url(/images/photo_signup.png) no-repeat 25px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

    .image_register_button:hover {
        color: #0056b3;
        text-decoration: none;
    }

.panorama_register_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 12px 50px 12px 80px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
    background: url(/images/panoramaSet_signup.png) no-repeat 25px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

    .panorama_register_button:hover {
        color: #0056b3;
        text-decoration: none;
    }

.work_register_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 12px 50px 12px 80px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 20px;
    background: url(/images/workFolder_signup.png) no-repeat 25px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

    .work_register_button:hover {
        color: #0056b3;
        text-decoration: none;
    }

.panorama_list_area {
    width: 100%;
    min-width: 1106px;
    border: 2px solid rgb(174, 174, 174);
    border-radius: 20px;
    min-height: 600px;
    max-height: 600px;
    margin-top: 1em;
    margin-bottom: 1em;
    /* このエリアを超えるとスクロール */
    /* overflow: auto; */
}

.panorama_list_footer {
    width: 100%;
    margin-bottom: 20px;
}

.panorama_list_table {
    display: block;
    flex: 1 1 auto;
    border-bottom: 3px solid #ffad28;
}

    .panorama_list_area::-webkit-scrollbar,
    .panorama_list_table tbody::-webkit-scrollbar {
        display: none;
    }

    .panorama_list_table thead,
    .panorama_list_table tbody {
        display: block;
        scrollbar-width: none;
    }

    .panorama_list_table tbody {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 410px;
    }

    .panorama_list_table label {
        margin: 0;
    }

    .panorama_list_table th {
        height: 70px;
        text-align: center;
        color: rgb(255, 173, 29);
        border-bottom: 3px solid rgb(255, 173, 29);
    }

    .panorama_list_table td {
        height: 70px;
        border-bottom: 3px solid rgb(174, 174, 174);
        text-align: center;
    }

.panorama_list_table_th_check {
    width: 100px !important;
}

/* title link */
.panorama_list_table_td_title {
    display: block;
    width: 100%;
    border: 1px solid rgb(95, 95, 95);
    border-radius: 20px;
    padding: 5px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
    text-align: left;
    text-decoration: none !important;
    box-shadow: 2px 2px 1px #dee2e6;
}

    .panorama_list_table_td_title:hover {
        color: #ffbf00;
        border: 1px solid #ffbf00;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 80%);
    }

.panorama_list_table_td_category {
    display: block;
    width: 100%;
    border: 1px solid rgb(95, 95, 95);
    border-radius: 20px;
    padding: 5px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
    text-align: left;
}

.list_input_area_date {
    display: inline-block;
    padding: 9.95px 30px;
    border: 2px solid;
    border-radius: 30px;
}

.list_input_area_search {
    display: inline-block;
    padding: 3px 3px 3px 10px;
    border: 2px solid;
    border-radius: 30px;
}

    .list_input_area_search button {
        display: inline-block;
        cursor: pointer;
        width: 100px;
        padding: 5px 15px;
        color: #000;
        font-weight: bold;
        text-align: right;
        border: 2px solid rgb(125, 83, 19);
        border-radius: 20px;
        background: url(/images/Loupe.png) no-repeat 6px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    }

        .list_input_area_search button:hover {
            color: #0056b3;
            border: 2px solid rgb(125, 83, 19);
        }

    .list_input_area_search input {
        padding-left: 10px;
        border: none;
    }

.list_input_area_date input {
    border: none;
}

    .list_input_area_search input:focus-visible,
    .list_input_area_date input:focus-visible {
        outline: none
    }

/* リストページ、削除ボタン */
.list_input_area_delete {
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    padding: 7px 35px 7px 68px;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 30px;
    background: url(/images/checkmark.png) no-repeat 20px, linear-gradient(180deg, rgb(249, 249, 249) 0%, rgb(175, 175, 175) 100%);
}

    .list_input_area_delete:hover {
        color: rgb(255, 96, 96);
        text-decoration: none;
    }

/* 最近削除したものボタン */
.recent_delete_button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    padding: 7px 35px;
    color: #000;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 30px;
    background: linear-gradient(180deg, rgb(249, 249, 249) 0%, rgb(175, 175, 175) 100%);
}

    .recent_delete_button:hover {
        color: rgb(255, 96, 96);
        text-decoration: none;
    }

.panorama_checkin_button {
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    padding: 7px 35px 7px 68px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    background: url(/images/checkmark.png) no-repeat 20px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

    .panorama_checkin_button:hover {
        color: #0056b3;
        text-decoration: none;
    }

/* ================================================================================================
 *  trash list
 * =============================================================================================== */
.trash_list_header_line {
    min-width: 900px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding: 0.25rem 1.0rem;
    border-left: 16px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to top, rgb(255 162 19) 0%, rgb(255, 233, 111) 100%);
    border-image-slice: 1;
    font-size: 1.4em;
}

.trash_list_area {
    width: 100%;
    min-width: 1106px;
    border: 2px solid rgb(174, 174, 174);
    border-radius: 20px;
    min-height: 600px;
    max-height: 600px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.trash_list_footer {
    width: 100%;
    margin-bottom: 20px;
}

.trash_list_table {
    display: block;
    flex: 1 1 auto;
    border-bottom: 3px solid #ffad28;
}

    .trash_list_area::-webkit-scrollbar,
    .trash_list_table tbody::-webkit-scrollbar {
        display: none;
    }

    .trash_list_table thead,
    .trash_list_table tbody {
        display: block;
        scrollbar-width: none;
    }

    .trash_list_table tbody {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 410px;
    }

    .trash_list_table label {
        margin: 0;
    }

    .trash_list_table th {
        height: 70px;
        text-align: center;
        color: rgb(255, 173, 29);
        border-bottom: 3px solid rgb(255, 173, 29);
    }

    .trash_list_table td {
        height: 70px;
        text-align: center;
        border-bottom: 3px solid rgb(174, 174, 174);
    }

/* 元に戻すボタン */
.trash_undo_button {
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    padding: 7px 35px 7px 68px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    background: url(/images/checkmark.png) no-repeat 20px, linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
}

    .trash_undo_button:hover {
        color: #0056B3;
        text-decoration: none;
    }


/* ================================================================================================
 *  0.9 Pagination
 * =============================================================================================== */
/*
 * span = current 現在表示中のページ
 * a    = next    次のページ
 */

.pagination {
    margin: 2em 0 0 0;
    justify-content: center;
}

/*
.page-item {
   padding: 0.2em 0.5em; 
}
*/

.page-link {
    color: #000 !important;
    border: none !important;
    width: 50px;
    padding: 0.3em 0.5em !important;
    text-align: center !important;
    border-radius: 20px !important;
    margin-left: 0.3em !important;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    width: 100px;
}

.page-item.active .page-link {
    text-align: center !important;
    width: 50px;
    padding: 0.3em 0.5em !important;
    color: #000 !important;
    border: 1px solid rgb(125, 83, 19) !important;
    background: linear-gradient(to top, rgb(255 162 19) 0%, rgb(255, 233, 111) 100%) !important;
}

.page-link:hover,
.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover,
.page-item:nth-child(2) .page-link:hover,
.page-item:nth-last-child(2) .page-link:hover {
    color: #000 !important;
    background: linear-gradient(to top, rgb(255 162 19) 0%, rgb(255, 233, 111) 100%) !important;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-item:nth-child(2) .page-link,
.page-item:nth-last-child(2) .page-link {
    font-weight: bold;
    color: rgb(255 162 19) !important;
}



/* ================================
 *  admin list
 * =============================== */
.admin_register_button {
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 12px 50px 12px 80px;
    border: 2px solid rgb(80 80 80);
    border-radius: 20px;
    background: url(/images/human_icon.png) no-repeat 25px, linear-gradient(180deg, rgb(174 174 174) 0%, rgb(80, 80, 80) 100%);
}

    .admin_register_button:hover {
        color: #0056B3;
        text-decoration: none;
    }

.admin_register_button {
    float: right;
}

    .admin_register_button a {
        cursor: pointer;
        color: #000;
        font-size: 1.3rem;
        font-weight: bold;
        padding: 12px 80px;
        border: 2px solid rgb(174, 174, 174);
        border-radius: 20px;
        background: url(/images/human_icon.png) no-repeat 25px, linear-gradient(180deg, rgb(80 80 80) 0%, rgb(174, 174, 174) 100%);
    }

.admin_register_backbutton {
    color: #ff0000;
    margin-top: 10px;
    padding: 8px 12px;
    border: 1px solid rgb(255, 0, 0);
    border-radius: 5px;
}

.admin_register_button a:hover {
    color: #000;
    text-decoration: none;
}

.admin_list_area {
    width: 100%;
    min-width: 1106px;
    border: 2px solid rgb(174, 174, 174);
    border-radius: 20px;
    min-height: 600px;
    max-height: 600px;
    margin-top: 1em;
    /* このエリアを超えるとスクロール */
    /* overflow: auto; */
}

.admin_list_table {
    display: block;
    flex: 1 1 auto;
    border-bottom: 3px solid rgb(80 80 80);
}

    .admin_list_area::-webkit-scrollbar,
    .admin_list_table tbody::-webkit-scrollbar {
        display: none;
    }

    .admin_list_table thead,
    .admin_list_table tbody {
        display: block;
        scrollbar-width: none;
    }

    .admin_list_table tbody {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 410px;
    }

    .admin_list_table label {
        margin: 0;
    }

    .admin_list_table th {
        height: 70px;
        text-align: center;
        color: rgb(80 80 80);
        border-bottom: 3px solid rgb(80 80 80);
    }

    .admin_list_table td {
        height: 70px;
        border-bottom: 3px solid rgb(174, 174, 174);
        text-align: center;
    }

.admin_list_table_th_check {
    width: 100px !important;
}

/* title link */
.admin_list_table_td_title {
    display: block;
    width: 290px;
    border: 1px solid rgb(174, 174, 174);
    border-radius: 20px;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
    text-align: left;
    text-decoration: none !important;
    box-shadow: 2px 2px 1px #dee2e6;
}

    .admin_list_table_td_title:hover {
        color: #ffbf00;
        border: 1px solid #ffbf00;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 80%);
    }

.admin_list_table_td_category {
    display: block;
    width: 185px;
    border: 1px solid rgb(174, 174, 174);
    border-radius: 20px;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
    text-align: left;
}

.admin_header_line {
    margin: 0 20px;
    padding: 0.75rem 1.25rem;
    border-left: 30px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to top, rgb(80 80 80) 0%, rgb(174, 174, 174) 100%);
    border-image-slice: 1;
}

.admin_list_header_line {
    min-width: 1110px;
    margin-bottom: 1em;
    padding: 0.75rem 1.25rem;
    border-left: 30px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to top, rgb(80 80 80) 0%, rgb(174, 174, 174) 100%);
    border-image-slice: 1;
}

.admin_list_input_area_date {
    display: inline-block;
    padding: 6px 6px 6px 10px;
    border: 2px solid;
    border-radius: 5px;
    color: rgb(80 80 80);
}

.admin_list_input_area_search {
    display: inline-block;
    padding: 3px 3px 3px 10px;
    border: 2px solid;
    border-radius: 30px;
    color: rgb(80 80 80);
}

    .admin_list_input_area_search button {
        display: inline-block;
        cursor: pointer;
        width: 100px;
        padding: 5px 15px;
        color: #000;
        font-weight: bold;
        text-align: right;
        border: 2px solid rgb(80 80 80);
        border-radius: 20px;
        background: url(/images/Loupe.png) no-repeat 6px, linear-gradient(180deg, rgb(174, 174, 174) 0%, rgb(80 80 80) 100%);
    }

        .admin_list_input_area_search button:hover {
            color: #0056B3;
            border: 2px solid rgb(80 80 80);
        }

.admin_list_input_area_date input {
    border: none;
}

.admin_list_input_area_search input {
    border: none;
}

    .admin_list_input_area_date input:focus-visible,
    .admin_list_input_area_search input:focus-visible {
        outline: none
    }

/* table */
.admin_table {
    width: 100%;
}

    .admin_table tr {
        border-top: 2px solid rgb(174, 174, 174);
    }

.admin_last_tr {
    border-bottom: 2px solid rgb(174, 174, 174);
}

.admin_table th {
    width: 100px;
    min-width: 100px;
    padding: 30px;
}

    .admin_table th + td {
        text-align: center;
        width: 150px;
        min-width: 150px;
        padding-right: 30px;
    }

.paginationAdmin {
    margin: 2em 0 0 0;
    justify-content: center;
}

.pageAdmin-link {
    color: #000 !important;
    border: none !important;
    width: 50px;
    padding: 0.3em 0.5em !important;
    text-align: center !important;
    border-radius: 20px !important;
    margin-left: 0.3em !important;
}

.pageAdmin-item:first-child .pageAdmin-link,
.pageAdmin-item:last-child .pageAdmin-link {
    width: 100px;
}

.pageAdmin-item.active .pageAdmin-link {
    text-align: center !important;
    width: 50px;
    padding: 0.3em 0.5em !important;
    color: #000 !important;
    border: 1px solid rgb(80 80 80) !important;
    background: linear-gradient(to top, rgb(80 80 80) 0%, rgb(174, 174, 174) 100%) !important;
}

.pageAdmin-link:hover,
.pageAdmin-item:first-child .pageAdmin-link:hover,
.pageAdmin-item:last-child .pageAdmin-link:hover,
.pageAdmin-item:nth-child(2) .pageAdmin-link:hover,
.pageAdmin-item:nth-last-child(2) .pageAdmin-link:hover {
    color: #000 !important;
    background: linear-gradient(to top, rgb(80 80 80) 0%, rgb(174, 174, 174) 100%) !important;
}

.pageAdmin-item:first-child .pageAdmin-link,
.pageAdmin-item:last-child .pageAdmin-link,
.pageAdmin-item:nth-child(2) .pageAdmin-link,
.pageAdmin-item:nth-last-child(2) .pageAdmin-link {
    font-weight: bold;
    color: rgb(80 80 80) !important;
}

.horiScroll {
    overflow-x: scroll;
    border: 0px;
    padding: 20px;
}

    .horiScroll > div {
        width: 250%;
        display: flex;
    }

        .horiScroll > div > div {
            width: 10%;
            border: 1px solid #999;
            padding: 10px 20px;
            margin: 10px;
            background: #f2f2f2;
        }

.modal-body-delete {
    text-align: left !important;
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.breadcrumbsFont {
    font-size: 16px;
}

.dragErea:hover {
    color: #ffbf00;
    border: 1px solid #ffbf00;
    border-radius: 20px;
}

.triangleUp {
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #000 transparent;
    display: inline-block;
    width: 0;
    height: 0;
}

.triangleDown {
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #000 transparent transparent transparent;
    display: inline-block;
    width: 0;
    height: 0;
}

.shadowBotton {
    display: inline-block;
    width: 60px;
    box-shadow: 0px 0px 0px;
}

    .shadowBotton:hover {
        box-shadow: 2px 2px 1px #8B8B8B;
        border-radius: 5px;
    }

/* 情報登録用＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.common_custom_select.register_info {
    display: inline-block;
    margin: 10px 0;
}
.label_input_container {
    display: none;
}
.label_input_block {
    margin-bottom: 10px;
}
.label_input_block textarea,
.label_input_block input[type="text"] {
    width: 100%;
    padding: 5px;
    padding-left: 20px;
    border: 2px solid rgb(95, 95, 95);
    border-radius: 20px;
}
.label_input_block input[type="file"] {
    display: none;
}
.label_register_info_btn {
    cursor: pointer;
    color:#000;
    font-weight: bold;
    background-image: linear-gradient(180deg, rgb(255, 233, 111) 0%, rgb(255, 142, 15) 100%);
    padding: 2px;
    border: 2px solid rgb(125, 83, 19);
    border-radius: 30px;
    width: 100px;
    text-align: center;
    margin-bottom: 0;
}
.label_register_info_btn:hover {
    color: #0056b3;
}
.label_register_info_btn:disabled {
    cursor: initial;
    background-image: none;
    background-color: rgb(155, 155, 155);
    border: 2px solid rgb(95, 95, 95);
}
.label_register_info_btn:disabled:hover {
    color: initial;
}
.label_register_info_span {
    margin-left: 10px;
}
.label_select_container {
    margin-bottom: 10px;
}
.label_annotation {
    display: inline-block;
    margin: 0 0 0 1%;
    font-size: 0.85rem;
}
/* 情報確認画面＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.register_info_confirm {
    margin: 10px 0;
}
.register_info_confirm p {
    margin: 0;
}
/* パスワード系表示・非表示アイコン */
.login_input .password_eye_contents {
    left: initial;
    right: 15px;
    cursor: pointer;
}
.password_eye_icon {
    background: url(/images/eye.png) no-repeat center center/ 100%;
}
.password_eye_icon_slash {
    background: url(/images/eye-slash.png) no-repeat center center/ 100%;
}
.password_wrapper {
    position: relative;
}
.password_wrapper .password_eye_contents {
    position: absolute;
    top: 6px;
    right: 15px;
    padding: 12px;
    cursor: pointer;
}
input[type="password"]::-ms-reveal {
    display: none;
}