body.blog_detail .blog_side_menu {
    display: none !important;
}

.news_detail .blog_side_menu {
    display: none !important;
}
.blog_contents img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* タイトルデザイン（blog_each_contents 直後の h3 のみ） */
.blog_each_contents > h3 {
    font-size: 30px !important;   /* ← 強制的に大きくする */
    font-weight: 700;
    line-height: 1.4;
    margin: 25px 0 15px;
    position: relative;
    padding-bottom: 12px;
    padding-left: 0 !important;   /* ← 左の縦線を消す */
    list-style: none !important;  /* ← リストマーカーを無効化 */
}

/* 下線（幅100%のオレンジライン） */
.blog_each_contents > h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #f1a744;
    border-radius: 2px;
}

/* ← もし before の縦線が生成されていた場合、確実に無効化 */
.blog_each_contents > h3::before {
    content: none !important;
}


.ttl-box .info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ttl-box .info .date {
  font-size: 14px;
}

.ttl-box .info {
    display: flex;
    align-items: center;
    gap: 12px; /* 日付とカテゴリの間隔 */
    flex-direction: row; /* これで横並びを維持 */
}

/* 日付とカテゴリーを横並びに */
.ttl-box .info {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 下の日付を非表示にする */
.blog_each_contents .blog_contents_date {
    display: none !important;
}

/* 上の日付を普通に表示する */
.ttl-box .info .date {
    display: inline-block !important;
    font-size: 15px;
    font-weight: 600;
}

/* タイトル下のオレンジラインと次の要素の間に余白を追加 */
.blog_each_contents > h3 {
    margin-bottom: 25px !important; /* ←ここを増減して調整 */
}

/* ブログ詳細ページの h2 の緑線を消す */
body.blog_detail h2::before,
body.blog_detail h2::after {
    content: none !important;
}

/* 余白を調整して “いい感じに詰める” */
body.blog_detail h2 {
    margin-top: 40px !important;   /* 上の余白（調整可） */
    margin-bottom: 20px !important; /* 下の余白（調整可） */
    padding-bottom: 10px !important;   /* 緑線が消えた分を詰める */
}