@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px */

/* // X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px) スマホ以下
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px) タブレット以下
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... } */

/* 11px 0.687rem*/
/* 12px 0.75rem*/
/* 13px 0.812rem */
/* 14px 0.875rem*/

/* 共通 */
html {
    font-family: "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
}

.noto_sans {
    font-family: 'Noto Sans JP', sans-serif;
}

.robo_cond {
    font-family: 'Roboto Condensed';
}

body {
    font-family: "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
    color: #444444;
    /* background-color: #F5F4F0; */
    background-color: #eeece5;
    /* background-color: #f9f9f9; */
}

a, a:hover {
    /* text-decoration: none; */
    color: #444444;
}

h1, h2, h3, h4, p, ul, ol, li {
    margin: 0;
    padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

label {
    font-size: 0.75rem;
}

/* フォントサイズ */
.fs_11 {
    font-size: 0.687rem !important;
}

.fs_12 {
    font-size: 0.75rem !important;
}

.fs_13 {
    font-size: 0.812rem !important;
}

.fs_14 {
    font-size: 0.875rem !important;
}

/* プラスアイコン */
i.fa-plus-square {
    font-size: 1.4rem !important;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

/* メインレイアウト */

header {
    padding: .5rem;
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    font-size: .75rem;
    z-index: 1000 !important;
    /* border-bottom: 1px solid #0f680d; */

}

header p.user {
    font-size: 0.687rem;
}

main {
    font-size: .75rem;
    padding-top: 60px;
    padding-bottom: 120px;
}


footer {
    padding: .5rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 50px; */
    background-color: #fff;
    border-top: 1px solid #ddd;
    font-size: .75rem;
}


@media (max-width: 575.98px) {
    footer span.fs-5 {
        font-size: .687rem !important;
    }

}

/* フォーム系 */
.form-control, .form-select {
    color: #444;
    /* background-color: #fffef7; */
    font-size: 0.812rem;
    width: auto;
}

.form-control-sm, .form-select-sm {
    font-size: 0.75rem;
}

.btn {
    font-size: 0.75rem;
}

.btn-sm {
    font-size: 0.687rem;
    padding: 0.27rem 0.5rem;
}

.btn-back {
    padding: 0.2rem 0.3rem;
}

::placeholder {
    color: #cccccc !important;
    font-size: 0.687rem;
}

input[type="checkbox"] {
    transform: scale(1.4);
}

.form-check-input:checked {
    background-color: #ff1e00;
    border-color: #ff1e00;
}

/* ボタンカスタマイズ */
/* オレンジ */
.btn-orange {
    background-color: #ff1e00;
    color: #fff;
    border-color: #ff0000;
}

.bg-orange {
    background-color: #ff1e00;
    color: #fff;
}

.btn-orange:hover {
    color: rgb(245, 245, 245);
    opacity: 0.9;
}

.text-orange {
    color: #ff1e00 !important;
}

.btn-orange {
    background-color: #ff1e00;
    color: #fff;
    border-color: #ff1e00;
}

/* オレンジ2 */
.bg-orange2 {
    background-color: #FFE8D9;
    color: #FF6600;
    border-color: #FF6600;
}

.btn-orange2:hover {
    color: #FF6600;
    opacity: 0.9;
}

.text-orange2 {
    color: #FF6600 !important;
}

/* グレー */
.btn-gray {
    background-color: #f9f9f9;
    color: #444;
    border-color: #d3d3d3;
}

.bg-gray {
    background-color: #f9f9f9;
    color: #444;
}

/* アラート */
.alert {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 0.75rem;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    z-index: 999999999 !important;
}

.alert i {
    padding-right: 0.2rem;
}

/* メニュー */
.dropdown {
    z-index: 999999999 !important;
    z-index: 1000 !important;
}

.dropdown-menu {
    overflow-y: scroll;
    min-width: 15rem;
    font-size: 0.75rem !important;
    border-radius: 0;
    z-index: 1000 !important;
}

.dropdown-menu li i {
    margin-right: 0.3rem;
}

a.dropdown-item {
    color: #fff !important;
    font-size: 0.75rem !important;
    padding: .3rem .8rem .3rem 1.8rem;
}

a.dropdown-item:active {
    background-color: #343a40 !important;
}


/* テーブル */
.table {
    color: #000;
}

.table th {
    font-size: 0.75rem !important;
    color: #666;
    font-weight: normal;
    vertical-align: middle;

}

.table th.hissu::after {
    content: " (必須)";
    color: red;
    font-size: .687rem;
    vertical-align: middle;
}

.table td {
    font-size: 0.75rem !important;
    vertical-align: middle;

}

.pagination {
    font-size: 0.75rem !important;
    z-index: 1 !important;
}


/* モーダル */
.modal {
    font-size: .75rem !important;
}

.modal label {
    font-size: .75rem !important;
}

.modal-header {
    color: #fff !important;
    background-color: #212529 !important;
}

h5.modal-title {
    color: #fff !important;
    font-weight: normal;
    font-size: .812rem !important;

}



/* タイトル */
.big_title {
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-size: 1.0rem;
    font-weight: 700;
    color: #444 !important;
}

/* アコーディオン */
.toggle_btn {
    cursor: pointer;
}