/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2026 | 05:15:56 */
/* 横浜ホームクリニック / タップ領域の拡大（当院基準 44px 以上）
 * 依頼: 院長（2026-07-30）
 * 設置先: Simple Custom CSS and JS プラグイン → 新規 CSS「a11y-tap-target」
 * 注: TCD テーマはページ内に大量のインライン CSS を後から出力するため、
 *     読み込み順で負けないよう最小限の宣言に !important を付けている。
 */

/* ============================================================
 * 1) トップページ 写真スライダーの丸ドット（4個）
 *    現状: 見える丸 12x12px / li 12x12・左右 margin 6px（タップ間隔 24px）
 *    変更: 見える丸 24px、タップ領域 44x44px、隣と重ならない間隔 44px
 *    active(塗り) / 非active(白抜き) の色分けは触らない（テーマの指定を維持）
 * ============================================================ */

/* 行の高さは 24px までに抑える（絶対配置のため大きくすると位置がずれる） */
#header_slider_wrap .slick-dots {
  height: 24px !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* 横方向のタップ間隔を 44px 確保（重なり防止・WCAG 2.5.8） */
#header_slider_wrap .slick-dots li {
  width: 44px !important;
  height: 24px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* タップ領域そのもの: 44x44px。
 * 上下 -10px の負マージンで「行の高さは 24px のまま、判定だけ 44px」にする */
#header_slider_wrap .slick-dots li button {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: -10px 0 !important;
  position: relative !important;
}

/* 見える丸: 24px・中央寄せ（bg / border はテーマのまま = active 判別を維持） */
#header_slider_wrap .slick-dots li button::before {
  width: 24px !important;
  height: 24px !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box !important;
}

/* キーボード操作時の可視フォーカス（丸が小さいままだと見失うため） */
#header_slider_wrap .slick-dots li button:focus-visible {
  outline: 3px solid #1a5f9e !important;
  outline-offset: -3px !important;
}

/* ============================================================
 * 2) カテゴリタグ（「お知らせ」「訪問診療について」等）
 *    現状: height 35px / line-height 35px（一部 40px・30px）
 *    変更: 44px。サムネイル下端に接地しているため上方向に伸ばす
 *          （下に伸ばすと記事タイトルに被る）
 * ============================================================ */
a.category {
  height: 44px !important;
  line-height: 44px !important;
  margin-top: -9px !important; /* 35px → 44px の増分。下端の位置を保つ */
}