/*
 * 記事本文の装飾（旧テーマから移植）
 * Legacy in-content article decorations migrated verbatim from the old
 * production theme's style.css. Colors/sizes are intentionally kept as-is to
 * preserve the existing look of ~83 published posts (no brand re-coloring, no
 * WCAG re-tuning here). Loaded only on singular views (single posts / pages).
 *
 * Scope: classes authored inside post_content. Does NOT include .quick-links
 * (commented out / disabled on production) or legacy design classes
 * (.slick-slider/.home-map/.card/.card-grid).
 */

/* POINT Label */
.quote-label {
  display: inline-block;
  background: #fae3ea;
  color: #c62828;
  font-weight: bold;
  border-radius: 6px;
  padding: 2px 12px;
  margin-right: 8px;
  font-size: 0.95em;
  letter-spacing: 0.1em;
}

/* fancy-quote */
.fancy-quote {
  background: #f9f8f3;
  border-left: 6px solid #ebc38b;
  padding: 18px 18px 18px 30px;
  margin: 1.8em 0 1.8em 0;
  border-radius: 8px;
  color: #444;
  font-size: 1.05em;
  font-style: italic;
  box-shadow: 0 2px 8px rgba(200,180,80,0.04);
  position: relative;
}
.fancy-quote:before {
  content: "“";
  color: #ebc38b;
  font-size: 2em;
  font-family: serif;
  position: absolute;
  left: 10px; top: 10px;
  line-height: 1;
}

.hotel-img {
  width: 100%;
  max-width: 720px;
  height: auto;
  display: block;
  margin: 0 auto 1em auto;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .hotel-img {
    max-width: 100%;
  }
}

.inner-link-capsule {
  display: inline-block;
  background-color: #f0f0f0;
  color: #cc0000;
  font-weight: bold;
  border-radius: 20px;
  padding: 6px 14px;
  margin: 4px 6px 12px 0;
  text-decoration: none;
  font-size: 0.95em;
  transition: background-color 0.3s ease;
}
.inner-link-capsule:hover {
  background-color: #e5e5e5;
  color: #990000;
}

/* Wide tables: scroll horizontally on narrow screens instead of overflowing
   off-screen. display:block turns the table into a scroll container while its
   rows/cells still render as a grid via anonymous table boxes. overflow-x:auto
   means no scrollbar appears when the table already fits (PC). CSS-only, so it
   applies to all existing and future posts without editing their HTML. */
.entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Breadcrumbs (Breadcrumb NavXT) — new minimal styling, brand vermilion.
   Loaded on the same singular views where the breadcrumb is output. */
.my-breadcrumbs {
  margin: 0 auto 1.1rem;
  font-family: var(--fw-font-sans);
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--fw-ink-soft);
}
.my-breadcrumbs a {
  color: var(--fw-vermilion-ink);
  text-decoration: none;
}
.my-breadcrumbs a:hover,
.my-breadcrumbs a:focus-visible {
  text-decoration: underline;
}