:root {
    --app-theme-color: #FFD34E;         /*アプリテーマカラー*/
    --app-theme-color-hover: #FFE082;   /*アプリテーマカラー(ホバー時)*/
    --text-theme-color: #8B5C2A;        /*アプリテーマカラー(テキスト)*/
    --border-theme-color: #FFB74D;      /*アプリテーマカラー(ボーダー)*/
    --app-operation-color: #1976D2;     /*アプリ操作カラー(ボタン等)*/
    /*項目名の背景色(テーブルヘッダーや編集画面の項目名等)*/
    --background-color-karashi: #FFD34E;
    --background-color-offwhite: #FFF8E1;
    --go-button-color-karashi: #E0B800;
    --go-button-color-karashi-hover: #C49A00;
    --c-item-title-back-color__default: #c8fac8;
    --mud-palette-default: #1A2E1A;
    --mud-palette-primary: #368137;
    --mud-palette-primary-darken: #245724;
    --mud-palette-error: #FA4B4B;
    --mud-palette-info: #4B7CFF;
}

/*============================
    ボタン関連
=============================*/

.c-user-button--default {
    /*ユーザー操作画面用(スマホ想定)ボタン*/
    min-width: 100px;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 6px;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}
    .c-user-button--default:hover {
        box-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    }

    .c-user-button--default:disabled {
        background: #bdbdbd;
        color: #fff;
        border-color: #bdbdbd;
    }

.mud-table th {
    /*テーブルヘッダー*/
    background-color: var(--c-item-title-back-color__default) !important;
    color: black !important;
    text-align: center;
    border: 1px solid #ccc;
}

.mud-table td {
    /*テーブルコンテンツー*/
    text-align: center;
    border: 1px solid #ccc;
}

.c-edit-table {
    border: 3px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}

    .c-edit-table th {
        /* th 要素に適用するスタイル */
        text-align: right;
        width: 200px;
        padding: 2px 12px 0 0;
        border: 2px solid #ccc;
        background-color: var(--c-item-title-back-color__default);
    }

    .c-edit-table td {
        /* td 要素に適用するスタイル */
        padding: 0 12px 12px;
        width: 450px;
        margin: 0;
        border: 2px solid #ccc;
    }

.c-required__back-color {
    /*必須項目の背景色*/
    background-color: #ffffcc;
}

.mud-button-filled-default {
    background-color: #114505;
    color: #ffffff;
}

    .mud-button-filled-default:hover {
        background-color: #368137;
        color: #ffffff;
    }

.mud-button-filled {
    text-shadow: none;
}

.c-search__back-color {
    background-color: white;
}

.p-operation-btn {
    padding: 10px 50px;
}

.mud-table-cell {
    border-bottom: medium;
}

/* -------------------------------
    下線
   ------------------------------- */
hr.c-underline {
    border: 1px solid black !important;
    opacity: 1;
    height: 5px !important;
    margin-top: 0;
}

hr.c-underline-short-center {
    margin: 0 auto auto auto;
    border: 1px solid black;
    opacity: 1;
    height: 5px;
    width: 70%;
    text-align: center;
}

.c-underline-color-bg {
    background-color: #FFDA03 !important;
}

/* -------------------------------
    検索結果テーブル
 ------------------------------- */
.c-result-table {
    width: 100%;
}
    .c-result-table th,
    .c-result-table td {
        padding: 1.1rem 1.5rem;
        text-align: left;
        background: #ffffff;
        font-size: 1.08rem;
    }

    .c-result-table th {
        background: #FFD34E !important;
        color: #8B5C2A;
        font-weight: bold;
        font-size: 1.13rem;
    }

/* -------------------------------
    ResultList.razorで使用
   ------------------------------- */

.resultlist-table {
    width: 100%;
    /*    border-collapse: separate;
    border-spacing: 0 0.7rem;*/
    /*    background: transparent;*/
    /*    border-bottom: 1px solid #ffe082;*/
}

    .resultlist-table th,
    .resultlist-table td {
        padding: 1.1rem 1.5rem;
        text-align: left;
        background: #ffffff;
        /*        border: none;*/
        font-size: 1.08rem;
        /*        border-bottom: 1px solid #ffe082;*/
    }

    .resultlist-table th {
        background: #FFD34E !important;
        color: #8B5C2A;
        font-weight: bold;
        font-size: 1.13rem;
        /*        border-bottom: none;*/
    }

    .resultlist-table tr {
        /*        border-radius: 8px;*/
    }

/*=========================*/