﻿.container h2 { padding: 20px; margin: 0; font-size: var(--font20); font-weight: 900; }
.program_t { padding:0 20px 30px; line-height:1.2;font-size:var(--font18);  font-weight:400; color:#757575;}
.program_b .vod_b { width: 100%; padding:0 20px; height:0; padding-top:53%; position:relative; overflow: hidden; }
.program_b .vod_b iframe{ width:calc(100% - 40px); height:100%; position:absolute; top:0; left:20px;}
.program_b .txt {padding:25px 20px;}
.program_b .txt b{ display:block; color:#406bb8; font-weight:700; font-size:var(--font14); }
.program_b .txt strong{ margin-top:10px; display:block; color:#000; font-weight:400; font-size:var(--font24); }
.program_b dl {padding:25px 20px;font-size:var(--font18); background:var(--col-f1f1f1) }
.program_b dl dt { display:block; margin-bottom:15px; font-weight:800;}
.program_b dl dd {font-weight:300; }
.program_b dl dd a {display:block; width:100%; line-height:1.6;}
.h2 { display: block; margin-bottom: 20px; font-size: var(--font20); font-weight: 800; line-height: 1; color: var(--col-000) }
.container ul { display: flex; flex-wrap:wrap; justify-content:space-between; padding:0 20px;}
.container ul li { width:48%; flex-shrink:0; margin-bottom:25px;}
.container ul li .img { width:100%; height:0; display:block; padding-top:53%; overflow:hidden; position:relative; }
.container ul li .img img { width:100%; min-height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.container ul li .img:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border: 5px solid #da3925; opacity: 0; box-sizing: border-box; }
.container ul li.active a .img:after,
.container ul li a:hover .img:after{ opacity: 1; }

.container ul li .txt { margin-top:7px;}
.container ul li .txt b { display: block; margin-bottom: 5px; color: #406bb8; font-weight: 800; line-break: 1; font-size: var(--font14); }
.container ul li .txt strong { font-size: var(--font18); font-weight: 400; line-height: 1.3em; }
