.navbar{
    background-color: #006699 !important;
}

.navbar-nav .nav-link.active {
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler{
    border-color: #ffffff;
}

.footer {
    background-color: #006699;
}


/*------------------在庫情報一覧ページ------------------*/
.l-contents {
    max-width: 1320px;
    width: 90%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 48px;
    margin: 64px auto;
}
article {
    border: 1px solid #000;
    padding: 12px;
}
article h2 {
    font-weight: bold;
}
.tmb {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    margin-bottom: 24px;
}
.item_detail {
    display: grid;
    gap: 8px;
    font-size: 17px;
}
.item_detail div span {
    color: red;
    font-size: 24px;
    font-weight: bold;
}
article a {
    display: block;
    width: fit-content;
    color: #707070;
    text-decoration: none;
    border: 1px solid #707070;
    transition: 0.3s;
    padding: 4px;
    margin-top: 8px;
}
article a:hover {
    color: #000;
    border: 1px solid #000;
}

.wp-pagenavi {
    max-width: 1320px;
    width: 90%;
    text-align: center;
    margin: 0 auto 64px;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none !important;
}
.wp-pagenavi a {
    color: #006699;
}

@media (max-width: 768px) {
    .l-contents {
        grid-template-columns: 1fr;
    }    
}

#business-content p {
    font-size: 1.2rem;
}

#company-information p {
    font-size: 1.2rem;
}

.footer_menu a{
    text-decoration: none;
}