/* ヘッダーメニュー用 */
.logo {
    width: 76px;
    height: 36px;
    margin-left: 5px;
    margin-top: 5px;
}

.bg-print {
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #449d44;
}

.active-print .bg-print {
    color: #f8f8f8 !important;
    background-color: #52aa3d;
}

.bg-postcard {
    border-color: #c9302c;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
}

.active-postcard .bg-postcard {
    color: #f8f8f8 !important;
    background-color: #c9302c;
}

.bg-book {
    border-color: #337ab7;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
}

.active-book .bg-book {
    color: #f8f8f8 !important;
    background-color: #337ab7;
}

.active-print {
    background-color: #52aa3d;
}

.active-book {
    background-color: #004077;
}

.active-postcard {
    background-color: #a41f1b;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fcfbfb;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fffcfc;
    background-color: #999999;
}

.outside {
    position: fixed;
    left: -3000px;
}

.field-validation-error {
    color: red;
}

.validation-summary-errors {
    color: red;
}

.warning_text {
    color: red;
}

@media (min-width: 768px) {
    .titlewrap {
        display: block;
        background: url("../../images/DPE/bg_title.gif") repeat;
        height: 2.25rem;
    }

    span.title {
        margin: 0 20px;
        padding: 8px 10px 8px 15px;
        display: inline-block;
        font-weight: bold;
        letter-spacing: 2px;
        color: #252525;
        background-color: #fbfbfb;
    }
}

/* ボタンの並び順を逆にする */
.modal-footer.reverse-buttons {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

/* ボタンのスタイル設定 */
.modal-footer button {
    background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset,0 2px 10px 0 rgba(255,255,255,.5) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
}

/* 最初と最後以外のボタン */
.modal-footer.reverse-buttons button:not(:first-child):not(:last-child) {
    --bs-btn-color: #000;
    --bs-btn-bg: #f9d06d;
    --bs-btn-border-color: #f9d06d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fbdc92;
    --bs-btn-hover-border-color: #fad57c;
    --bs-btn-focus-shadow-rgb: 212, 177, 93;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fad98a;
    --bs-btn-active-border-color: #fad57c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f9d06d;
    --bs-btn-disabled-border-color: #f9d06d background-color:
}

/* 最後のボタン。戻るボタンを想定。 */
.modal-footer.reverse-buttons button:last-child {
    --bs-btn-color: #fff;
    --bs-btn-bg: #444444;
    --bs-btn-border-color: #444444;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #333333;
    --bs-btn-hover-border-color: #363636;
    --bs-btn-focus-shadow-rgb: 96, 96, 96;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #363636;
    --bs-btn-active-border-color: #333333;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #444444;
    --bs-btn-disabled-border-color: #444444;
}

/* 最初のボタン */
.modal-footer.reverse-buttons button:first-child {
    --bs-btn-color: #000;
    --bs-btn-bg: #f9d06d;
    --bs-btn-border-color: #f9d06d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fbdc92;
    --bs-btn-hover-border-color: #fad57c;
    --bs-btn-focus-shadow-rgb: 212, 177, 93;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fad98a;
    --bs-btn-active-border-color: #fad57c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f9d06d;
    --bs-btn-disabled-border-color: #f9d06d background-color:
}