/**
 * Cyfonsパンクズリスト用スタイル
 */
.cyfons-Breadcrumbs {
    width: 100%;
    padding: 0.4% 1%;
    position: relative;
    background-color: #f2f2f2;
    font-size: 0.9em;
}

.cyfons-Breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 1366px;
    display: flex;
}

.cyfons-Breadcrumbs li {
    display: inline-block;
    white-space: nowrap;
    flex-shrink: 0;
    /* 縮まないようにする */
}

.cyfons-Breadcrumbs li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    /* 幅が足りない場合に縮める */
    min-width: 0;
    /* これがないとflexアイテムの省略が正しく機能しない */
    max-width: 100%;
}

.cyfons-Breadcrumbs li:not(:last-child)::after {
    content: " > ";
    /* 区切り文字 */
    margin: 0 0.5em;
    flex-shrink: 0;
}

.cyfons-Breadcrumbs a {
    text-decoration: none;
    color: #0073aa;
}

.cyfons-Breadcrumbs a:hover {
    text-decoration: underline;
}