@charset "UTF-8";
/* =============================================================================
   rikon-article.css
   記事本文（SANGO .entry-content）の h2 / h3 を見本（rikon-loan.com /info/）の
   「交通・アクセス」(h2) /「公共交通機関でお越しのお客様」(h3) デザインに合わせる。
   SANGO 既定（h2 24px / h3 青い左バー）を #main .entry-content + !important で上書き。
   ヘッダー/フッター(.rikon-scope) やサイドバーには影響しない（#main .entry-content 限定）。
   ============================================================================= */

/* ---- H2：cream(#FFEED6) 帯 ＋ 右上オレンジ三角(main_h2_bg.png) ＋ 茶文字 ---- */
#main .entry-content h2 {
  background: url(../img/main_h2_bg.png) right top no-repeat #FFEED6 !important;
  color: #86664C !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 36px !important;
  padding: 2px 0 0 15px !important;
  margin: 0 0 20px !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
/* SANGO の擬似要素装飾（::before/::after の罫線等）を除去 */
#main .entry-content h2::before,
#main .entry-content h2::after {
  content: none !important;
  display: none !important;
}

/* ---- H3：左アイコン(icon_arrow04.png) ＋ 点線下罫 ＋ 茶文字 ---- */
#main .entry-content h3 {
  background: url(../img/icon_arrow04.png) 5px center no-repeat !important;
  background-color: transparent !important;
  color: #87674D !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 33px !important;
  padding: 0 0 0 20px !important;
  margin: 20px 0 15px !important; /* 見本(dt)は 20px 0 0 だが記事可読性のため下に15px */
  border: none !important;
  border-bottom: 1px dotted #87674D !important;
  border-radius: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
#main .entry-content h3::before,
#main .entry-content h3::after {
  content: none !important;
  display: none !important;
}

/* ---- H4：茶色の左バー ＋ 茶文字（H3 より一段軽い装飾。ルートに本文H4は無いため新規） ---- */
#main .entry-content h4 {
  background: none !important;
  background-color: transparent !important;
  color: #86664C !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  padding: 2px 0 2px 12px !important;
  margin: 25px 0 12px !important;
  border: none !important;
  border-left: 4px solid #86664C !important;
  border-radius: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
#main .entry-content h4::before,
#main .entry-content h4::after {
  content: none !important;
  display: none !important;
}

/* =============================================================================
   トップページ（body.home）の H2 のみ：白ぶちのピンク文字＋薄オレンジのマーカー
   他ページの H2（cream帯）は据え置き。body.home 付きで詳細度を上げて上書き。
   ============================================================================= */
body.home #main .entry-content h2 {
  display: table !important;          /* テキスト幅にシュリンク */
  margin: 0 auto 20px !important;     /* 中央寄せ */
  background: linear-gradient(transparent 50%, #FBDFA1 50%, #FBDFA1 88%, transparent 88%) !important; /* 薄オレンジ マーカー（細め・下寄り） */
  color: #E9609A !important;          /* ピンク文字 */
  -webkit-text-stroke: 3px #ffffff !important; /* 白ぶち */
  paint-order: stroke fill !important;         /* 白ぶちを文字の下に描いて塗りを保つ */
  text-stroke: 3px #ffffff !important;
  font-size: 30px !important;
  font-weight: bold !important;
  line-height: 1.6 !important;
  padding: 2px 10px !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
body.home #main .entry-content h2::before,
body.home #main .entry-content h2::after {
  content: none !important;
  display: none !important;
}
/* SANGO セクション見出しの装飾英字（FEATURED / NEW / POPULAR 等。親 wrapper の ::before）を除去 */
body.home #main .entry-content .popular-section__heading-wrapper::before,
body.home #main .entry-content .popular-section__heading-wrapper::after {
  content: none !important;
  display: none !important;
}

/* トップの「もっとみる」CTA ボタン：青(ティール #0096B2)→メインピンク #E9609A（H2と統一） */
body.home .top-btn-cta a {
  color: #E9609A !important;
  border-color: #E9609A !important;
}
body.home .top-btn-cta a:hover {
  background-color: #E9609A !important;
  border-color: #E9609A !important;
  color: #ffffff !important;
}