.fixed-bottom-menu {
  z-index: 1050;
}
.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;

  /* 高さ固定用 */
  min-height: calc(1.1em * 5); /* 行の高さ1.2em × 5行分 */
  line-height: 1.1em;
}
.custom-hover {
  text-decoration: none;        /* 通常時は下線なし */
/*  color: inherit;  */             /* 親要素の色を継承（または任意の色指定） */
  transition: color 0.2s ease;
}

.custom-hover:hover {
  text-decoration: underline;   /* ホバー時に下線 */
  font-weight: bold;
  color: #770000;               /* 好きな色に変更（例：Bootstrapブルー） */
}
.custom-outline-hover {
  text-decoration: none;        /* 通常時は下線なし */
/*  color: inherit;  */             /* 親要素の色を継承（または任意の色指定） */
  transition: color 0.2s ease;
}

.custom-outline-hover:hover {
  text-decoration: underline;   /* ホバー時に下線 */
  font-weight: bold;
  color: #ffffff;               /* 好きな色に変更（例：Bootstrapブルー） */
}

.text-container {
    position: relative;
    max-height: 4.5em; /* 3行分 (1行 = 1.5em) */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.text-container.expanded {
    max-height: none;
}

.fade-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.5em;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%);
}
.custum_color1 {
    background-color: #ff6600; /* 新しい色 */
    border-color: #ff6600;
}
.custum_color2 {
    background-color: #ff9900; /* 新しい色 */
    border-color: #ff9900;
}
.custum_color3 {
    background-color: #cc0000; /* 新しい色 */
    border-color: #cc0000;
}

.custum_color1:hover {
    background-color: #ffffff !important; /* 背景を白 */
    border-color: #ff6600 !important;
    color: #ff6600 !important; /* 文字色をオレンジ */
}

.custum_color2:hover {
    background-color: #ffffff; /* 明るいオレンジ */
    border-color: #ff9900;
	color:#ff9900 !important; /* 文字色をオレンジ */
}

.custum_color3:hover {
    background-color: #ffffff; /* 明るい青 */
    border-color: #cc0000;
	color:#cc0000 !important; /* 文字色をオレンジ */
}
/* icon blink */
.blinking {
  animation: blink-animation 2s steps(1, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/*パンくずリストスクロール*/

.breadcrumb-scroll {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.breadcrumb-scroll::-webkit-scrollbar {
  height: 6px;
}

.breadcrumb-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.breadcrumb-scroll li {
  display: inline-block; /* 横並びにする */
  white-space: nowrap;   /* 折り返さない */
}

@media (max-width: 575.98px) {
  h1 {
    font-size: 1.5rem;  /* 例: 通常 2.5rem → 小さめに */
  }
  h2 {
    font-size: 1.1rem;
  }
  h3 {
    font-size: 1rem;
  }
}