body {
/*    padding-top: 50px;
*/    padding-bottom: 20px;
}

.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 40px; /* 好きな高さに */
}

/*ボタンの色*/
.btn-olivegreen {
    background-color: darkolivegreen !important;
    color: #fff !important; /* 文字は白が見やすい */
    border-color: darkolivegreen !important;
}

.btn-olivegreen:hover {
    background-color: #556b2f !important; /* darkolivegreen の少し濃い色 */
    border-color: #556b2f !important;
}

.btn-olivegreen {
    padding: 2px 8px !important;
}

.btn-olivegreen {
    border-width: 1px !important;
}

.btn-outline-olivegreen {
    color: darkolivegreen !important;
    border: 1px solid darkolivegreen !important;
    background-color: transparent !important;
}

.btn-outline-olivegreen:hover {
    color: #fff !important;
    background-color: darkolivegreen !important;
    border-color: darkolivegreen !important;
}

.btn-outline-olivegreen:active {
    color: #fff !important;
    background-color: #556b2f !important; /* 少し濃い olivegreen */
    border-color: #556b2f !important;
}

.btn-outline-olivegreen:disabled {
    color: #6c757d !important;
    border-color: #6c757d !important;
}

/**/
/*.btn-custom-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9900FF;
    --bs-btn-border-color: #9900FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7a00cc;
    --bs-btn-hover-border-color: #7a00cc;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6600a3;
    --bs-btn-active-border-color: #6600a3;
}*/

.btn-purple {
    background-color: purple;
    border-color: purple;
    color: #ffffff; /* 文字色は白 */
}

/* ホバー時（少し暗めにする） */
.btn-purple:hover,
.btn-purple:focus {
    background-color: purple;
    border-color: purple;
    color: #ffffff;
}

.btn-firebrick {
    background-color: firebrick;
    border-color: firebrick;
    color: #ffffff; /* 文字色は白 */
}

/* ホバー時（少し暗めにする） */
.btn-firebrick:hover,
.btn-firebrick:focus {
    background-color: firebrick;
    border-color: firebrick;
    color: #ffffff;
}

.btn-gray {
    background-color: gray;
    border-color: gray;
    color: #ffffff; /* 文字色は白 */
}

/* ホバー時（少し暗めにする） */
.btn-purple:hover,
.btn-purple:focus
{
    background-color: gray;
    border-color: gray;
    color: #ffffff;
}

.btn-forestgreen {
    background-color: forestgreen;
    border-color: forestgreen;
    color: #ffffff; /* 文字色は白 */
}

/* ホバー時（少し暗めにする） */
.btn-forestgreen:hover,
.btn-forestgreen:focus {
    background-color: darkgreen;
    border-color: darkgreen;
    color: #ffffff;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.highlight {
    background-color: yellow; /* ハイライトの背景色を黄色に設定 */
}

.btn-mini {
    padding: 0.15rem 0.3rem; /* ボタンのパディングを調整 */
    font-size: 0.65rem; /* ボタンのフォントサイズを調整 */
    line-height: 1.2; /* 行の高さを調整 */
}

/*.nav-link {
    color: white;
}
*/

.navbar {
    min-height: 40px; /* 例: 高さを40pxに設定 */
}

/*.navbar-expand-mb .navbar {
    min-height: 30px;
}
*/
/*.navbar-custom .navbar-nav .nav-link {
    color: #ffffff;*/ /* 例: 白色 */
/*}*/

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px; /* 表示したい幅に合わせて調整 */
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: @60px;
        /*        color: @jumbotron-color;
        background-color: @jumbotron-bg;*/ 
        border-radius: 6px;
    }

}

.jumbotron-extend {
    position: relative;
    height: 20vh;
    min-height: 260px;
}

.img_hover img {
    cursor: pointer;
}


.jumbotron {
    background: url(/images/banner3.jpg) center no-repeat;
    background-size: cover;
}

h1.title span {
    /*display: block;*/
    background: rgba(0,0,0,.5);
}

p.lead span {
    /*display: block;*/
    background: rgba(0,0,0,.5);
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: green; /*crimson; #4b6c9e; */
    width: 100%;
    /*background-image: linear-gradient(to left, #4B6C9E 0%, #184085 100%);*/
}

.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.my-ad90 {
    display: block;
    max-height: 90px !important;
    overflow: hidden;
}

.my-ad250 {
    display: block;
    max-height: 250px !important;
    overflow: hidden;
}