#stream h2 {
background: linear-gradient(0deg, #0069b5 0%, #00e9f4 80%);
color: transparent;
-webkit-background-clip: text;background-clip: text;
-webkit-text-fill-color: transparent;text-fill-color: transparent;
font-family: "ads-corydance", sans-serif;
font-size: min(2.2em, 6.0vw);
margin: 0 auto 2%;
padding: 1.5% 0 0 0;
text-align: center;
}
#stream .contents {
background: white;
border-radius: 8px;
box-shadow: 0 0 5px rgb(0 124 199 / 60%);
font-size: min(1.2em, 3.5vw);
margin: 0 auto 2%;
padding: min(40px, 5%);
text-align: left;
padding: 0.5% 0;
max-width: 1200px;
width: 95%;
}
#stream h3 {
color: white;
font-family: "ads-corydance", sans-serif;
font-size: min(1.8em, 5.0vw);
margin: 0 auto 1%;
text-align: center;
width: 96%;
}
#stream h3.c_30th{
background-color: #cdb80c;
}
#stream h3.c_drama{
background-color: #cd4b0c;
}
#stream h3.c_variety{
background-color: #1e8754;
}
#stream h3.c_hodo{
background-color: #90ba34;
letter-spacing: -0.1em;
}
#stream h3:before{
content : "▼";
}
#stream h3:after{
content : "▼";
}

.contents section .box{
/*border: solid 1px #3a86c9;*/
display: block;
margin: 0 auto 3%;
padding: 2%;
width: 95%;
}
.contents section .box dl{
display: flex;
}
.contents section .box dl dt{
width: 35%;
}
.contents section .box dl dt img{
height: auto;
width: 100%;
}
.contents section .box dl dd{
padding: 0 0 0 2%;
width: 65%;
}

.contents section .box dl dd h4{
background-image: repeating-linear-gradient(-45deg, #bae7ff 0, #bae7ff 4px, transparent 4px, transparent 8px);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 0.5em;
color: #222;
font-size: min(1.2em, 4.0vw);
font-weight: bold;
margin: 0 0 1%;
padding: 0% 2%;
text-shadow: 0 0 4px white;
}
.contents section .box dl dd .schedule{
background: #f7f6f6;
border-radius: 4px;
font-size: min(0.8em, 4.0vw);
padding: 2%;
margin: 2% auto 2%;
text-align: left;
width: 98%;
}
.contents section .box dl dd .link a{
background-color: #21abe6;
border-radius: 8px;
color: white;
display: block;
padding: 10px 0;
position: relative;
top: 0;
text-align: center;
text-decoration: none;
transition: .3s ease-in-out;
}
.contents section .box dl dd .link a:hover{
top: 5px;
}
.contents section .box dl dd .link a:after {
color: #b3d8e7;
content: "≫";
font-size: 80%;
margin: 0 0 0 2%;
}
.sup {
font-size: min(0.7em, 2.5vw);
padding: 0 4% 2% 0;
text-align: right;
}
/* SP  -------------------------------------------------- */
@media screen and (max-width:640px) {
    .contents section .box{
    margin: 0 auto 6%;
    }
    .contents section .box dl{
    display: block;
    width: 100%;
    }
    .contents section .box dl dd{
    width: 100%;
    }
    .contents section .box dl dt{
    padding: 0;
    width: 100%;
    }
    #stream h3.c_variety{
    margin: 10% auto 0;
    }
    .sup {
    margin: -3% auto 3%;
    padding: 0;
    width: 95%;
    }
}