@charset "utf-8";
/* CSS Document */
#webInfo{ font-size:1.3em; margin-bottom: 20px }
#bloadcastBox{  display:flex; background: #f0fafc; padding:20px 10px; justify-content: center;
font-size:1.2em; 
}
#bloadcastBox dt{ color:#19458e;  }



#ondemandBox{ margin:0 auto 50px; width: 600px; text-align: center;}
#ondemandBox dt{ font-size: 1.2em; margin-bottom: 15px;}
#ondemandBox dd{ font-size: 1.1em;}
#ondemandBox dd span{ color:#000061; }
#ondemandBox th, #ondemandBox td{ padding:0 15px; }
#ondemandBox th, #equirement dt{
font-weight: normal;
color: #000061;
vertical-align: top;
}
            
#ondemandBox td{ line-height: 1.6em; }


#equirement{ width: 100%; margin: 0 auto 40px; max-width: 750px; }
#equirement dt{ background: #fafafa;  border-top: 2px solid #000061; margin-bottom:7px}
#equirement dt, #equirement dd{ padding:8px 15px; }
#equirement dd{ line-height: 1.6em; font-size:0.95em;}
#equirement dd li:before{ content:"・"; }
#equirement dd li:not(:last-child){ margin-bottom:5px }

#loginBox{ margin: 0 auto 50px; width: 560px; text-align: center;}

#loginBtn{ padding-top:30px }


#broadcastNotice{ margin-left:20px; margin-bottom: 50px; }
#broadcastNotice li{ margin-bottom: 10px; }

.castWrap{ display: flex; flex-wrap : wrap; margin-bottom: 40px;}
.castWrap li{ width:48%; margin:0 1% 80px; background:#ddd;height: 200px; text-align: center}



#noticeTxt{ padding: 20px 0   }
#webnotice { margin-bottom: 50px;}
.watchlist::before { content: "" counter(cnt) ")"; }

.councillorlist::before {content: " "; }

.watchlist::before, .watchlist dt::before,
.councillorlist::before {
    position: absolute;
    left: 0;
}

#webnotice li, .watchlist dt {
    position: relative;
    padding-left: 20px;
}
#webnotice li {
    line-height: 1.6em;
}
.watchlist {
    list-style-type: none;
    counter-increment: cnt;
    margin-bottom: 10px;
}
.watchlist dl{ margin-bottom:20px; }
.watchlist dt{ background:#19458e; color:#fff; padding:5px 20px; margin:10px 0; }

#tape{  display:inline-block; background: linear-gradient(transparent 60%, #fdfdd0 60%); }

.venue{ background: #f7f8f9;
    padding: 20px 40px; margin-bottom: 40px; }

    .venue h4{ margin-bottom:30px }

.webiner{ align-items: center; }
.webiner, .webiner dl{ display: flex; }
.webiner dl, .watchBtn{ width: 50%; }

.webiner dd{ color: #0668cd; margin-left: 10px; }

#loginBtn a,
.watchBtn a,.watchBtn2 a{ display: block; padding:18px 20px; color:#fff; background: #6598c7;
border-radius:6px; text-align: center;
}

#loginBtn a{ position: relative; }
#loginBtn a:after,
.watchBtn a:after,.watchBtn2 a:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff; 
       transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       right: 15px;
   }

.watchBtn a:hover,.watchBtn2 a:hover{ background:#4299c3; }
.watchBtn a span,.watchBtn a,
.watchBtn2 a span,.watchBtn2 a{ position: relative; }

.watchBtn2{ padding-top:20px }
.externalLink2{  background: url("../images/externalNavIcon.png") no-repeat 0 0; 
display: inline-block; width: 10px;height: 10px; margin:-7px 0 0 6px;} 

#movie{ text-align: center; margin: 0 auto 50px; }
.thumb{ line-height: 0; cursor: pointer; }


.councillorlist:not(:last-child){ margin-bottom: 20px; }
.councillorlist #loginBtn{ width: 400px; margin-bottom: 10px; }