
/* === 学科（黄色タグ）のコース帯（内部2本ライン・左寄せフル高さ） ===
   - 左丸みを避けて“ギリギリ左”に配置（オフセット指定）
   - 縦は上下0で黄色ピルの高さいっぱい
   - 文字は自動で帯より右に逃がす
*/
#scheduleGrid .tag { position: relative; overflow: visible; }

/* パラメータ：必要ならここだけ調整 */
:root {
  --stripe-inset: 4.5px; /* 左端からの距離（角丸に掛からない最小値に） */
  --stripe-gap:   1.5px; /* 2本の隙間 */
  --stripe-w:     4px; /* ラインの太さ */
}

/* 共通ベース */
#scheduleGrid .tag-lect.tag-wd::before,
#scheduleGrid .tag-lect.tag-we::before,
#scheduleGrid .tag-lect.tag-dual::before,
#scheduleGrid .tag-lect.tag-dual::after {
  content: "";
  position: absolute;
  top: 0;                 /* ← フル高さ（余白なし） */
  bottom: 0;
  border-radius: 0;       /* 縦線にする */
}

/* 単色（1本） */
#scheduleGrid .tag-lect.tag-wd::before {
  left: var(--stripe-inset) !important;
  width: calc(var(--stripe-w)) !important;
  background: #43a047 !important;       /* 緑＝平日 */
}
#scheduleGrid .tag-lect.tag-we::before {
  left: var(--stripe-inset) !important;
  width: calc(var(--stripe-w)) !important;
  background: #1e88e5 !important;       /* 青＝土日 */
}

/* 二本（緑→青） */
#scheduleGrid .tag-lect.tag-dual::before {
  left: var(--stripe-inset) !important;
  width: var(--stripe-w) !important;
  background: #43a047 !important;       /* 緑 */
}
#scheduleGrid .tag-lect.tag-dual::after {
  left: calc(var(--stripe-inset) + var(--stripe-w) + var(--stripe-gap)) !important;
  width: var(--stripe-w) !important;
  background: #1e88e5 !important;       /* 青 */
}

/* テキストが帯に重ならない余白（帯の最大幅 + バッファ8px） */
#scheduleGrid .tag-lect.tag-wd,
#scheduleGrid .tag-lect.tag-we,
#scheduleGrid .tag-lect.tag-dual {
  padding-left: calc(var(--stripe-inset) + (var(--stripe-w) * 2 + var(--stripe-gap)) + 3px) !important;
}
