@charset "utf-8";
/*
Theme Name: 三浦観光バス — MIURA KANKO BUS
Theme URI: https://miurakankobus.com/
Description: 株式会社三浦観光バスのオリジナルテーマ。この地域の風景を共に。企業情報・事業紹介・お知らせ・お問い合わせと、専用の管理画面を備えています。
Version: 1.0.0
Text Domain: miurabus
*/

/* Keep blending on the fixed container so the logo reacts to the page backdrop. */
@supports (mix-blend-mode: difference) {
  .sub_header {
    mix-blend-mode: difference;
  }
  .sub_header img {
    filter: brightness(0) invert(1);
  }
}

@media print {
  .sub_header {
    mix-blend-mode: normal;
  }
  .sub_header img {
    filter: none;
  }
}

/* Keep the fixed wordmark centered; color blending remains active. */
body .sub_header { z-index: 30; }
body .sub_header > h1 a { display: block; }

/* Company history: breathing room, centered endpoints and an unbroken rail. */
.chronology .chronology_sticky {
  padding: clamp(120px, 16vh, 160px) 0 32px;
}
.chronology .chronology_list {
  min-width: 0;
  gap: 20px;
  padding-left: var(--chronology-leading, calc(50vw - 60px));
  padding-right: var(--chronology-trailing, calc(50vw - 60px));
}
.chronology .chronology_item {
  flex: 0 0 auto;
  width: max-content;
  min-width: 120px;
  margin-right: 0;
}
.chronology .chronology_list::before {
  left: var(--chronology-line-left, 50vw);
  right: auto;
  top: var(--chronology-line-top, 33px);
  width: var(--chronology-line-width, calc(100% - 100vw));
}
.chronology .chronology_content p {
  height: clamp(180px, calc(100vh - 300px), 500px);
  height: clamp(180px, calc(100svh - 300px), 500px);
}
@media (max-width: 767px) {
  .chronology .chronology_sticky { padding: 100px 0 24px; }
  .chronology .chronology_item { min-width: 100px; }
  .chronology .chronology_content p {
    height: clamp(180px, calc(100vh - 260px), 460px);
    height: clamp(180px, calc(100svh - 260px), 460px);
  }
}


/* Contact controls use the navy from the company symbol. */
.wpcf7 {
  --miura-form-accent: #004a7b;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  accent-color: var(--miura-form-accent);
}
.wpcf7 input:not([type="hidden"]),
.wpcf7 textarea {
  caret-color: var(--miura-form-accent);
}
.wpcf7 input[type="radio"]:focus-visible,
.wpcf7 input[type="checkbox"]:focus-visible,
.wpcf7 select:focus-visible,
.wpcf7 button:focus-visible {
  outline: 2px solid var(--miura-form-accent);
  outline-offset: 4px;
}

/* Keep text-field focus understated: underline only, no outer frame. */
.wpcf7 input.wpcf7-text:focus,
.wpcf7 textarea.wpcf7-textarea:focus {
  outline: none;
  border-bottom-color: var(--miura-form-accent);
  box-shadow: inset 0 -1px 0 var(--miura-form-accent);
}


/* Preserve the footer logo spacing when it becomes a link. */
.foot_com div .footer_logo_link {
  display: block;
  flex: 0 0 auto;
  width: fit-content;
  margin-right: 4.5%;
}
.foot_com div .footer_logo_link img { margin-right: 0; }
@media (max-width: 640px) {
  .foot_com div .footer_logo_link { margin: 0 0 2rem; }
  .foot_com div .footer_logo_link img { margin-bottom: 0; }
}


/* Position follows scroll directly; only the contrast color is animated. */
body .scroll_progress { pointer-events: none; }
body .scroll_progress_dot {
  transition: background-color 0.3s;
  will-change: transform;
}