@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:100%; font-family:"Lucida Grande", "segoe UI", "$B%R%i%.%N4]%4(B ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; -webkit-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*$B2hA|J]8nMQ(B*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
.oadate { color:#e60000; }
/*font-size*/
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#f6228b;}
a:hover { text-decoration:underline; color:#f6711c;}
/*/////////////////////////////////////////////////////////////////////////
$B%3%s%F%s%DMQ(BCSS$B!?%*%j%8%J%k@_Dj(B
/////////////////////////////////////////////////////////////////////////*/
@media print {
#photo{display: none;}
}
body {background: url(../img/bg.png); color:#333;}
#container {margin:0 auto; background: url(../img/back_main.png) repeat-x; padding:30px 0 0;}
#main{ margin:0 auto 35px; width:962px; height:408px; background: url(../img/main.png?2501) no-repeat 0 0; background-size:contain;}
#main h1{ position: absolute; bottom:8px; left:5px; /*margin:0 0 0 -50px; width:430px; height:196px;*/ width:400px; height:182px; background: url(../img/logo_new.png) no-repeat 0 0; background-size:contain;}
#wrap { width:962px; height:100%;text-align:left; margin:20px auto 0 auto;}

/*Left*/
#mainLeft {width:620px; float:left; margin:0; padding:0; max-height: 100%;}
#info,#cast,#news,#present,#archive,.entry,#stream { background:#fff; margin:0 0 45px; padding:0 0 40px; box-shadow:5px 5px rgba(212, 30, 92, 0.5); border:5px solid #f8b208;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;}
#news h2,#archive h2,#stream h2 { background: url(../img/ttl_news.png) no-repeat 0 0; height:42px; border-bottom:5px solid #f8b208; margin:20px 25px 0; padding:0 0 10px;}
#archive h2{background: url(../img/ttl_ac.png) no-repeat 0 0;}
#stream h2{background: url(../img/stream.png) no-repeat 0 0; background-size:38%; padding:0 0 30px; height:auto;}
#news p { font-size:105%; padding:15px 25px;}
#news span.date { color:#f6711c;}
#info h2 { background:url(../img/ttl_prg.png) no-repeat 55px 0; width:500px; height:111px; margin:-20px auto 0; }
#cast h2 { background:url(../img/ttl_cast.png) no-repeat 50px 0; width:500px; height:111px; margin:-20px auto 0; }
#info h3 { background: url(../img/ttl_reg.png) no-repeat 0 0; width:578px; height:50px; margin:30px auto 0; }
#info h3.quiz { background: url(../img/ttl_quiz.png) no-repeat 0 0; margin:30px auto 10px;}
#info h4 { font-size:120%; color:#f6711c; padding:15px 0 3px 25px;}
#info p { font-size:105%; padding:0 30px; line-height:150%;}
#info #intro { background: url(../img/intro.png?1) no-repeat 0 0; width:545px; height:78px; margin:20px auto 0; padding:0;}
#cast .ph1 { background: url(../img/ph1.png?1) no-repeat 0 0; width:259px; height:253px; margin:30px 0 0 35px;}
#cast .ph2 { background: url(../img/ph2.png?1) no-repeat 0 0; margin:30px 35px 0 0;}
#cast .ph3 { background: url(../img/yamagata.png) no-repeat 0 0; width:254px; height:253px; margin:30px auto 0;}
#cast p {padding:5px 25px 0;}
#present {padding:35px 0;}
#present p,#archive p,.entry p { font-size:105%; padding:10px 25px; line-height:145%;}
#present h2 { font-size:120%; color:#F6228B; padding:0 0 10px; border-bottom:4px solid #F6228B; margin:0 25px 20px;}
#present h3 { font-size:110%; color:#f6711c; padding:20px 0 0 25px;}
#present .teledome {font-size:110%; color:#1F99EE;}
#archive h3 {font-size:130%; color:#fff; padding:5px 8px; margin:20px 25px; background:#f8b208; display:inline-block;}
.entry p{line-height:160%;}

.oa1115_1{background: url(../img/oa1115_1.jpg) no-repeat center 0; width:400px; height:190px; margin:20px auto 10px;}
.oa1115_2{background: url(../img/oa1115_2.jpg) no-repeat center 0; width:400px; height:200px; margin:20px auto 10px;}
.oa1115_3{background: url(../img/oa1115_3.jpg) no-repeat center 0; width:400px; height:200px; margin:20px auto 10px;}
.oa1115_4{background: url(../img/oa1115_4.jpg) no-repeat center 0; width:400px; height:200px; margin:20px auto 10px;}
.oa0505{background: url(../img/oa0505.jpg) no-repeat center 0; width:300px; height:215px; margin:0 auto;}
.oa0825_1{background: url(../img/oa0825_1.png) no-repeat center 0; width:300px; height:300px; margin:0 auto 1em;}
.oa0825_2{background: url(../img/oa0825_2.png) no-repeat center 0; width:300px; height:300px; margin:0 auto 1em;}
.oa0825_3{background: url(../img/oa0825_3.png) no-repeat center 0; width:300px; height:300px; margin:0 auto 1em;}
.oa0825_4{background: url(../img/oa0825_4.png) no-repeat center 0; width:300px; height:300px; margin:0 auto 1em;}
.oa0825_5{background: url(../img/oa0825_5.png) no-repeat center 0; width:300px; height:300px; margin:0 auto 1em;}
.oa0322_1{background: url(../img/oa0322_1.jpg) no-repeat center 0; width:500px; height:281px; margin:.5em auto 2em;}
.oa0322_2{background: url(../img/oa0322_2.jpg) no-repeat center 0; width:500px; height:281px; margin:.5em auto 1em;}

.sdgs{background: url(../img/sdgs.png) no-repeat center center; width:500px; height:52px; margin:1em auto; background-size:contain;}
.sdgs_week{background: url(../img/sdgs_week.png) no-repeat center center; width:500px; height:100px; margin:2em auto 1em; background-size:contain;}
a.tbsfree{display:block; margin:0 auto .5em; width:500px; height:281px; background-size:cover; position: relative; box-shadow:5px 5px 10px rgba(4,0,0,0.1);}
.free0502 a.tbsfree{background-image: url(../img/free0502.jpg) !important;}
#present.freesp p:first-of-type,#present.free0502 p:first-of-type {padding:0 25px 15px;}
a.tbsfree img{width:16%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

a.tbsfree-program{display:block; margin:0 auto .5em; background-repeat: no-repeat; background-position: center center; width:500px; height:281px; background-size:cover; position: relative; box-shadow:5px 5px 10px rgba(4,0,0,0.1);}
a.tbsfree-program img{width:16%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

.embed {width:500px; height:281px; margin:1em auto 0; box-shadow:5px 5px 10px rgba(4,0,0,0.1);}
.embed iframe {width:100%; height:281px; border:none;}

#stream a.bn_tver{display:block; width:80%; height:100px; box-shadow:5px 5px 10px rgba(4,0,0,0.1); margin:1em auto 0; background: url(../img/logo_tver.svg) no-repeat left 8% center; position: relative; background-size:20%; border:1px solid rgba(170,170,170,0.3); transition:.5s;}
#stream a.bn_tver:hover{text-decoration:none;filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
#stream a.bn_tver span.nowtxt{font-size:120%; color:#009bd1; position:absolute; top:25%; right:5%; margin:auto;}
#stream a.bn_tver span.subtxt{font-size:75%; color:#333;}

.trysdgs{width:210px; margin:20px auto 0; display:block;}
#stream h2.sdgsver{margin:8px 25px 0; background-position: center 0;}

/*right*/
#mainRight { width:300px; float:right; margin:0 5px 0 0;}
#mainRight .sns{margin:15px 0;}
#mainRight .ban{background:#fff; width:300px; height:250px;}
#recruit a,#recruit2,a.bn_ac,a.bn_tw,a.bn_ig{display:block; width:300px; height:110px; background: url(../img/bn_ac.png) no-repeat 0 center; margin:0 0 20px; border:5px solid #fff; border-radius:20px; box-shadow:2px 5px #d41e5c; transition: 0.2s; background-size:cover; box-sizing: border-box;}
#recruit a { display:block; height:248px; background: url(../img/oubo.png) no-repeat 0 0; margin:0 0 30px; background-size:cover; }
#recruit2 { display:block; height:230px; background: url(../img/oubo2.png) no-repeat 0 0; margin:0 0 30px; background-size:cover; }
#mainRight ul#snsic{list-style: none;}
#mainRight ul#snsic li{display:inline-block;}
#mainRight ul#snsic li a{display:block; width:88px; height:82px; border:3px solid #fff; border-radius:16px; box-shadow:2px 5px #d41e5c; transition: 0.2s; background-size:cover;}
#mainRight ul#snsic li.ic_tw a{background-image:url(../img/ic_tw.png);}
#mainRight ul#snsic li.ic_x{margin:0 9px 0;}
#mainRight ul#snsic li.ic_x a{background-image:url(../img/ic_x.png);}
#mainRight ul#snsic li.ic_ig a{background-image:url(../img/ic_ig.png?1);}
#mainRight ul#snsic li.ic_ytb a{background-image:url(../img/ic_ytb.png);}
a.bn_ac,#recruit a{text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
a.bn_ac:hover,#recruit a:hover,a.bn_tw:hover,a.bn_ig:hover,#mainRight ul#snsic li a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.outgo{color:#fff; text-align:center; margin:.8em 0 1.5em; font-size:85%;}
.bknm{width:290px; margin:0 0 30px; border:5px solid #fff; border-radius:20px; box-shadow:2px 5px #d41e5c; padding:12px 0;}
.bknm h3{color:#fff; font-size:130%; padding:0 5px 5px; border-bottom:3px solid #fff; margin:0 10px 0;}
.bknm ul{color:#fff; margin:10px 15px 0;}
.bknm ul li{margin:0 0 5px 10px; text-indent: -1em;}
.bknm ul li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 3px;
    margin-left: 3px;
    border: transparent solid 5px;
    border-left-color:#fff;}
.bknm ul li a{color:#fff;}

/*footer*/
#footer {clear:both; padding:35px 0 60px; color:#fff; font-size:100%;}
#footer a { text-decoration:none; color:#fff;}
#footer a:hover { text-decoration:underline; color:#fff;}
/* ===========================================
	TBS global header Legacy
=========================================== */

/*	reset
============================== */

html,body {
	padding:0;
	margin:0;
}

/*	common
============================== */

/*	GH common
============================== */

div.global-header {
	position:relative;
	background-repeat:repeat-x;
	border-bottom:2px solid #c2c2c2 !important;
	background-color:#eaeaea;
}
div.global-header h1 {
	display:none;
}
div.global-header nav,
div.global-header ul,
div.global-header li,
div.global-header p {
	margin: 0;
	padding: 0;
	line-height:1;
	letter-spacing:0;
}
div.global-header ul {
	list-style-type: none;
}

/* causion */
div.gh-caution p {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px 0;
	margin-bottom:12px;
}
div.gh-caution p b, div.gh-caution p strong {
	font-style:normal;
	font-weight:bold;
	color:#c00;
}
div.gh-caution p.gh-caution-tls {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px;
	margin-bottom:12px;
}
div.gh-caution p.gh-caution-tls b, div.gh-caution p.gh-caution-tls strong,
div.gh-caution p.gh-caution-tls a {
	color:#005eac !important;
}
div.gh-caution p.gh-caution-tls a {
	font-weight:normal;
	text-decoration:underline !important;
}

/* banner */
div.global-header div.gh-super {
	display:block;
	text-align:left;
	margin:0 auto;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li {
	display:block;
	position:absolute;
}
div.global-header div.gh-tbs ul li a {
	display:block;
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}




/* catari widget */

.catari-widget, .catari-widget iframe {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.catari-widget {
	text-align:left;
	border:1px solid #d6d6d6;
	background-color:#fff;
	padding:4px;
}
.catari-widget-inner {
	
	height:315px;
	-webkit-overflow-scrolling:touch;
}
.catari-widget iframe {
	width:100%;
	height:100%;
	border:none;
	padding:0 !important;
	margin:0 !important;
	background-color:#fff !important;
}
.catari-widget p {
	color:#2d2d2d;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important;
	line-height:1;
	margin:0 !important;
}
.catari-widget p:after {
	content:"";clear:both;display:block;
}
.catari-widget p:first-child {
	font-size:14px !important;
	font-weight:bold !important;
	padding-bottom:4px;
}
.catari-widget p span {
	display:block;
}
.catari-widget p:first-child span {
/*	padding-left:44px; */
	padding-left:20px;
	padding-top:12px;
}
.catari-widget p:last-child span {
	padding-right:74px;
	padding-top:6px;
}
.catari-widget p:last-child {
	padding-top:4px;
	text-align:right !important;
	font-size:12px !important;
}
/*
.catari-widget p:first-child:before {
	content:"";
	display:block;
	background-image:url(/um/v7/img/catari_fromtbs.svg);
	width:40px;
	height:40px;
	float:left;
}
*/
.catari-widget p:last-child a {
	display:block;
	/* background-image:url(/um/v7/img/catari_logo.svg); */
	width:72px;
	height:24px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	float:right;
}
/*	GH PC header
============================== */

div.global-header,
div.global-header ul li,
div.global-header p.gh-search-btn {
	font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size:16px !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/* causion */
div.gh-caution p {
	font-size:87.5%;
}

div.global-header {
	text-align:left;
	background-image:url(/um/v7/img/gh_bg_pc.svg?0);
	background-size:320px 240px;
}

/* banner */
div.global-header div.gh-super {
	padding-bottom:12px;
}
div.global-header div.gh-super img {
	display:inline;
}
div.global-header div.gh-super span {
	display:inline;
}

/* tbs tv side */
div.global-header div.gh-tbs {
	position:absolute;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:320px 240px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul {
	display:block;
	background-image:url(/um/v7/img/gh_boobo.png?0);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:0 36px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul li.gh-home {
	left:30px;
	top:8px;
}
div.global-header div.gh-tbs ul li.gh-program {
	left:32px;
	top:40px;
}
div.global-header div.gh-tbs ul li.gh-home a {
	background-position:-170px 0;
	width: 90px;
	height: 26px;
}
div.global-header div.gh-tbs ul li.gh-program a {
	background-image: none;
	width: 86px;
	height: 25px;
}
div.global-header div.gh-tbs ul li.gh-side {
	display:none;
}

/* di2 only PC */
div.global-header div.gh-navi {
	height:76px;
	margin:0 auto;
}

/* di2 */
div.global-header div.gh-menu {
	position:relative;
	margin-left:150px;
}
div.global-header div.gh-menu ul.gh-main, div.global-header div.gh-menu ul.gh-sub {
	display:table;
	border-collapse: collapse;
	/* border-spacing: 0; */
}
div.global-header div.gh-menu ul.gh-main {
	width:100%;
}
div.global-header div.gh-menu ul.gh-sub {
	width:59%;
	margin-left:41%;
}
div.global-header div.gh-menu ul li {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	}
div.global-header div.gh-menu ul.gh-main li {
	border-bottom:1px solid transparent;
}
div.global-header div.gh-menu ul li a {
	display:block;
	text-align:center;
	color:#222;
	text-decoration:none;
	}
div.global-header div.gh-menu ul li a:hover {
	/*font-weight:bold;*/
	color:#000;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-weight:bold;
	line-height:40px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	color:#fff;
	line-height:18px;
}
div.global-header div.gh-menu ul.gh-main li a:hover {
	background-color:#bfdcf3;
}
div.global-header div.gh-menu ul.gh-sub li a:hover,
div.global-header div.gh-menu p.gh-search-btn a:hover {
	background-color:#00569b;
}
div.global-header div.gh-menu ul.gh-main li a:before,
div.global-header div.gh-menu ul.gh-sub li a:before {
	content: "";
	display:block;
	float:left;
	margin-left: -1px;
	}
div.global-header div.gh-menu ul.gh-main li a:before {
	height:20px;
	margin-top:10px;
	border-left: 2px solid #80b9e7;
	}
div.global-header div.gh-menu ul.gh-sub li a:before {
	height:14px;
	margin-top:2px;
	border-left: 2px solid #80b9e7;
}
div.global-header div.gh-menu ul.gh-main li:first-child a:before,
div.global-header div.gh-menu ul.gh-sub li:first-child a:before {
	border-left:none;
}
div.global-header div.gh-menu ul.gh-main li a span,
div.global-header div.gh-menu ul.gh-sub li a span {
	display:inline-block;
}

/* search button */
div.global-header div.gh-menu p.gh-search-btn {
	position:absolute;
	left:0;
	top:41px;
}
div.global-header div.gh-menu p.gh-search-btn a {
	display:block;
	color:#fff;
	font-size:83%;
	text-decoration:none;
	line-height:18px;
	line-height:19px;	/* for IE9 */
	letter-spacing:0.75em;
	padding:0 15px;
}
div.global-header div.gh-menu p.gh-search-btn a:before {
	content: "";
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin-right:10px;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-position:0 -90px;
	background-repeat:no-repeat;
	background-size:320px 240px;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li.gh-home a {
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-size:320px 240px;
}

/*	GH 980px
============================== */

div.global-header {
	letter-spacing:0;
	min-width: 980px;
}
div.global-header div.gh-super {
	width:980px;
}
div.global-header div.gh-super:before {
	content: "";
	display:block;
	float:left;
	width:126px;
	height:1px;
}
div.global-header div.gh-navi {
	width:980px;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-size:87.5%;
	padding:0 12px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	font-size:83%;
	padding:0 12px;
}



/*jumpSmp*/
#jumpSmp {
	display:block;
	color:#fff;
	background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a));
	text-align:center;
	font-size:52px;
	font-weight:bold;
	line-height:1.35;
	border-top:5px solid #ddd;
	border-bottom:5px solid #eee;
	padding:52px;
}
#jumpSmp a { display:block; color:#fff;}
.lazy {
position:relative;
}
