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

@font-face {
  font-family: "NotoSansCJKjp-ss";
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansCJKjp-Regular.otf"),
       local("NotoSansJP-Regular.otf"),
       url("../s_common/font/NotoSansCJKjp/NotoSansCJKjp-ss-Regular.woff2") format("woff2"),
       url("../s_common/font/NotoSansCJKjp/NotoSansCJKjp-ss-Regular.woff") format("woff");
}

@font-face {
  font-family: "NotoSansCJKjp-ss";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansCJKjp-Bold.otf"),
       local("NotoSansJP-Bold.otf"),
       url("../s_common/font/NotoSansCJKjp/NotoSansCJKjp-ss-Bold.woff2") format("woff2"),
       url("../s_common/font/NotoSansCJKjp/NotoSansCJKjp-ss-Bold.woff") format("woff");
}

html { height: 100%; }
body {
	height: 100%;
	padding: 0;
	/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif; */
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans", "Noto Sans CJK JP", "NotoSansCJKjp-ss", sans-serif,"ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	background: #fff;
	margin : 0;
}
/* * { word-wrap: break-word; } */
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */

* { margin : 0 ; padding : 0 ; }

form,
p,ul,li,input,
dl,dt,dd,textarea,
header,footer,section{
	margin:0;
	padding:0;
}

img {
	border: none;
	vertical-align: bottom;
}

section {
	display: block;
	margin: 0 auto;
	width: 920px;
}

/* ==========================================================================
   OHK制作番組
   ========================================================================== */
.ohkProg {}

.ohkProg ul {
	width: 920px;
}

.ohkProg ul li {
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	float: left;
	margin: 0 0 10px 4px;
	min-height: 158px;
	padding: 3px;
	text-align: center;
	width: 140px;
}

.ohkProg h2 {
	font-size: 92%;
	line-height: 1.3em;
	text-align: left;
}

.ohkProg h3 {
	border-top: 1px dashed #DCDCDC;
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px;
}

.ohkProg h3 span {
	font-size: 11px;
}

.ohkProg p {
	font-size: 92%;
	line-height: 1.3em;
}

.ohkProg span {
	font-size: 83%;
}

.ohkProg img {
	margin: 3px 0 5px;
}

.ohkProg h2 span {
	font-size: 83%;
	text-align: left;
}

.ohkSeisaku {
	font-size: 16px !important;
	font-weight: 700;
	padding: 5px;
}

p.pgTitle {
	font-size:18px;
	font-weight: 700;
	padding: 0 0 15px 5px;
}

/* ==========================================================================
   その他バラエティ番組
   ========================================================================== */
.wSmall {
	clear: both;
}

.wSmall h2 {
	background: #E6E6E6;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 18px;	
	margin: 0 auto 5px;
	padding: 10px;
	width: 912px;
}

.wSmall ul {
	width: 920px;
}

.wSmall ul li {
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	float: left;
	/* height: 118px; */
	margin: 5px 0 5px 4px;
	padding: 3px;
	text-align: center;
	width: 102px;
}

.wSmall ul li h3 {
	border-top: 1px dashed #DCDCDC;
	font-size: 92%;
	/* text-align: left; */
	line-height: 1.3em;
	padding: 5px 0;
}

.wSmall ul li p {
	font-size: 92%;
	/* text-align: left; */
	line-height: 1.3em;
}

.wSmall ul li span {
	font-size: 83%;
}

.wSmall ul li img {
	margin: 1px 0 5px;
}

.clear {
	clear:both;
}

.topLineWrap {
	height: 10px;
	margin: 0 auto 30px;
	width: 906px;
}

.orLine { background: #ffa90b;}
.reLine { background: #ff315b;}
.blLine { background: #54cdee;}


/* ==========================================================================
   再放送（アニメ）
   ========================================================================== */
.half {
	float: left;
	padding: 10px 0 0 0;
}

.halfWrap {
	padding: 20px 0 50px;
	width: 460px;
}

.halfWrap ul {}

.halfWrap ul li {
	border: 1px solid #b4b4b4;
	float: left;
	margin: 0 0 4px 4px;
	padding: 2px;
	text-align: center;
	width: 102px;
}

.halfWrap ul li h3 {
	color: #555;
	font-size: 92%;
	line-height: 1.3em;
	padding: 3px 0 0 2px;
	text-align: left;
}

.halfWrap ul li h3 span {
	font-size: 83%;
	font-weight: 400;
}

.halfWrap ul li p {
	font-size: 92%;
	line-height: 1.3em;
	padding-left: 2px;
	text-align: left;
}

.halfWrap ul li p span {
	font-size: 83%;
}

.animesaihousou {
	height: auto !important;
	width: 140px !important;
}




/* ==========================================================================
   タブ
   ========================================================================== */
ul.tabWrap {
	width: 928px;
	margin: 0 auto 30px;
	letter-spacing: -0.4em;
	text-align: center;
}

ul.tabWrap li {
	box-sizing: border-box;
	display: inline-block;
	*display: inline;
	font-size: 18px;
	font-weight: 700;
	letter-spacing:normal;
	margin: 0 6px;
	position: relative;
	width: 295px;
	*zoom: 1;
}

ul.tabWrap li a {
	padding: 10px 0;
	text-decoration: none;
	display: block;
}

.varietyTabOp a {
	background: #7abe4a;
	border: 6px solid #7abe4a;
	color:#FFF;
}

.varietyTabCl a {
	background: #FFF;
	border: 6px solid #7abe4a;
	color: #7abe4a;
}

.varietyTabCl a:hover {
	background: #7abe4a;
	color: #FFF;
}

.houdouTabOp a {
	background: #4abdca;
	border: 6px solid #4abdca;
	color:#FFF;
}

.houdouTabCl a {
	background: #FFF;
	border: 6px solid #4abdca;
	color:#4abdca;
}

.houdouTabCl a:hover {
	background: #4abdca;
	color:#FFF;
}

.animeTabOp a {
	background: #eb7190;
	border: 6px solid #eb7190;
	color:#FFF;
}

.animeTabCl a {
	background: #FFF;
	border: 6px solid #eb7190;
	color: #eb7190;
}

.animeTabCl a:hover {
	background: #eb7190;
	color:#FFF;
}

ul.tabWrap li h1 {
	font-weight: 700;
}

.tabArrow {
	bottom: -16px;
	font-size: 20px;
	left: 140px;
	position: absolute;
}

.arrowVariety { color: #7abe4a;}
.arrowHoudou { color: #4abdca;}
.arrowAnime { color: #eb7190;}