.breadcrumb {
    position: relative;
    margin: 0;
    padding: 0em 0em 1em 1em;
    list-style: none;
    z-index: 20;
}

.breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
    font-weight: normal;
    /*太字*/
}

.breadcrumb li:after {
    /* >を表示*/
    content: '>';
    padding: 0 0.2em;
    color: white;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: white;
    /*色*/
}

.breadcrumb li a:hover {
    color: forestgreen;
    /*色*/
    background-color: white;

}

.breadcrumb li:last-child a:hover {
    color: white;
    /*色*/
    background-color: transparent;

}