@charset "utf-8";

/**
 * local2026.css
 * 「オレの釣り」専用デザイン調整
 */

/* --- 1. 本文エリアの視認性向上 --- */


article {
  background-color: var(--main-bg);
  padding: 40px 0;
  border-bottom: 1px solid var(--border-color);
}

.navbar-nav .nav-link.active {
  color: #ffc107 !important; /* 釣りオレンジ */
    border-bottom: 2px solid #ffc107 !important;
}

.article-title {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: var(--main-text);
  line-height: 1.3;
  margin-bottom: 1rem;
}

.article-meta {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

/* 本文画像のはみ出し修正（max-width 100% の復活） */
.honbun {
  font-size: 1.4rem !important;
  line-height: 2.1;
}

.honbun a{
    
    color:#ff6600;
}
.honbun img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px;
  margin: 30px 0;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

/* 見出し(H3)オレンジ装飾（L字ライン） */
.honbun h3 {
  border-left: 10px solid #ff6600;
  border-bottom: 1px solid #ff6600;
  padding: 10px 0 10px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  margin: 5rem 0 3rem 0;
}

/* キャプション設定 */
.honbun figcaption {
  display: block;
  text-align: center !important;
  font-size: 0.85rem !important;
  color: #888 !important;
  margin-top: 10px !important;
}

/* カテゴリリンクをオレンジ（テーマカラー）に統一 */
.category_link_area {
  text-align: right !important;
  margin-top: 20px;
  font-size: 1.1rem;
}
.category_link_area a {
  color: #ff6600 !important;
  font-weight: bold;
}

/* --- 2. サイドバー：サムネイルの崩れ修正 --- */
.side_entry_item {
  display: flex !important;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.image_waku {
  width: 100px !important;
  height: 75px !important;
  flex-basis: 100px !important;
  flex-shrink: 0 !important; /* 画像が文字に押し潰されるのを防止 */
  overflow: hidden;
  border-radius: 4px;
  background: #333;
}

.side_thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.side_entry_item p {
  font-size: 0.95rem !important;
  margin: 0;
  line-height: 1.4;
  color: var(--rp-orange) !important;
  font-weight: bold;
}

/* --- 3. サイドバー：青い背景色の排除 --- */
.list-group-item {
  background-color: var(--sub-bg) !important;
  color: var(--main-text) !important;
  border-color: #2a2a2a !important;
}

/* 謎の青色リンク（アクティブ状態）をオレンジに上書き */
.list-group-item.active {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #fff !important;
}

.list-group-item:hover {
  background-color: #2a2a2a !important;
  color: #ff6600 !important;
}

/* --- 4. ページネーション装飾 --- */
#pager_default, #pager_permalink {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 60px 0;
}

.btn-rp {
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  color: #fff !important;
  background-color: #ff6600 !important;
  border: none;
}