.attention{
    margin: 3rem 5%;
}
.attention li{
    margin: 1rem 0;
    list-style-position: inside;
}
.address{
    margin: 5%;
}
#fire{
  position: fixed;
  top: 0; left: 0;
  width: 100vw;   /* ← Safari で安定 */
  height: 100vh;  /* ← Safari で安定 */
  z-index: 0;     /* ← -1 をやめる */
  pointer-events: none;
}

/* コンテンツが前面に来るように */
header, main, footer, .stars {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
.center-map{
    width: 50%;
    margin: 5%;
    z-index: 1;
}
    
}
@media screen and (max-width: 769px) {
.center-map{
    width: 90%;
    margin: 5%;
    z-index: 1;
}
}
.text h5 {
	font-size: 1.1rem;
	font-weight: 900;
	font-family: "Shippori Mincho B1", serif;
	margin: 3rem 5%	;
	position: relative;
	padding-left: 1.5rem;
	border-bottom: double;
	border-color:#163473;
	border-width: 100%;
}
.text h5::before{
	content: "●";
	position: absolute;
  	color: #E8E8E8;
  	font-size: 1.1rem;
  	left: 0;
}
/*ここまでh5見出し設定*/
/*交通規制関連のcss*/
  /* テーマ専用ラッパー */
  .bus-table-theme{
    --bg:#0f172a;
    --panel:#111827;
    --text:#e5e7eb;
    --muted:#9ca3af;
    --accent:#f59e0b;
    --table-border:#1f2937;
    --c-21:#16a34a;
    --c-22:#3b82f6;
    --c-24:#8b5cf6;
    --c-2A:#f97316;

    background:var(--bg);
    color:var(--text);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP",sans-serif;
    line-height:1.6;
    margin: 5%;
    padding: 2% 4%;
  }

  .bus-table-theme .wrap{max-width:980px;margin-inline:auto;}
  .bus-table-theme .notice{
    background:color-mix(in hsl, var(--accent) 24%, transparent);
    border:1px solid color-mix(in hsl, var(--accent) 60%, transparent);
    color:#fff; padding:10px 14px; border-radius:12px; margin:8px 0 16px;
    display:flex; gap:10px; align-items:center;
  }
  .bus-table-theme .notice .icon{font-size:20px}
  .bus-table-theme h1{font-size:clamp(18px,2.6vw,28px); margin:6px 0 6px; letter-spacing:.02em}
  .bus-table-theme .subtitle{color:var(--muted); margin-bottom:14px; font-size:14px}

  /* PC/タブレット表示（表） */
  .bus-table-theme .table{
    width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
    border:1px solid var(--table-border); border-radius:14px; background:var(--panel);
  }
  .bus-table-theme .table thead th{
    text-align:left; font-weight:600; color:#cbd5e1; padding:12px 14px;
    background:#0b1220; border-bottom:1px solid var(--table-border);
  }
  .bus-table-theme .table tbody td{padding:12px 14px; border-top:1px solid var(--table-border)}
  .bus-table-theme .time{font-variant-numeric:tabular-nums; font-size:1.05rem; font-weight:700}
  .bus-table-theme .muted{color:var(--muted)}

  /* 行先番号バッジ */
  .bus-table-theme .badge{padding:.24em .6em; border-radius:999px; font-weight:700; color:#fff}
  .bus-table-theme .badge[data-route="21"]{background:var(--c-21);}
  .bus-table-theme .badge[data-route="22"]{background:var(--c-22);}
  .bus-table-theme .badge[data-route="24"]{background:var(--c-24);}
  .bus-table-theme .badge[data-route="2A"]{background:var(--c-2A);}

  /* スマホ版（カード） */
  .bus-table-theme .cards{display:none}

  @media (max-width:680px){
    .bus-table-theme .table{display:none} /* スマホ時は表を消す */
    .bus-table-theme .cards{display:grid; gap:12px} /* スマホ時のみカード表示 */
    .bus-table-theme .card{
      background:var(--panel); border:1px solid var(--table-border);
      border-radius:14px; padding:12px 14px;
    }
  }