/* 動画の枠（Custom Video Corner）— 見出しはテーマの main1_h2 をそのまま使う。チャンネルの画像の帯＋サムネイルの横送り */
.cvc{padding:5rem 0;background:#fff;overflow:hidden}
.cvc__wrap{display:flex;flex-direction:column;gap:2rem}
.cvc__banner{position:relative;display:block;border-radius:10px;overflow:hidden;background:#111;aspect-ratio:2120/351;text-decoration:none}
.cvc__banner img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cvc__banner:hover img{transform:scale(1.02)}
.cvc__go{position:absolute;right:1.5rem;bottom:50%;transform:translateY(50%);display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:100vh;background:#f4a927;color:#fff;font-weight:700;font-size:15px;box-shadow:0 2px 10px rgba(0,0,0,.35);transition:opacity .2s}
.cvc__go::before{content:"";width:22px;height:16px;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f00' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/16px no-repeat}
.cvc__banner:hover .cvc__go{opacity:.9}
.cvc__banner.is-noimg{aspect-ratio:auto;background:none;text-align:center}
.cvc__banner.is-noimg .cvc__go{position:static;transform:none}
.cvc__rail{position:relative;min-width:0}
.cvc__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem 0 .5rem}
.cvc__track::-webkit-scrollbar{display:none}
.cvc__card{flex:0 0 calc((100% - 3 * 1.25rem) / 4);scroll-snap-align:start;display:flex;flex-direction:column;gap:.5rem;color:inherit;text-decoration:none}
.cvc__card:hover .cvc__thumb img{transform:scale(1.04)}
.cvc__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.cvc__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cvc__thumb::after{content:"";position:absolute;left:50%;top:50%;width:56px;height:40px;margin:-20px 0 0 -28px;border-radius:10px;background:rgba(0,0,0,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/24px no-repeat}
.cvc__time{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;font-weight:700}
.cvc__date{font-size:13px;color:#f4a927;font-weight:700}
.cvc__title{font-size:15px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cvc__nav{position:absolute;top:80px;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);font-size:26px;line-height:44px;color:#333;cursor:pointer;z-index:2}
.cvc__nav--prev{left:-14px}
.cvc__nav--next{right:-14px}
.cvc__nav[hidden]{display:none}
@media screen and (max-width:780px){
	.cvc__wrap{gap:1.5rem}
	.cvc__banner{aspect-ratio:auto;overflow:visible;background:none;border-radius:0}
	.cvc__banner img{border-radius:8px;aspect-ratio:3/1;height:auto;object-position:45% center}
	.cvc__go{position:static;transform:none;margin:1rem auto 0;display:flex;justify-content:center;width:86%;max-width:360px;padding:1rem}
	.cvc__card{flex-basis:200px}
	.cvc__nav{display:none}
}