@charset "utf-8";
/* CSS Document */

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

/*chrome*/
*:focus {
outline: none;
}


 body{ font-family: 'Noto Sans JP',"游ゴシック", 'YuGothic', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",'Meiryo', sans-serif;
-webkit-text-size-adjust: none;
position: relative;
}



/*==============================================================================*/
/*hover */
/*==============================================================================*/
.mailBtn a,nav li a,#btnPagetop a, #humberger,.mailBtn2 a,#entryBtn a,.entryBtn2 a,.dlbtn a,#submitBtn input:hover,#circleBtn a,.entryBtn a,
.programList li a,#programList li a,.watchbtn a,.watchbtnsub a,.watchbtnsub2 a, #pdfBtn a,
#viewBanner li a,#watchBtn li a,#entryWrap li a,#navLogin li a,.vote li a,#broadcastAbout li a {	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}



/*==============================================================================*/
/*header */
/*==============================================================================*/
header{  
}

/*logo*/
#logo a{  transition: 1.0s ;}

#logo a:hover,#bannerCont li a:hover { opacity: 0.6 ;}


/*==============================================================================*/
/* nav*/

nav{  /*margin-bottom:40px;*/ letter-spacing: 0; }

nav li a{ padding:10px 4% 10px 18px;  display: block;  color:#333; }

/* > */
/*font awesome共通設定*/
#btnPagetop a::before{ font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; }


/*linkない*/
.nolink a{ pointer-events: none; color:#ccc; } 

.txtbr span span{ font-size:0.9em; }
.navName span br{ display:none; }


#subNav{ font-size: 0.8666666666666667em; position:relative; }

/*外部リンクアイコン*/
.externalIcon a span,
.externalIcon2 a span { 
	display: inherit;
	background:url("../img/externalIcon.svg") 96px 4px no-repeat;
	background-size:9px 10px;
}


.externalIcon3 a{
	background:url("../img/externalIcon.svg") 80% 14px no-repeat;
	background-size:9px 10px;}

/*==============================================================================*/
/*content */
/*==============================================================================*/
#redTxt{ color: #a52e2a; }

/**/
.innerBox{margin: 0 auto;box-sizing: border-box; }

.watchbtn{ margin-bottom: 70px; }
.watchbtn a{  width: 80%; }
.watchbtn a,
.watchbtnsub a,.watchbtnsub2 a{ background:#ca2a24; color:#fff; text-align:center; border-radius: 6px; display: block;
  margin:0 auto; position: relative;
}
.watchbtn a:hover,
.watchbtnsub a:hover,.watchbtnsub2 a:hover{ background:#a52e2a;}
	
.watchbtn a:after,.watchbtnsub a:after,.watchbtnsub2 a:after{
	content:""; display: block;
	position: absolute; right:18px; top:50%; 
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.watchbtn i{ background:url(../img/externalIcon.svg) 4px 0 no-repeat; width:16px ; height: 9px;
	position: absolute; }

/*title*/
.maintitle{ text-align:center; font-weight:500; color:#05275c}


/*事務局*/
#secretariatBox,#managementBox{ padding:0 4%;  box-sizing: border-box;}

#secretariatWrap{background:#f5f6f7; padding: 30px 0 40px; }

#secretariatBox,
#managementBox{ box-sizing: border-box; }
#secretariatTitle,#managementTitle{ margin-bottom: 8px; font-size:1.05em; }

#secretariatTitle{ color:#609edf; }
.secretariatBox dt{ font-size:0.9em; }

/*運営事務局*/
#managementTitle{ color:#004e98; }
address{ padding-top:2px; font-size:0.9em; line-height: 1.8em; margin-bottom:20px; }
address p{ margin-bottom: 12px; font-size:0.9em; }
.addtel{ background:#f5f6f6; padding: 2px 5px; font-size: 0.9em; margin-right: 5px; }
.telnum, .faxnum{ font-size:1em; }
.telnum{margin-right:50px;}

/*mail*/
.mailBtn a{ font-size:0.95em;
	text-align:center;
	border:1px solid #72afc5; border-radius:4px;
	color:#72afc5;display: block; background:url("../img/mail.png") no-repeat #fff;
}
.mailBtn a:hover{ background-color:#fcfcfc; border-color: #498399; color:#498399; }

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
.mailBtn a{ padding-top:18px; }
}


/*運営事務局*/
.telnum br{ display:none; }


/*==============================================================================*/
/*視聴バナー
============================================================================== */
#viewBanner{ font-weight:500;}

#viewBanner li a{ /*width: 480px;*/ padding: 4% 10%; background:#2185ab;}
#viewBanner li a,#educationEntry a, #watchBtn li a{color:#fff; text-align: center; border-radius:8px; 
 display: block; box-sizing: border-box; }


/*#viewBanner li:first-child a,*/.vote li a{ 
  background: -moz-linear-gradient(top left, #2185ab, #23a4b9); 
background: -webkit-linear-gradient(top left, #2185ab, #23a4b9); 
background: linear-gradient(to bottom right, #2185ab, #23a4b9); 
}

#viewBanner li:first-child a:hover,
#viewBanner li:last-child a:hover,
#educationEntry a:hover,
#watchBtn li a:hover,
#entryWrap li a:hover,#navLogin li a:hover{ filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
/*
#viewBanner li:last-child a,*/
#educationEntry a{ background: -moz-linear-gradient(left, #02aab0, #00cdac);
  background: -webkit-linear-gradient(left, #02aab0, #00cdac);
  background: linear-gradient(to right, #02aab0, #00cdac); }

#viewBanner li a::after,#educationEntry a::after,#watchBtn li a:after{
    display: inline-block;
    float: right;
    content: "\f054";
    line-height: 2.4em;
}

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#viewBanner li a{ padding:6% 10% 4%; }
#viewBanner li a::after{ line-height: 1.8em; }
}

#watchBtn {  margin-bottom:20px ;/*70*/ }
#watchBtn li a{ background:#02aab0; padding: 4% 10%; }

.nolink a{ background:#999!important;  border-radius:8px;}

/* > */
/*font awesome共通設定*/
#viewBanner li a::after,#btnPagetop a::before,#submitBtn:after,#keynum li a:after,.vote li a:after,
#topBtn a::after,#topBtn a::before,#educationEntry a::after,.noticeTxt a:after,
#watchBtn li a:after,#pdfBtn a:after{ font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; }


/*==============================================================================*/
/* footer
============================================================================== */
/*pagetop btn*/
#btnPagetop{position: fixed;bottom: 90px;right: 20px;font-size: 21px;}
#btnPagetop a { width: 50px;  height: 50px;  padding: 16px 0;
	background: rgba(35,94,134,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80004e98', endColorstr='80004e98');	text-decoration: none;color: #fff;box-sizing: border-box;
text-align: center;display: block;border-radius: 50%;
}
#btnPagetop a:hover{ background: #022f8b; }

#btnPagetop a span {display: none;}
/* arrow */
#btnPagetop a::before { display: block; content: "\f077";}

footer{ background:#235e86;; color:#fff; padding:25px 4%; text-align: center; }

.innerBox{ margin:0 auto; line-break: strict; }
/*=========================================================*/
/*sp-----------------------------------------------------*/

@media screen and (min-width: 431px) {
.watchbtn i{ top: 38%; }
}

@media screen and (min-width: 641px) {
.watchbtn a{ padding:2.5% 0;  font-size: 1.3em; }
.watchbtn a:after{ width: 8px; height: 8px; }

#secretariatWrap .innerBox{ display:flex;}
#secretariatBox,
#managementBox{ width:50%; padding:25px 2%;}
.secretariatBox img{ width: 48%; }
}


@media screen and (min-width: 751px) {
.sp{ display: none; }
}
	
@media screen  and (min-width: 851px){
	#viewBanner{ display:flex; }
	#viewBanner li:first-child{ margin-right:4%; }
	#viewBanner li{ width:50% }
	#watchBtn { display: flex;  justify-content: space-between;}
}

@media screen  and (min-width: 851px) and (max-width: 1024px) {
	#watchBtn li { width:31.3%; }
}

@media screen and (max-width: 1024px) {
body{ width: 100%; }
/*header*/	
header{  }

/*nav*/
nav li a{ border-bottom:1px solid #d9d9d9; background:#f5f6f7; }
nav li:last-child a{ border-bottom:none; }
nav li a::after{ 
	font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; 
    display: inline-block;
    float: right;
    content: "\f054";
    line-height: 2.4em;
}
nav li:last-child a::after{ line-height: 2em; }
nav li a:hover{ background-color:#def0fc; }

#mainNav li a:after{ color:#235e86; }

#subNav li a:after{color:#ccc; }
/*外部リンクアイコン*/
#mainNav .externalIcon a span { background-position:135px 4px; }
#subNav .externalIcon a span { background-position:100px 4px; }
.externalIcon a:after{ margin-top:-9px; line-height: 0; }
.externalIcon3 a{ background-position:168px 14px; }


main{ padding-left:0; }

img{ max-width: 100%; height: 100%; }


#viewBanner li a,#educationEntry a, #watchBtn li a{font-size: 1.1em;}

.maintitle{ margin-bottom:5%;}

.innerBox{ width: 92%;	}
.meetingBox2 { padding: 2% 4%; }
.mailBtn a{ font-size:0.8em;
	background-position: 6% center;
	padding: 3% 0 3% 4%;}

/*事務局*/
#secretariatBox{ margin-right: 4%;}
}


@media screen  and (max-width: 850px) {
	#watchBtn li { width:100%; }

	#viewBanner li,
	#watchBtn li{ margin-bottom: 20px }
}


@media screen and (max-width: 721px) {
address p br{ display:none; }
}


@media screen and (max-width: 700px) {
#managementBox{ border-left:none; }
}

@media screen and (min-width: 376px) and (max-width: 640px) {
#managementBox{ padding-left: 6%; padding-right:6%}
}

@media screen and (max-width: 640px) {
.watchbtn a{  font-size: 1.1em; padding:3% 0;}
.watchbtn a:after{ 	width: 6px; height: 6px; }
#secretariatBox,
#managementBox{ width:100%; padding-top:1%; padding-bottom: 1%;}
.secretariatBox img{ width: 50%; }
}

@media screen and (max-width: 636px) {
footer{ text-align:left; }
}
@media screen and (max-width: 570px) {
#bannerWrap li{ width:48%; }
.mailBtn a,.mailBtn2 a{	width:100%; }
}

@media screen and (max-width: 510px) {
nav li.txtbr a:after { margin-top:-35px; }
.navName span{ display: block; }
}


@media screen and (max-width: 498px) {
#btnPagetop { bottom: 70px; }
}

@media screen and (max-width: 487px) {
address p br{ display:block; }
}


@media screen and (max-width: 430px) {
.watchbtn span{ display: block; }
.watchbtn i{ top: 24%; right:22% }
}

@media screen and (max-width: 360px) {
nav li.txtbr2 a:after { margin-top:-15px; }
.watchbtn i{ right:40px }
}

@media screen and (max-width: 328px) {
address p br{ display:none; }
}


@media screen and (max-width: 320px) {
#btnPagetop { bottom: 95px; }
}

/*pc-----------------------------------------------------*/
@media screen and (min-width: 1025px) {
/*nav*/
#mainNav{ border-bottom:1px dotted #d9d9d9; padding-bottom: 20px; margin-bottom:20px}
nav li a{ padding-right:10px; }
nav li a .navName, #subNav li a span{ margin-bottom:-1px; padding-bottom:2px ;}
.externalIcon a span{ border-bottom:#fff 1px solid; }

nav li a.active .navName, nav li a:hover .navName,
#subNav li a.active span, #subNav li a:hover span{ border-bottom:#a52e2a 1px solid!important; }

nav li a:hover .navName{ color:#a52e2a ; }

/*外部リンクアイコン*/
#mainNav .externalIcon a span{ width:133px;  }

.externalIcon a span{ width: 108px; margin-bottom:-1px; padding-bottom:1px ; }

/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.externalIcon a span{ background-position: 96px 0; }
 }

 #mainNav .externalIcon a span,
 #subNav .externalIcon a span{ background-position:right 4px; }

 /*title*/
.maintitle{ font-size:1.7em;margin-bottom:30px; }

/**/
.innerBox{ width:1000px;}

#viewBanner li a,#educationEntry a, #watchBtn li a{font-size: 1.3em;}
#watchBtn li a{ width:310px;  }


.maintitle{ font-size:1.7em;margin-bottom:30px;}

#bannerCont{ padding: 4% 2%; }	

/*footer*/
.secretariatTitle{width: 120px;}
/*事務局*/
#secretariatBox{ margin-right: 80px; padding-right: 3%; }
#managementBox{ padding-left: 3%; }

#officeBox{ padding-top: 30px ; }

.mailBtn a{ 
	background-position: 90px 20px;
	padding: 14px 0 14px 40px;}

}