/* 空き状況のカレンダー（bls-avail.js）。2026-10-21。月を上下に並べ、スクロールで見る（本人「切り替えは面倒」） */
.tlg-avail{container-type:inline-size;margin:0 0 1.4rem;color:#24292f;line-height:1.6}
/* 2026-11-09 パソコンは2列（右半分が空かないように）。幅が足りないときは1列 */
.tlg-avail-month{max-width:560px}
@container (min-width:640px){.tlg-avail-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}}
.tlg-avail [hidden]{display:none !important}
.tlg-avail-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:0 0 .3rem;font-weight:700;font-size:.95rem}
.tlg-avail-legend .k-o{color:#1e7e4a}.tlg-avail-legend .k-t{color:#9a5b00}.tlg-avail-legend .k-x{color:#7b8690}
.tlg-avail-help{margin:0 0 .8rem;color:#59636e;font-size:.85rem;line-height:1.7}
.tlg-avail-month{margin:0 0 1.1rem}
.tlg-avail-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:800;color:#24292f;border:0;padding:0}
.tlg-avail-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tlg-avail-grid .w{text-align:center;font-size:.78rem;color:#59636e;padding:.1rem 0}
.tlg-avail-grid .sun{color:#b3261e}.tlg-avail-grid .sat{color:#245f8f}
.tlg-avail-grid .d{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:.2rem 0;border:1px solid #d7dce1;border-radius:6px;background:#fff;font:inherit;line-height:1.2;box-sizing:border-box}
.tlg-avail-grid .d.blank{border:0;background:none}
.tlg-avail-grid .d.none{color:#b8c0c7;background:#f6f7f9;border-color:#eceff2;font-size:.85rem}
.tlg-avail-grid button.d{cursor:pointer;color:#24292f;margin:0;width:100%}
.tlg-avail-grid button.d .n{font-size:.82rem}
.tlg-avail-grid button.d .m{font-size:1.15rem;font-weight:800}
.tlg-avail-grid button.d.o{background:#eef8f1;border-color:#9fd1b1}.tlg-avail-grid button.d.o .m{color:#1e7e4a}
.tlg-avail-grid button.d.t{background:#fff6e2;border-color:#e8c27a}.tlg-avail-grid button.d.t .m{color:#9a5b00}
.tlg-avail-grid button.d.x{background:#f1f3f5;border-color:#dde2e6;color:#9aa4ad;cursor:not-allowed}.tlg-avail-grid button.d.x .m{color:#9aa4ad}
.tlg-avail-grid button.d:not(.x):hover{box-shadow:0 0 0 2px #337fb9 inset}
.tlg-avail-grid button.d.sel{box-shadow:0 0 0 3px #245f8f inset}
.tlg-avail-grid button.d .s{position:absolute;top:2px;right:2px;padding:0 .25rem;border-radius:4px;background:#245f8f;color:#fff;font-size:.62rem;font-weight:700;line-height:1.5}
.tlg-avail-more{display:block;width:100%;min-height:44px;margin:.2rem 0 0;border:1px solid #337fb9;border-radius:7px;background:#fff;color:#245f8f;font:inherit;font-weight:700;cursor:pointer}
@media (max-width:420px){.tlg-avail-grid{gap:3px}.tlg-avail-grid .d{min-height:44px}.tlg-avail-grid button.d .s{font-size:.56rem;padding:0 .15rem}}