@charset "UTF-8";
/* ==========================================================================
   Object / Utility（u-*）— 1目的の小さな上書き。ここが最後に勝つ
   ========================================================================== */

/* スクリーンリーダーにだけ読ませる */
.u-vh {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* キーボード操作のスキップリンク（フォーカス時だけ現れる） */
.u-skip {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 100;
  background: var(--v-white);
  color: var(--v-main);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 8px;
  transform: translateY(-200%);
}

.u-skip:focus {
  transform: none;
}

.u-center {
  text-align: center !important;
}

.u-small {
  font-size: 13px !important;
}

.u-muted {
  color: var(--v-muted) !important;
}

.u-mt-s {
  margin-top: 12px !important;
}

.u-mt-m {
  margin-top: 24px !important;
}

.u-mt-l {
  margin-top: 48px !important;
}

@media (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

/* ── 印刷（A4縦）──
   🔴 動物病院の料金表と診療時間は待合室に貼られる（シートの穴台帳 B-⑥）。
   画面の道具（帯・ナビ・固定バー・ボタン・飾り）を消し、中身だけを黒文字で刷る */
@media print {
  .l-demoband,
  .l-gnav,
  .l-drawer,
  .l-fixbar,
  .l-footer__nav,
  .c-btns,
  .c-btn,
  .p-dots,
  .p-afv__proofbar,
  .u-skip {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 12pt;
  }

  .l-sec,
  .p-pagehead {
    background: #fff !important;
    padding-block: 12pt !important;
  }

  .c-price table,
  .c-hours,
  .c-table {
    box-shadow: none !important;
    border: 1pt solid #000 !important;
  }

  .c-price th,
  .c-price td,
  .c-hours th,
  .c-hours td,
  .c-table th,
  .c-table td {
    border: 0.5pt solid #000 !important;
    color: #000 !important;
    background: #fff !important;
  }

  .c-hours thead th {
    background: #eee !important;
  }

  a {
    color: #000 !important;
    text-decoration: none !important;
  }
}