/* テーマ（JIN）のまま残っているページに、新しいデザインのヘッダー・フッターを重ねる（body.rf-skin） */
body.rf-skin #nav-container,
body.rf-skin #footer-box,
body.rf-skin #breadcrumb { display: none !important; }

.rf-skin-head, .rf-skin-foot {
  --rf-ink: #1f2423;
  --rf-sub: #545b59;
  --rf-line: #e3e7e5;
  --rf-green: #0b7b51;
  --rf-mint: #3fb08f;
  --rf-gold-deep: #8a6d12;
  --rf-grad: linear-gradient(120deg, #3fb08f 0%, #0b7b51 100%);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.6;
  box-sizing: border-box;
}
.rf-skin-head *, .rf-skin-foot * { box-sizing: border-box; }
.rf-skin-wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.rf-skin-head { position: sticky; top: 0; z-index: 9999; background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--rf-line); backdrop-filter: blur(8px); }
body.admin-bar .rf-skin-head { top: 32px; }
.rf-skin-head .rf-skin-wrap { display: flex; align-items: center; gap: 18px; height: 62px; }
.rf-skin-logo { display: flex; align-items: center; gap: 8px; color: var(--rf-ink) !important; text-decoration: none !important; }
.rf-skin-logo b { display: block; font-family: "Source Serif Pro", Georgia, serif; font-size: 16px; font-weight: 600; letter-spacing: .12em; color: var(--rf-ink); }
.rf-skin-logo small { display: block; margin-top: -2px; font-family: "Montserrat", sans-serif; font-size: 9px; letter-spacing: .24em; color: var(--rf-gold-deep); }
.rf-skin-mark svg { display: block; width: auto; height: 32px; fill: none; stroke: currentColor; stroke-width: 19; }
.rf-skin-nav { display: flex; gap: 20px; margin-left: auto; }
.rf-skin-nav a { color: var(--rf-ink) !important; font-size: 13px; font-weight: 500; text-decoration: none !important; }
.rf-skin-nav a:hover { color: var(--rf-green) !important; }
.rf-skin-home { flex: none; padding: 8px 18px; border-radius: 999px; background: var(--rf-grad); color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none !important; box-shadow: 0 6px 16px rgba(11, 123, 81, .25); }

.rf-skin-foot { margin-top: 70px; padding: 44px 0 34px; background: var(--rf-ink); color: rgba(255, 255, 255, .8); font-size: 13px; }
.rf-skin-foot .rf-skin-logo, .rf-skin-foot .rf-skin-logo b { color: #fff !important; }
.rf-skin-foot nav { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 18px 0 22px; }
.rf-skin-foot nav a { color: rgba(255, 255, 255, .85) !important; text-decoration: none !important; }
.rf-skin-foot small { font-size: 11px; opacity: .6; }

@media (max-width: 860px) {
  .rf-skin-nav { display: none; }
  .rf-skin-home { margin-left: auto; }
  body.admin-bar .rf-skin-head { top: 46px; }
}
@media (max-width: 600px) {
  body.admin-bar .rf-skin-head { top: 0; }
}
body.rf-skin { background: #fff !important; }
body.rf-skin footer:not(.rf-skin-foot) { display: none !important; }
body.rf-skin .related-entry-headline-text { color: #1f2423 !important; }
body.rf-skin .related-entry-headline .jic, body.rf-skin .related-entry-headline::before { background: #0b7b51 !important; }