/* 0.5.1 無料の授業動画 */
.v5-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.v5-video{position:relative;min-width:0}
.v5-video-play,.v5-video-frame{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;border-radius:14px;overflow:hidden;background:#0b1f3f;cursor:pointer;box-shadow:0 10px 26px rgba(13,55,100,.12)}
#terakoya-home-root .v5-video-play img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .3s ease}
.v5-video-play:hover img{transform:scale(1.04)}
.v5-video-play:focus-visible{outline:3px solid var(--yellow,#ffc83d);outline-offset:3px}
.v5-play-mark{position:absolute;left:50%;top:50%;width:58px;height:40px;margin:-20px 0 0 -29px;border-radius:12px;background:rgba(220,30,30,.92);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.v5-play-mark::after{content:"";position:absolute;left:23px;top:11px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.v5-video-title{display:block;margin-top:9px;font-size:13.5px;line-height:1.6;font-weight:700;color:var(--ink,#13233a);text-decoration:none;word-break:auto-phrase;overflow-wrap:anywhere}
.v5-video-title:hover{color:var(--navy,#0b3f87);text-decoration:underline}
.v5-first-label{position:absolute;left:8px;top:8px;z-index:2;padding:3px 9px;border-radius:999px;background:var(--yellow,#ffc83d);color:#13233a;font-size:11.5px;font-weight:900;pointer-events:none}
.v5-yt-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
/* 授業動画ページ */
.v5-subject-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.v5-subject-nav a{display:inline-flex;align-items:baseline;gap:6px;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid rgba(11,63,135,.18);color:var(--navy,#0b3f87);font-weight:900;text-decoration:none}
.v5-subject-nav a small{font-size:11.5px;font-weight:700;color:#6b778a}
.v5-subject-nav a:hover{background:var(--navy,#0b3f87);color:#fff}.v5-subject-nav a:hover small{color:rgba(255,255,255,.8)}
.v5-subject{scroll-margin-top:90px}
.v5-subject+.v5-subject{padding-top:0}
.v5-subject-title{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:900 clamp(26px,3vw,36px)/1.3 "Zen Kaku Gothic New",sans-serif;color:var(--navy,#0b3f87)}
.v5-subject-title span{padding:4px 10px;border-radius:8px;background:var(--navy,#0b3f87);color:#fff;font-size:14px}
.v5-unit{padding:26px 0;border-bottom:1px solid rgba(11,63,135,.12)}
.v5-unit-head{display:flex;align-items:baseline;gap:12px}
.v5-unit-head h3{margin:0;font:900 21px/1.4 "Zen Kaku Gothic New",sans-serif;color:var(--ink,#13233a)}
.v5-unit-head span{font-size:13px;color:#6b778a;font-weight:700}
.v5-unit .v5-video-grid{margin-top:14px}
.v5-unit-empty{margin:12px 0 0;color:#4c5a6e}
.v5-unit-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;font-size:13.5px;font-weight:700}
.v5-unit-links a{color:var(--navy,#0b3f87)}
.v5-unit-links a[data-cta]{color:#06a33a}
.v5-videos-note{max-width:820px;text-align:center}
@media (max-width:1100px){.v5-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.v5-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}
@media (max-width:480px){
  .v5-yt .v5-video-grid{grid-template-columns:1fr 1fr}
  .v5-video-title{font-size:12.5px}
  .v5-play-mark{transform:scale(.8)}
  .v5-subject-nav a{padding:8px 14px}
  .v5-yt-actions .cta{width:100%;text-align:center}
}
.v5-yt-actions .cta.secondary{background:#fff;color:var(--navy,#0b3f87);border:2px solid var(--navy,#0b3f87);box-shadow:none}
.v5-yt-actions .cta.secondary:hover{background:var(--navy,#0b3f87);color:#fff}
.v5-yt .v5-video-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}