/* 全体用
-------------------------------------------------- */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    overflow-y: scroll;
}

/* ボディ用
-------------------------------------------------- */
body {
    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    margin-bottom: 60px;
}

/* フッター用
-------------------------------------------------- */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 30px;
    margin-top: -20px;
}

/* コンテナ用
-------------------------------------------------- */
.container,
.container-fluid {
    min-width: 1280px;
}

/* カスタムカラー用
-------------------------------------------------- */
.bg-custom {
    background: -moz-linear-gradient(left, #241a37, #150f21);
    background: -webkit-linear-gradient(left, #241a37, #150f21);
    background: linear-gradient(to right, #241a37, #150f21);
}

/* ナビゲーション用
-------------------------------------------------- */

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

/* パンくず用
-------------------------------------------------- */

.breadcrumb-custom {
    margin-top: 1rem !important;
    border: 1px solid #eaeaea;
    background: -moz-linear-gradient(left, #f9f9f9, #fff);
    background: -webkit-linear-gradient(left, #f9f9f9, #fff);
    background: linear-gradient(to right, #f9f9f9, #fff);
}

/* テーブル用
-------------------------------------------------- */

.table-custom {
}

    .table-custom th,
    .table-custom td {
        vertical-align: middle;
        border: 1px solid #eaeaea;
        word-break: break-all;
        background-color: white;
    }

    .table-custom th {
        text-align: center;
        padding: 16px;
    }

    .table-custom th {
        background: -moz-linear-gradient(bottom, #f9f9f9, #fff);
        background: -webkit-linear-gradient(bottom, #f9f9f9, #fff);
        background: linear-gradient(to bottom, #f9f9f9, #fff);
    }

/* ボタン用
-------------------------------------------------- */
.btn-custom {
    width: 180px;
    border: 1px solid #eaeaea;
}

/* カード内フォーム用
-------------------------------------------------- */
/*
カード内に作成するフォーム
*/
.card-form {
    border: 1px solid #eaeaea;
    padding: 16px 16px 16px 16px;
    background: -moz-linear-gradient(left, #f9f9f9, #fff);
    background: -webkit-linear-gradient(left, #f9f9f9, #fff);
    background: linear-gradient(to right, #f9f9f9, #fff);
}

/*
カード内に作成するフォームのボディ部
*/
    .card-form .card-form-body {
        padding-top: 0px;
        padding-bottom: 12px;
    }

    /*
カード内に作成するフォームの入力エラー等のアラート
*/
    .card-form .card-form-alert {
        padding-top: 24px;
    }

    /*
カード内に作成するフォームタイトル
*/
    .card-form .card-form-title {
        margin-top: 24px;
        padding-bottom: 3px;
        font-size: 20px;
        border-bottom: 1px solid #dee2e6;
    }

        /*
カード内に作成するフォームタイトルの前アイコン
*/
        .card-form .card-form-title::before {
            font-family: "Font Awesome 5 Free";
            content: '\f7a5';
            font-size: 20px;
            font-weight: bold;
            margin-right: 8px;
        }

    /*
カード内に作成するフォームの行
*/
    .card-form .card-form-row {
        margin-top: 20px;
    }

    /*
カード内に作成するフォームの入力項目ラベル
*/
    .card-form .card-form-label {
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
        margin-bottom:0.5rem;
    }

    /*
カード内に作成するフォームのボタンの行
*/
    .card-form .card-form-button-row {
        margin-top: 32px;
        text-align: center;
    }

        /*
カード内に作成するフォームのボタン
*/
        .card-form .card-form-button-row button {
            width: 180px;
        }

        .card-form .card-form-button-row a {
            width: 180px;
        }

/* モーダルダイアログ用
-------------------------------------------------- */
/*
    モーダルオープン
*/
.modal-open {
    padding-right: 0px !important;
}

/*
    モーダルダイアログ
*/
.modal {
    padding-right: 0px !important;
}

/*
    モーダルボディ
*/
.modal-body {
    overflow-wrap: break-word;
}

/* その他共通処理
-------------------------------------------------- */
/*
    基本的な画面用のパネル
*/
.panel {
    width: 700px;
    margin: 0 auto;
}

/*
    一覧画面のボタンのマージン
*/
.index-button-block {
    margin-top: 20px;
}

/*
    ナビゲーションリンク
*/
.nav-link {
    color: #495057;
}