/*詳細ページ：画像上下の余白を追加*/
#detail .detail_article_h .content p {
    margin: 1em auto 1em;
}
/*上記と同じ（イベント用）*/
#news_detail > .container p {
  margin: 1em auto 1em;
}


/*詳細ページ：見出しタグの上下余白調整*/
#news_detail > .container h2 {
  margin-top: 25px;
  margin-bottom: 10px;
}
#news_detail > .container h3,
#news_detail > .container h4 {
  margin-top: 15px;
  margin-bottom: 0px;
}

/*↓応援団詳細デザイン*/
/* PC: カテゴリ群の直後に来る h2 だけ回り込み解除 */
#detail_top ~ .pc.container .category ~ h2.pt-2 {
  clear: both;
  font-size: 21px;
}
/*タイトル見出しの下に余白を若干追加*/
#detail_top ~ .pc.container .category ~ h2.pt-2 ~ p {
  margin-bottom: 10px;
}

/* SP: 同様 */
#detail_top ~ .sp.container .category ~ h2.pt-2 {
  clear: both;
  font-size: 21px;
}
/*タイトル見出しの下に余白を若干追加*/
#detail_top ~ .sp.container .category ~ h2.pt-2 ~ p  {
  margin-bottom: 10px;
}

/*↓従業員応援詳細デザイン*/
/* PC：直後にカルーセルが来るh2だけ */
.pc.container .container.w-75 > h2.pt-2:has(+ #carouselExampleControls) {
  font-size: 21px;
  margin-bottom: 10px;
}
/* h2の直後が「p」のh2やつだけ */
.pc.container .container.w-75 > h2.pt-2:has(+ p) {
  font-size: 21px;
}

/* SP：同様（SP側は .sp.container の直下にh2がある構造） */
.sp.container > h2.pt-2:has(+ #carouselExampleControls) {
  font-size: 21px;
  margin-bottom: 10px;
}
/* h2の直後が「p」のh2やつだけ */
.sp.container > h2.pt-2:has(+ p) {
  font-size: 21px;
}

/* detail_article 内の「href付きリンク」だけ */
#detail article.detail_article .content a[href]{
  text-decoration: none;
  color: #50c3c8 !important;
  transition: .3s ease-in-out;
  background-color: transparent;
  border-bottom: 1px solid #50c3c8;
}

/* クリック済み（visited）になったら薄紫にする */
#detail article.detail_article .content a[href]:visited{
  color: #b39ddb !important; /* 薄紫（好みで変更OK） */
  border-bottom: 1px solid #b39ddb;
}