@charset "utf-8";
/* CSS Document */

.breadcrumb {
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  line-height: 1.6;
  padding: 12px 20px;
  background: #f9fbfc;
  border-bottom: 1px solid #e0e7e9;
  margin: 140px 0 0;
}

.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.breadcrumb li {
  display: inline-flex;
  align-items: center;
}

.breadcrumb li + li::before {
  content: "›";
  margin: 0 8px;
  color: #6b7280;
}

.breadcrumb a {
  color: #2c7a7b;
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  text-decoration: underline;
}

.breadcrumb li:last-child {
  color: #374151;
  font-weight: 500;
}

@media (max-width: 767px) {
  .breadcrumb {
    padding: 12px 15px;          /* 上下少し広げて高さ確保 */
    min-height: 50px;            /* 最低高さで改行分を収容 */
    line-height: 1.5;            /* 行間を広め */
    overflow: visible !important; /* 念のため */
	margin: 100px 0 0;
  }
  /* ホーム隠して…にする */
  .breadcrumb .home {
    display: none;
  }
  .breadcrumb .home + li::before {
    content: "… ›";
    margin: 0 8px;
    color: #6b7280;
  }

  /* リンク部分（上位階層）は...で省略 */
  .breadcrumb li a {
    max-width: 35vw;               /* 少し狭めに調整（調整可能） */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  .breadcrumb li:last-child {
    max-width: 100% !important;     /* 画面幅フル活用 */
    white-space: normal !important;
    word-break: break-word !important; /* 日本語の長い文字列を強制折り返し */
    hyphens: auto;                  /* ハイフンで自然に切る（オプション） */
    overflow: visible !important;
    display: block !important;      /* ブロックで改行を尊重 */
    visibility: visible !important; /* 見えなくしてる可能性を殺す */
    color: #374151 !important;      /* 色が薄くなってないか確認 */
    background: rgba(255, 255, 0, 0.1); /* テスト用：黄色背景で本当に表示されてるか視認 */
	padding: 0 3px 0 1px;
	border-radius: 3px;
  }
  .breadcrumb ol {
    flex-wrap: wrap !important;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}