/* パンくず用CSS */
.breadcrumb-item + .breadcrumb-item::before {
    content: '>';
}
.breadcrumb a {
    color: #007bff;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
/* パンくず用CSSここまで */

:root {
    --jimi-color: #FFD700;  /* ゴールド色 */
}

.text-jimi {
    color: var(--jimi-color) !important;
}

.bg-jimi {
    background-color: var(--jimi-color) !important;
}


.mega-title {
    font-size: 8rem;
 
}
h1{
    font-size: 2rem;
    font-weight: 900;
}
h2{
    font-size: 1.5rem;
    font-weight: 900;
}
h3{
    font-size: 1.25rem;
    font-weight: 900;
}
h4, h5, h6 {
    font-weight: 900;
}

.list-group-item {
    padding: 1rem;
    position: relative;
}

.list-group-item .hover-image {
    position: absolute;
    right: 10px;
    top: 70%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.list-group-item:hover .hover-image {
    opacity: 1;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    margin: .5rem;
}
@media (max-width: 768px) {
    .mega-title {
        font-size: 4rem;  /* スマートフォン向けに少し小さくする */
    }
}

.navbar-nav .nav-link {
}

.navbar-nav .nav-link:hover {
}

.navbar-nav .nav-link.active {
}

.index-page {
    .list-group-item {
        padding: 0;
    }
    
.list-group-item a{
    color: #000;
    display: block;
    padding: 1rem;
    transition: background-color 0.3s ease;
}
.list-group-item a:hover{
    background-color: #f0f0f0;
}
}