/* -------------------- */

/* ▼パンくずリストの装飾 */

/* -------------------- */
.breadcrumb > li > img {
    margin: 0 15px 8px 13px;
}

.breadcrumb {
    margin: 0 -15px;
    padding: 7px 10px 8px 15px;
    height: 33px;
    background: #fff 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    z-index: 150;
}

.breadcrumb.format span {
    font-weight: 600 !important;
    color: #444 !important;
    text-decoration: none;
}

/* ワイヤーのCSSだとなぜか文字が大きく表示されてイメージと逆にずれるのでコメントアウト
  .breadcrumb>li.active>span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-444444);
    text-align: left;
    text-decoration: underline;
  }
  .breadcrumb>li>a {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 18px/31px Hiragino Kaku Gothic ProN;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-444444);
    text-align: left;
  }
  */

/* 検索メニュー展開 */
.breadcrumb .search-toggle {
    position: absolute;
    right: 0;
    background-color: #d8d2c6;
    padding: 4px 11px;
    margin-top: -7px;
    margin-bottom: 0;
    width: 219px;
}

.breadcrumb .search-toggle > a {
    font: var(--unnamed-font-style-normal) normal
        var(--unnamed-font-weight-normal) var(--unnamed-font-size-13) /
        var(--unnamed-line-spacing-20) 'Hiragino Kaku Gothic ProN';
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-444444);
}

.breadcrumb .search-toggle > a > img:first-child {
    margin-left: 20px;
}

.breadcrumb .search-toggle > a > img:last-child {
    float: right;
    margin-top: 0; /* arrowアイコンは上下微調整の打消し */
}

.breadcrumb .search-toggle > a > span {
    font-weight: normal !important;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    /* 横幅が767px以下の場合 ≒ スマホ表示 */
    .breadcrumb {
        padding: 7px 1px 8px;
    }

    .breadcrumb > li > img {
        margin: 0 5px 8px 13px;
    }

    .breadcrumb .search-toggle {
        padding: 4px 1px;
        width: 177px;
    }

    .breadcrumb .search-toggle > a > img:first-child {
        margin-left: 2px;
    }
}

/* 左右から中心に寄せるため調整(.breadcrumb-item & .breadcrumb-location-adjust セット) */
.breadcrumb-item {
    width: 12rem;
}

.breadcrumb-location-adjust {
    width: 13rem;
}

/* 最新のお知らせ */
.news-last {
    color: #19a2aa;
}