.breadcrumb {
    background-color: var(--light-teal);
    padding: 0 calc(var(--exclude-scrollbar-width) / 2 - 50%);
}

.breadcrumb_inner {
    margin: 0 auto;
    padding: 1em 1.5em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumb_item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    font-size: 0.875em;
}

.breadcrumb_item img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.breadcrumb_separator {
    margin: 0 10px;
    color: var(--dark-gray);
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
    .breadcrumb {
        padding: 8px 0;
    }

    .breadcrumb_item {
        font-size: 12px;
    }

    .breadcrumb_item img {
        width: 16px;
        height: 16px;
    }
}