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



/* ************************************************ */
/*                        共通                       */
/* ************************************************ */

.hide {	display: none;}


/*
	#contentsHeader
========================= */
#contentsHeader {
	margin-bottom: 2.13%;
	position: relative;
	background-color: #3a7c09;
}
#contentsHeader img {
	margin: 0;
	max-width: 100%;
	vertical-align: top;
}
#contentsHeader .pc {
	margin: 0 auto;
	display: block;
	max-width: 940px;
}
#contentsHeader .sp {	display: none;}
#contentsHeader .pc h2 {
	float: left;
	width: 24.57%;
}
#contentsHeader .pc .information {
	padding-bottom: 1.38%;
	float: right;
	width: 75.43%;
}
#contentsHeader .pc .information .broadCast {
	/*position: relative;*/
	padding: 1.97% 0 1.83%;
}

#contentsHeader .pc .information .broadCast .txt {
	margin-right: 13.26%;
	padding-top: 2.4%;
	float: left;
	width: 72.21%;
}

/* 5個 */
#contentsHeader .pc .information .broadCast .btn {
	float: left;
	width: 12.55%;
}

/* 4個 */
/*#contentsHeader .pc .information .broadCast .btn {
	position: absolute;
	width: 12.55%;
	top: 0;
	left: 0;
	margin: 14% 0 0 82%;
}
*/@media (max-width:657px) {
	#contentsHeader .pc .information .broadCast .btn {
		margin: 19.5% 0 0 82%;
	}
}

#contentsHeader .pc .information #globalNav li {	float: left;}


#contentsHeader .pc .information #globalNav li.watch,
#contentsHeader .pc .information #globalNav li.world,
#contentsHeader .pc .information #globalNav li.movie{
	width: 19.46403385%;
	max-width: 138px;
}

#contentsHeader .pc .information #globalNav li.cddvd {
	max-width: 140px;
	width: 19.746121298%;
}

#contentsHeader .pc .information #globalNav li.broadcast {
	padding-left: 1.3%;
	margin-top: 0.5%;
	max-width: 102px;
	width: 13.086459803%;
}
@media (max-width:768px) {
	#contentsHeader {	margin-bottom: 0;}
	#contentsHeader .pc {	display: none;}
	#contentsHeader .sp {	display: block;}
	#contentsHeader .sp h2 {
		position: relative;
		float: left;
		width: 32.66%;
	}
	#contentsHeader .sp .information {
		padding-bottom: 4.19%;
		float: left;
		width: 65.78%;
	}
	#contentsHeader .sp .information .btn {
		margin-bottom: 4.99%;
		padding: 4.84% 0 0 26.13%;
		width: 71.5%;
		height: auto;
	}
	#contentsHeader .sp .globalNav {
		padding-left: 3%;
		display: none;
		position: absolute;
		top: 90px;
		left: 0;
		width: 94%;
		z-index: 10;
	}
	#contentsHeader .sp .globalNav li {
		float: left;
		width: 50%;
	}
	/* 3個用 */
/*	#contentsHeader .sp .globalNav li:nth-child(3),
	#contentsHeader .sp .globalNav li:nth-child(4),
	#contentsHeader .sp .globalNav li:nth-child(5) {	width: 33.333333333333%;}*/

	/* 4個用 */
	#contentsHeader .sp .globalNav li:nth-child(3),
	#contentsHeader .sp .globalNav li:nth-child(4){	width: 50%;}
}



/*
	#watchSlider
========================= */
#watchSlider {
	/*background-color: #50872e;*/
	margin: 20px auto;
	padding: 10px 0 10px;
	max-width: 950px;
	background-color: #50872e;
}

#watchSlider img {
	margin: 0;
	max-width: 100%;
	vertical-align: top;
}
#watchSlider .watch {
	margin: 0 auto;
	padding: 2.13% 0;
	max-width: 940px;
}
#watchSlider .watch h4 {
	margin-bottom: 2.25%;
	padding-left: 1.0%;
	width: 31.21%;
	overflow: hidden;
}
#watchSlider .watch ul {
	margin: 0 auto;
	position: relative;
	width: 93.4%;
}
#watchSlider .watch ul .owl-item a {
	padding-right: 2.5%;	
	display: block;
}
#watchSlider .watch .owl-prev {
	margin: 0;
	padding: 0;
	border-radius: 0;
	position: absolute;
	top: 36px;
	left: -22px;
	width: 44px;
	height: 44px;
	background: url("/kodomo/open/tv/common/images/btn_special_watch_prev.png") left top no-repeat;
	font-size: 0;
	opacity: 1;
}
#watchSlider .watch .owl-next {
	margin: 0;
	padding: 0;
	border-radius: 0;
	position: absolute;
	top: 36px;
	right: -22px;
	width: 44px;
	height: 44px;
	background: url("/kodomo/open/tv/common/images/btn_special_watch_next.png") left top no-repeat;
	font-size: 0;
	opacity: 1;
}

@media (max-width:768px) {
	#watchSlider {
		margin: 5% 0 5%;
		padding: 0 1.5%;
		background-color: #50872e;
	}
	
	#watchSlider .watch {	padding: 4% 0;}
	#watchSlider .watch h4 {
		margin-bottom: 3.71%;
		width: 72.58%;
	}
	#watchSlider .watch ul {
		margin: 0 auto;
		width: 93.55%;
	}
	#watchSlider .watch .owl-prev {
		padding-top: 8%;
		top: 32%;
		left: -4%;
		width: 8%;
		height: auto;
		background-size: 100%;
	}
	#watchSlider .watch .owl-next {
		padding-top: 8%;
		top: 32%;
		right: -3%;
		width: 8%;
		height: auto;
		background-size: 100%;
	}
}



/*
	.spForTop
========================= */
.spForTop {	display: none;}
.spForTop img {
	margin: 0;
	max-width: 100%;
	vertical-align: top;
}
@media (max-width:768px) {
	.spForTop {
		padding: 3% 1.56% 3% 41.25%;
		display: block;
		background-color: #569836;
	}
}