@charset "UTF-8";

/* ---------------------------------------------
	番組ページ
--------------------------------------------- */
.prgrmS #prtlHdr{ border-bottom: solid 5px #ddd;}

.prgrmS h2{
    font-size: 150%;
    margin: 0 0 10px;
    line-height: 1.0;
    color: #001e50;
    border-bottom: solid 3px #001e50;
}
.prgrmS #fp-l > div{
    margin-bottom: 40px;
}


/*-------------メインビジュアル-------------*/
.prgrmS #fp-l > div#mainV{
    height: auto;
    margin: 10px 0 20px;
}
.prgrmS #mainV img{ width: 100%; height: auto;}

.cx_smartphoneview #fp-l > div#mainV{
    margin: 10px auto 20px;
}

/*-------------放送スケジュール-------------*/
.prgrmS #oaSchedule dt{
    font-size: 120%;
    font-weight: bold;
    color: #333;
    margin-bottom: 6px;
    line-height: 1.4;
}
.prgrmS #oaSchedule dt::before{
    content: "■";
    color: #ff7600;
}
.prgrmS #oaSchedule dd{
    line-height: 1.6;
}
.prgrmS #oaSchedule .date{
    font-size: 116%;
    font-weight: bold;
    color: #ff7600;
    float: left;
}
.prgrmS #oaSchedule .ter,
.prgrmS #oaSchedule .cs,
.prgrmS #oaSchedule .bs{
    background-color: #001e50;
    color: #fff;
    float: left;
    padding: 0 10px;
    margin: 0 8px 0;
    border-radius: 10px;
}
.prgrmS #oaSchedule .live{
    font-weight: bold;
    color: #ba0000;
    font-size: 108%;
}
.prgrmS #oaSchedule .attention{ font-size: 82%;}
.prgrmS #oaSchedule .cast{
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: dashed 1px #333;
}
.prgrmS #oaSchedule .cast:nth-last-of-type(1){ border-bottom: solid 1px #333;}
.prgrmS #oaSchedule .cast li{
    font-size: 88%;
    float: left;
    margin: 0 15px 0 0;
}
.prgrmS #oaSchedule .cast li span{
    font-size: 90%;
    letter-spacing: -0.08em;
}

.cx_smartphoneview .prgrmS #oaSchedule .date{ float: none;}
.cx_smartphoneview .prgrmS #oaSchedule .ter,
.cx_smartphoneview .prgrmS #oaSchedule .cs,
.cx_smartphoneview .prgrmS #oaSchedule .bs{
    margin: 0 8px 0 0;
}


/*-------------注目ポイント-------------*/
.prgrmS #pickupWrap h3{
    font-size:  130%;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    margin: 0 0 10px;
}
.prgrmS #pickupWrap h3 span{ color: #ff7600;}
.prgrmS #pickupWrap .photoWrap{
    width: 300px;
    height: auto;
    background-color: #ddd;
    float: left;
    margin: 0 15px 5px 0;
}
.prgrmS #pickupWrap p{
    line-height: 1.8;
    font-size: 94%;
    padding: 10px 0;
}
.cx_smartphoneview .prgrmS #pickupWrap p{ padding: 0;}
.prgrmS #pickupWrap ul{
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: dashed 1px #aaa;
    font-size: 88%;
    line-height: 1.6;
}

/*-------------スペシャル動画-------------*/
.prgrmS #movWrap ul{ margin: 15px 0 0;}
.prgrmS #movWrap li{
    width: 32%;
    margin: 0 2% 10px 0;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-bottom: solid 5px #aaa;
    padding: 0 0 5px;
    float: left;
}
.prgrmS #movWrap li:nth-of-type(3n){
    margin: 0 0 10px 0;
}

.cx_smartphoneview .prgrmS #movWrap li{
    width: 49.5%;
    margin: 0 1% 10px 0;
}
.cx_smartphoneview .prgrmS #movWrap li:nth-of-type(3n){ margin: 0 1% 10px 0;}
.cx_smartphoneview .prgrmS #movWrap li:nth-of-type(2n){ margin: 0 0 10px 0;}


.prgrmS #movWrap li:hover{ border-bottom: solid 5px #ff7600;}

.prgrmS #movWrap li .thum{ margin-bottom: 6px; position: relative;}
.prgrmS #movWrap li .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url("../img/playIcn_s.png");
    width: 29px;
    height: 29px;
    background-size: contain;
    border: solid 2px rgba(255,255,255,0.4);
    border-radius: 50%;
}
.prgrmS #movWrap li:hover .thum::after{ border: solid 2px rgba(255,255,255,1.0);}

.prgrmS #movWrap li .thum img{ width: 100%; height: auto;} 
.prgrmS #movWrap li .cap,
.prgrmS #movWrap li dt{ padding: 0 10px;}
.prgrmS #movWrap li .cap{
    font-size: 88%;
    line-height: 1.3;
}
.prgrmS #movWrap li dt{
    font-weight: bold;
}

/*-------------FIBAリンク-------------*/
.prgrmS .fibaLink a{
    display: block;
    padding: 10px;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    background-color: #001e50;
    border-radius: 6px;
}
.prgrmS .fibaLink a > div{
    background-color: #fff;
    width: 80px;
    height: 90px;
    float: right;
}
.prgrmS .fibaLink a > div img{ width: 100%; height: auto;}
.prgrmS .fibaLink a > p{
    padding: 0 15px;
    line-height: 90px;
}
.prgrmS .fibaLink a:hover{ background-color: #002a71;}

.cx_smartphoneview .prgrmS .fibaLink a{ font-size: 100%;}




.cx_displaydevice #gbheader,
.cx_displaydevice #gbfooter{
    position: relative;
    z-index: 99999;
}
@media screen and (max-width: 750px){
    .sp_display #gbfooter p{
        font-size: 3.3vw !important;
        line-height: 1.6 !important
    }
}