@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
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;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.flo { float:left;display: inline;}
.floatL { float:left;}
.floatR { float:right;}
.clearF{clear:both; display:block;overflow:hidden;}
.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:#ec1b1b;}
.cYel { color:#fd0;}
.cGrn { color:#08950e;}
.cBlu { color:#00aef3;}
.cOrg { color:#e96e00;}
/*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:underline; color:#ec1b1b;}
a:hover { text-decoration:underline; color:#666;}

.mb{margin-bottom:30px;}
/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
body {background: #fff; color:#333}
#container {margin:0 auto;}
#main_title {margin:0 auto; min-width:980px;height:73px; background: url(../img/header.gif?0511) no-repeat center top #000}
#mainPh_box{position:relative;min-width:980px;height:330px;margin:0 auto;background: url(../img/main2017-5.jpg?0511) no-repeat center top #e2f2f2;}
h1{display: block}
#unit,#unit_top { position:relative;width:954px;text-align:left; margin:0 auto; border:solid 3px #fff}
#unit{margin:0 auto}
#unit_top{ margin:20px auto 0}

/*/共通/*/
.main_box{width:954px;background:#cbdfdf;overflow:hidden}
sup{height:0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex}

/*Left*/
#mainLeft {width:620px; background:#f2f7f7; float:left;display: inline; border:#cbdfdf solid 5px}
.top #mainLeftIn {width:600px;margin:0; padding:0;background:#f2f7f7}
#mainLeftIn {width:620px;margin:0;padding:0}
.cast #mainLeft {width:943px}
.cast #mainLeftIn {width:920px; padding:0;background:#f3f9fa}
/*Right*/
#mainRight { width:317px; float:left;display: inline}
#mainRightIn {margin:15px 0 0 10px;padding:0}
/*footer*/
#page-top {font-size:110%; font-weight:bold}
#page-top a{background:#000;color:#fff;padding:20px;position:fixed;bottom:60px;right:20px;text-decoration:none}
#page-top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; text-decoration:none} 

#footer {clear:both; width:960px; margin:0 auto;}
#ft {clear:both;text-align:center; font-size:110%; color:#555;padding:20px 0}

/*/navi/*/
#navi {clear:both; margin: 0 auto; width:900px; height:50px}
#navi ul{ padding:0; width:900px; height:50px}
#navi ul li{list-style:none; float:left;  padding:0px; text-indent: -9999px}
#menu01 a,#menu02 a,#menu03 a{display: block; width:100%; height:100%}
#navi a:hover{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
  #menu01 a {width:300px; height:50px;background: url(../img/menu.png) 0 0 no-repeat}
  #menu02 a {width:300px; height:50px;background: url(../img/menu.png) -300px 0 no-repeat}
  #menu03 a {width:300px; height:50px;background: url(../img/menu.png) -600px 0 no-repeat}

/*	#menu02 {width:300px; height:50px;background: url(../img/menu.png) -300px 0 no-repeat;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
	#menu03 {width:300px; height:50px;background: url(../img/menu.png) -600px 0 no-repeat;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}*/

/*/right/*/
.likebox{width:300px; min-height:250px;background:#fff; margin-top:10px; border:solid 0px}
.twitter{display:block; width:300px ;height:48px;background:url(../img/sns.png)  0 0 #b1f1ff}
.facebook{display:block; width:300px; height:48px;background:url(../img/sns.png)  -300px 0 #a2b6e5}
.social{margin:10px 0;}

p.txt{margin:0 10px 30px;font-size:120%;line-height:180%;letter-spacing:0.1em;}
.box{margin:30px 20px}
/*/TOP/*/
.top .topic{ width:620px; font-size:125%;line-height:200%;overflow: hidden; }
.topic h2{display:block; height:30px; margin:25px 0 15px}
.midokoro h2{background:url(../img/title.gif) 20px 0 no-repeat}
.midokoro h3{margin:0 10px 20px}
.midokoro h3 .midashiB{font-size:170%;}
.midokoro h3 .midashiM{font-size:120%;}
.top .bgY{background:#f3ff8b;line-height:180%;}

.top .bgInfo{background:#ffffe1;border:solid 2px #ff0000;}
.top .bgInfo p{margin:0 auto;padding:10px;font-size:130%;line-height:1.5;}

/*/EVENT/*/
.event h2{background:url(../img/title.gif) 20px -30px no-repeat}
.event h3{margin:0 10px 10px;font-size:140%;margin-top:20px;}
.event .subtitle{line-height:200%;}
.event p{clear:both; overflow:hidden;}
.event .ph01{display:block; margin:0 0 10px 20px; width:250px; height:150px;background:url(../img/event_ph2017.jpg) 0 0 no-repeat; border:solid 2px #ccc}
.event .ph02{display:block; margin:0 0 10px 20px; width:250px; height:150px;background:url(../img/event_ph2017.jpg) 0 -150px no-repeat; border:solid 2px #ccc}
.event .ph03{display:block; margin:0 0 10px 20px; width:250px; height:150px;background:url(../img/event_ph2017.jpg) 0 -300px no-repeat; border:solid 2px #ccc}
.event .ph04{display:block; margin:0 0 10px 20px; width:250px; height:150px;background:url(../img/event_ph2017.jpg) 0 -450px no-repeat; border:solid 2px #ccc}
.event .ph05{display:block; margin:0 0 10px 20px; width:250px; height:150px;background:url(../img/event_ph2017.jpg) 0 -600px no-repeat; border:solid 2px #ccc}

/*/CAST/*/
.cast .font-t{font-family: 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','A-OTF 新ゴ Pro R','ヒラギノ角ゴ2','ヒラギノ角ゴ3','ヒラギノ角ゴ4','小塚ゴシック Pro R','小塚ゴシック Pro','SH G30-P','FC平成角ゴシック体','FA ゴシック','IPA モナー ゴシック','VL ゴシック','Droid Sans Japanese','MS PRゴシック','TGothic-GT01','東風ゴシック','さざなみゴシック','Komatuna','M+1P+IPAG','Mona','JSPゴシック','AR P丸ゴシック体M','EPSON 丸ゴシック体M','Osaka','CRPC&Gれいしっく','FGP平成明朝体W3','GT2000-01','和田研細丸ゴシック2000P','和田研細丸ゴシック2000P4',YOzFont90,YOzFontN90,'Yu Gothic UI','Meiryo UI';font-feature-settings:'jp90' 1;-webkit-font-feature-settings:'jp90' 1;}

.cast .topic{overflow:hidden;font-size:130%;line-height:200%}
.cast {margin-bottom:30px}
.cast h2{background:url(../img/title.gif) 20px -61px no-repeat}
.cast h3{width:880px; margin:0 auto 5px;font-size:140%;}
.cast table { width:900px; font-size:90%; line-height:140%; letter-spacing:0.01em;border:1px solid #ccc; border-bottom:none; border-left:none; background:#fff; margin:0 20px 30px}
.cast th { text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#3a312f; color:#fff;padding:3px}
.cast td { text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0}
.cast .namesel { font-weight:bold; padding:0;border-left:none;width:220px}
.cast .prof01{ text-align:left; padding:5px;width:105px;line-height:140%;font-size:105%}
.cast .prof02{text-align:left; padding:5px;width:100px;line-height:140%; font-size:105%}
.cast .photo {height:300px;padding:0;text-align:left;position:relative; }
.cast .name{position:absolute;top:10px; left:10px;}
.cast .castname{font-size:150%;line-height:1.2;}
.cast .eve {text-align:left; padding:10px 5px}
.cast .prof03{padding:0;width:90px;height:230px; border-left:none}
.cast strong{font-size:110%;display:block; height:8px}

.cast .Ycolor{background:#ffffe1}
.cast .Bcolor{background:#f0f8fb}
.cast .member{display:block;width:220px; height:170px;}
.cast .m1 .member{background:url(../img/cast.png)}
.cast .m2 .member{background:url(../img/cast.png) -220px 0}
.cast .m3 .member{background:url(../img/cast.png) -440px 0}
.cast .m4 .member{background:url(../img/cast.png) -660px 0}
.cast .m5 .member{background:url(../img/cast.png) 0 -170px}
.cast .m6 .member{background:url(../img/cast.png) -220px -170px}
.cast .m7 .member{background:url(../img/cast.png) -440px -170px}
.cast .m8 .member{background:url(../img/cast.png) -660px -170px}
.cast .m9 .member{background:url(../img/cast.png) 0 -340px}
.cast .m10 .member{background:url(../img/cast.png) -220px -340px}
.cast .m11 .member{background:url(../img/cast.png) -440px -340px}
.cast .m12 .member{background:url(../img/cast.png) -660px -340px}
.cast .m13 .member{background:url(../img/cast.png) 0 -510px}
.cast .m14 .member{background:url(../img/cast.png) -220px -510px}
.cast .m15 .member{background:url(../img/cast.png) -440px -510px}
.cast .m16 .member{background:url(../img/cast.png) -660px -510px}

.cast .prof03 span{display:block;width:110px; height:260px;}
.cast .m1 .prof03 span{background:url(../img/body.png) 0 0}
.cast .m2 .prof03 span{background:url(../img/body.png) -110px 0}
.cast .m3 .prof03 span{background:url(../img/body.png) -220px 0}
.cast .m4 .prof03 span{background:url(../img/body.png) -330px 0}
.cast .m5 .prof03 span{background:url(../img/body.png) -440px 0}
.cast .m6 .prof03 span{background:url(../img/body.png) -550px 0}
.cast .m7 .prof03 span{background:url(../img/body.png) -660px 0}
.cast .m8 .prof03 span{background:url(../img/body.png) -770px 0}
.cast .m9 .prof03 span{background:url(../img/body.png) -880px 0}
.cast .m10 .prof03 span{background:url(../img/body.png) -990px 0}
.cast .m11 .prof03 span{background:url(../img/body.png) -1100px 0}
.cast .m12 .prof03 span{background:url(../img/body.png) -1210px 0}
.cast .m13 .prof03 span{background:url(../img/body.png) -1320px 0}
.cast .m14 .prof03 span{background:url(../img/body.png) -1430px 0}
.cast .m15 .prof03 span{background:url(../img/body.png) -1540px 0}
.cast .m16 .prof03 span{background:url(../img/body.png) -1650px 0}


/*/PRESENT/*/
.present .topic{width:620px; overflow:hidden;font-size:130%;line-height:200%}
.present .photo{margin:0 0 20px 0px; width:620px; height:252px}
.present {margin-bottom:30px;}
.present .topic h2{background:url(../img/title.gif) 20px -92px no-repeat}
.present .topic h3{padding:10px 0;font-size:140%;color:#00aef3}
.present .topic h4{padding:10px 0;font-size:120%;color:#ec1b1b}
.present .catch{margin:0 0 10px;font-size:160%;font-weight:bold;color:#ec1b1b}
.present .topic ul{list-style-type: square;margin:0 20px 30px;}
.present .topic li{font-size:120%;line-height:180%;letter-spacing:0.1em;margin-left:0px;}
.present .photo{background:url(../img/present/present.jpg?new)}
.present .pre01{display:block; margin:10px 0 20px 0px; width:500px; height:284px;background:url(../img/present/pre01.jpg)}
.present .pre02{display:block; margin:10px 0 5px 0px; width:500px; height:284px;background:url(../img/present/pre02.jpg?new)}
.present .pre03{display:block; margin:10px 0 5px 0px; width:500px; height:284px;background:url(../img/present/pre03.jpg)}
.present .kiyaku h4{margin-top:10px;}
.present .kiyaku ul{margin:10px 30px;list-style-type: square}
.present .kiyaku li{margin-bottom:10px;}
.present .arrow{display:block; margin:0px 0 0px 20px; width:30px; height:30px;background:url(../img/arrow.png)}

.present .oubo_btn a{ display:block; background:url(../img/oubo_btn.png) no-repeat; margin:0 auto 30px; width:390px; height:77px}
.present .oubo_btn a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}


/* ===========================================
	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;
}

/* banner */
div.global-header div.gh-super {
	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;
}
/*	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);
}

/* 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);
	background-repeat:no-repeat;
	background-position:left top;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul {
	display:block;
	background-image:url(/um/v7/img/gh_boobo.png);
	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);
	background-position:0 -90px;
	background-repeat:no-repeat;
}

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

/*	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;}