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

/*------------------ .gNavi------------------*/
.gNavi:after {
	background-color: #45aea9;
}
/*------------------ Overall ------------------*/
a:hover img {
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
}
/*------------------ #notice------------------*/

#notice {
	background: #82d3cb;
	position: relative;
	padding:10px 7px;
	z-index: 10;
}
#notice h3 {
	font-family: "UD Shin Maru Go Bold JF2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 12px;
	color: #fff;
	border-radius: 10px;
	background-color: #5ab3ad;
	position: absolute;
	top:15px;
	left:16px;
	padding:7px 10px;
	line-height: 1;
}
.ticker {
	margin: 0;
	margin-left: 85px;
	padding: 0;
	max-width: 1000px;
	height:12px;
	text-align: left;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	line-height:1.4;
}
.ticker ul {
	width: 100%;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
}

.ticker ul li a {
	text-decoration: underline;
	color:#0c6a66;
}
@media screen and (min-width: 769px) {
/*--- #notice表示領域が768pxより大きい ---*/
#notice {
	width: 100%;
	padding:20px 40px 14px 40px;
}
#notice h3 {
	font-size: 22px;
	position: absolute;
	top:20px;
	left:40px;
	padding:7px 10px;
	line-height: 1;
}
.ticker {
	margin-left: 130px;
	height:24px;
}
}

/*------------------ #next#before------------------*/

#broadcast {
	background: #82d3cb;
	padding-top: 0.5em;
}
#broadcast .nhk-snsbtn {
	width: 100%;
	text-align: right;
}

#next,.osusume_wrap {
	width: 95%;
	margin: 0 auto;
}
#broadcast #next .nextTitle img {
		width: 100%;
		height: auto;
	}

#broadcast #before img,#broadcast #osusume img {
		width: 100%;
		height: auto;
		
	}
#broadcast #next div {
		background: #fff;
		margin: 0 auto;
}
#broadcast #before div {
		background: #fff;
		margin: 0 auto;
}
#broadcast #before {
	width: 48%;
	float:left;
padding-top: 5%;
}
#osusume {
	width: 48%;
	float:right;
padding-top: 5%;
}
.bnr_bsp {
margin-bottom: 15px;
}

#broadcast h2 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 18px;
	line-height: 1.2;
	padding: 0.4em;
}
#broadcast .is-sp {
	background: url(../images/hrbgimg05_s.png) no-repeat;
	background-size:contain;
}
#broadcast .time {
	font-size: 14px;
	margin-top: 0.5em;
	margin-left: 0.7em;
	}
@media screen and (min-width: 769px) {
/*--- #next#before表示領域が768pxより大きい ---*/
	#broadcast {
		padding-top: 0;
	}
	#next, #second {
	width: 50%;
	float:left;
}
	#broadcast #next div {
		width: 96%;
}

#broadcast #before {
padding-top: 0;
}
#osusume {
padding-top: 0;
}
/*	#broadcast #before {
		padding-top: 0;
width: 100%
}
	#broadcast #before div {
//		width: 96%;
}*/
	#broadcast h2 {
		font-size: 30px;
		line-height: 1.2;
		padding: 0.4em;
	}
	#broadcast .time {
		margin-left: 0.5em;
	font-size: 20px;
	}
}

/*------------------ #announce-----------------*/

#announce {
	background: #82d3cb;
	padding: 3% 2% 1% 2%;
	text-align: center;
}
#announce li {
	padding: 1%;
	}
	#announce li img {
		width: 100%;
	}

@media screen and (min-width: 769px) {
/*--- #announce表示領域が768pxより大きい ---*/
	#announce {
		width: 100%;
		height:100px;
		text-align: right;
		padding: 2% 0;
	}
	#announce li {
		padding:0 3%;
}
	#announce li img {
		width: 100%;
		height :auto;
}

}


/*------------------ #memo#blog-----------------*/

#separationBgimg01 {
	background: url(../images/hrbgimg01_s.png) no-repeat top right #90c93e;
	background-size:contain;
	padding-bottom: 1.5em;
	}

#memo, #blog {
	width: 95%;
	margin: 0 auto;
}
#memo h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 12% 0 0.5em 0;
	}
#blog h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 1.5em 0 0.5em 0;
	}
#memo ul li,#blog ul li  {
	width: 50%;
	margin: 0 auto;
	float:left;
}
#memo ul div,#blog ul div {
	background: #fff;
	margin: 0 auto;
	width: 95%;
}
#memo img,#blog img {
		width: 100%;
		height: auto;
		
	}
#memo h4,#blog h4 {
	font-family:'UD Shin Maru Go Regular';
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 16px;
	line-height: 1.4;
	font-weight: normal;
		padding: 0.2em 0 0.2em 0.4em;;
	}
#memo .time,#blog .time {
	font-size: 12px;
	margin-top: 0.8em;
	margin-left: 0.5em;
	}

@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#separationBgimg01 {
		background: url(../images/hrbgimg01_b.png) no-repeat top right #90c93e;
		padding-bottom: 1.5em;
	}
	#memo,#blog {
		width: 50%;
		float:left;
		padding-top: 90px;
	}
	#memo h3,#blog h3 {
		font-size: 36px;
		margin-left: 0.5em;
		padding-top: 0;
		padding-bottom: 0;
	}
	#memo h4,#blog h4 {
		font-size: 18px;
		padding: 0.2em 0 0.2em 0.4em;;
	}
	#memo ul li,#blog ul li {
		width: 50%;
		float: left;
		padding: 2%;
	}
	#memo ul li img,#blog ul li img {
		width: 100%;
	}
	#memo ul li a:hover img,
	#blog ul li a:hover img {
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}
}
/*------------------ #twitter -----------------*/

#twitter {
	width: 95%;
	margin: 0 auto;
}
#twitter h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	padding-bottom: 0.5em;
	font-size: 16px;
	line-height: 1;
	padding: 1.5em 0 0.5em 0;
}
#twitter .inner {
	margin: 0 auto;
	width: 80%;
}
#twitter .block {
	border: 3px solid #06a473;
	background: #fff;
	padding: 1em;
	width: 100%;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 1em;
}
#twitter .post {
	margin-bottom: 1.5em;
}
#twitter .btn_twitter {
	border-radius: 26px;
	background: #06a473;
	color: #fff;
	padding: 0.5em 2em;
}
#twitter a:hover {
	border: 2px solid #06a473;
	background: #f1f0d4;
	color: #06a473;
}

#twitter .notes {
	color: #06a473;
	font-size: 12px;
	padding-top: 0.6em;
}
@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#twitter {
		width: 50%;
		float:left;
	}
	#twitter h3 {
		font-size: 36px;
		margin: 0.5em 0 0.2em 0.5em;
		padding:0;
	}
}

/*------------------ #recently -----------------*/

#recently {
	width: 95%;
	margin: 0 auto;
}
#recently .inner {
	margin: 0 auto;
	width: 80%;
	padding:5px;
	border: 3px solid #06a473;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
}

#recently h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	padding-bottom: 0.5em;
	font-size: 16px;
	line-height: 1;
	padding: 1.5em 0 0.5em 0;
}

#recently p { margin: 0; font-size: 14px; }
.nol_schedule_contents_time { overflow: hidden;}
.nol_schedule_contents_logo { width :30px; float: left; display: inline;}
.nol_schedule_contents_logo img { width :95%; vertical-align :middle; }
.nol_schedule_contents_item + .nol_schedule_contents_item { margin-top :0.5em; border-top: 1px #06a473 dashed; padding-top:1em; }

#recently iframe {
	border: 3px solid #06a473;
	background: #fff;
	padding: 1em;
	width: 100%;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
}
#recently .notes {
	margin: 0 auto;
	width: 80%;
	color: #06a473;
	font-size: 12px;
	padding-top: 0.6em;
	line-height: 1.2;
}
@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#recently {
		width: 50%;
		float:left;
	}
	#recently h3 {
		font-size: 36px;
		margin: 0.5em 0 0.2em 0.5em;
		padding:0;
	}
}

/*------------------ #past -----------------*/

#past {
	padding-top:10%;
	background: url(../images/hrbgimg02_s.png) no-repeat top right #b1e16d;
	background-size:contain;
}
#past .pastList li {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}
#past .pastList li div {
	width: 92%;
	margin: 0 auto;
	background: #fff;
}
#past .pastList li div img {
	width: 100%;
}
#past h3 {
	font-family:'UD Shin Maru Go Regular';
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 20px;
	line-height: 1.4;
	font-weight: normal;
	padding: 0.2em 0 0.5em 1em;;
	}
#past h4 {
	font-family:'UD Shin Maru Go Regular';
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 14px;
	font-weight: normal;
	padding: 0.4em;
	line-height: 1.4;
	}
#past .time {
	font-size: 12px;
	padding: 0.6em 0 0.2em 0.6em;
}
@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#past {
		width: 100%;
		background: url(../images/hrbgimg02_b.png) no-repeat top right #b1e16d;
	}
	#past .pastList li {
		width: 25%;
		float: left;
	}
	#past h4,#past h3 {
		font-size: 16px;
	}
	#past a:hover img {
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}
}

/*------------------ #movie#library -----------------*/

#movieTop {
	background: url(../images/hrbgimg03_s.png) no-repeat top right  #06a473;
	padding-top: 10%;
	background-size:contain;
	}
#movie {
	background: #06a473;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 2em
}
#movie h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 0.5em 0;
}
#movie div {
	width: 75%;
	margin: 0 auto;
	padding-bottom: 1em;
	}
#movie div img {
	width: 100%;
}
#movie .is-sp {
	display: none;
}
#movie .movieTitle {
	color: #fff;
	padding: 0.4em;
	line-height: 1.4;
}
#library {
	background: #35b68e;
	margin: 0 auto;
	padding: 0 2.5% 2em 2.5%;
}
#library h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 1.5em 0 0.5em 0;
}
#library ul li {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 2px solid #93d7c2;
	}
#library .libImg {
	width: 25%;
	float: left;	
}
#library .libText {
	width: 72%;
	float:  right;
	color: #fff;
}
#library .libImg img {
	width: 100%;
}
#library .libText h4 {
	font-family:'UD Shin Maru Go Regular';
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}
#library .libText p {
	font-size:12px;
	margin-top: 1em;
}

@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#movieTop {
		background: url(../images/hrbgimg03_b.png) no-repeat top right  #06a473;
		background-size:contain;
		padding-top: 130px;
	}
	#movie{
		width: 50%;
		float:left;
	}
	#movie h3,#library h3 {
		font-size: 30px;
		padding: 0.5em 0;
		margin-left: 0.5em;
	}
	#library {
		width: 50%;
		float:left;
		padding: 0 0 2em 0;
	}
	
	#library ul {
		width: 86% ;
		margin: 0 auto;
	}
	#library ul li {
		margin-bottom: 1.5em;
	}
	#library .libText h4 {
		font-size: 18px;
		font-weight: normal;
	}
	#library .libText p {
		margin-top: 1em;
	}

}

/*------------------ #specialProgram -----------------*/

#specialProgram {
	background: url(../images/hrbgimg04_s.png) no-repeat top right #d5eff0;
	background-size:contain;
	margin: 0 auto;
	padding:10% 2.5% 1em 2.5%;
}
#specialProgram li div img {
	width: 100%;
}
#specialProgram h3 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 16px;
	line-height: 1;
	padding-bottom:0.5em;
	}
#specialProgram h4 {
	font-family: "UD Shin Maru Go Bold JIS2004";
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 16px;
	line-height: 1.4;
	padding: 0.4em 0.2em 0 0.2em;
}
#specialProgram .time {
	font-size: 12px;
	padding: 0 0 0.5em 0.4em;
}
#specialProgram .spText {
	padding-left: 0.4em;
	margin-bottom: 1.5em;
}
@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/

	#specialProgram {
		width: 100%;
		background: url(../images/hrbgimg04_b.png) no-repeat top right #d5eff0;
		padding:130px 0 0 0;
	}
	#specialProgram h3 {
		font-size: 30px;
		margin-left: 0.5em;
	}
	#specialProgram li {
		width: 33.333333%;
		float: left;	
	}
	#specialProgram li div {
		width: 85%;
		margin: 0 auto;
		padding-bottom: 2em;
	}
	#specialProgram h4 {
		font-size: 18px;
	}
		#specialProgram .spText {
			margin-bottom: 0;
	}
}
/*------------------ #linkProgram------------------*/

#linkProgram {
	background: #bbe1f3;
	padding-top: 1.5em;
}
#linkProgram .phraseNext {
	font-size: 12px;
	color: #3287b0;
	line-height: 1;
	padding: 0.5em 0 0.5em 0.5em;
}
#linkProgram h4 {
	font-family:'UD Shin Maru Go Regular';
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	font-size: 16px;
	line-height: 1.4;
	padding: 0 0 0.3em 0.3em;
}
#linkProgram .time {
	font-size: 12px;
	padding: 0 0 1.5em 0.5em;
}
	#linkProgram .linkProgramList li {
		width: 50%;
		float: left;
	}
	#linkProgram .linkProgramList li div {
		width: 90%;
		margin: 0 auto;
	}
	#linkProgram .linkProgramList li div img {
		width: 100%;
	}
@media screen and (min-width: 769px) {
/*--- 表示領域が768pxより大きい ---*/
	#linkProgram {
		width: 100%;
	}
	#linkProgram .linkProgramList {
		width: 760px;
		margin: 0 auto;
	}
	#linkProgram .linkProgramList li {
		width: 250px;
		float: left;
	}
}