@charset "utf-8";
html {
	font-size: 10px;
	font-size: 62.5%;/* 1.0rem = 10px */
	min-width: 1320px;
}
body {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background-color: #fff; /* 全体の背景指定 */
	min-width: 1280px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6ac8c7', endColorstr = '#0067dd');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6ac8c7', endColorstr = '#0067dd')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: -moz-linear-gradient(left top, #6ac8c7, #0067dd);
	background: -ms-linear-gradient(left top, #6ac8c7, #0067dd);
	background: -o-linear-gradient(left top, #6ac8c7, #0067dd);
	background: -webkit-gradient(linear, left top, right bottom, from(#6ac8c7), to(#0067dd));
	background: -webkit-linear-gradient(left top, #6ac8c7, #0067dd);
	background: linear-gradient(left top, #6ac8c7, #0067dd);
}

html > body > iframe,html > body > img {/* リマケタグによる隙間を削除 */
display: none;
}
#wrapper {
	position: relative;
	width: 100%;
}
#wrapper #contents {
	width: 100%;
	color: #222;
	line-height: 1.5;
	font-size: 14px;
	position: relative;
}

.inner {
	width: 1280px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	letter-spacing: 0.1em;
}

/* anchor
**********************************/
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
a { color: red;}
a:link { color: red;}
a:visited { color: red;}
a:hover {
	color: red;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
a:active { color: red;}

/* #main
**********************************/
#main {
	padding-bottom: 35px;
	margin: 0 auto;
	padding: 20px 20px 0;
	float: none;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	min-width: 1320px;
}

/* #header
**********************************/
#header {
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
}
.header-head { background: url(../images/bg_pattern02.png) repeat -10px -10px #fff; overflow: hidden;}
.header-head .inner {
	margin: 0 auto;
	height: 120px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.header-head .inner:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 120px;
	height: 120px;
	top: -60px;
	left: 273px;
}
.header-head .inner:after {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 233px;
	height: 233px;
	bottom: -113px;
	right: 41px;
}
.header-head .logo {
	width: 196px;
	height: 96px;
	z-index: 1;
	float: left;
	margin-top: 9px;
	margin-left: 21px;
	position: relative;
	z-index: 1;
}
.header-head .logo a {
	display: block;
	height: 100%;
	background: url(../images/logo.png) no-repeat 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
}
.header-head .rightCont {
	width: 670px;
	float: right;
	margin-top: 25px;
	overflow: hidden;
}
.header-head .date {
	float: left;
	position: relative;
	width: 500px;
	height: 80px;
	background: url(../images/date.png) no-repeat 0 0 transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	z-index: 1;
	margin-right: 14px;
}

/* sns
**********************************/
#btn-sbm {
	float: left;
	width: 150px;
	letter-spacing: -.4em;
	padding-top: 10px;
	position: relative;
	z-index: 1;
}
#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 10px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
	letter-spacing: normal;
}
*html #btn-sbm li { display: inline; } /* for IE6 */
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 70px; margin-right: 0;}

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

/*------------------------------------------------------------
カウントアップ & 終了文言表示用
------------------------------------------------------------*/
#countupArea01 {
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
}
.hasCountup {
	width: 566px;
	height: 46px;
	margin: 0 auto;
	background: url(../images/tx_countup.png) no-repeat 0 0 transparent;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 180px;
	overflow: hidden;
}

#countupArea01 .hasCountup span {
	background: url(../images/parts_count01.png) no-repeat transparent;
}
#countupArea01 .hasCountup span {
	display: block;
	float: left;
	margin-right: 5px;
	height: 46px;
	overflow: hidden;
	width: 34px;
	background-position: 0 0px;
}
#countupArea01 .hasCountup span:last-child {
	margin-right: 0;
}
#countupArea01 .hasCountup span.colon { width: 20px; margin-right: 0;}
#countupArea01 .hasCountup span.image0 { background-position: 0 -62px; }
#countupArea01 .hasCountup span.image1 { background-position: 0 -122px; }
#countupArea01 .hasCountup span.image2 { background-position: 0 -182px; }
#countupArea01 .hasCountup span.image3 { background-position: 0 -242px; }
#countupArea01 .hasCountup span.image4 { background-position: 0 -302px; }
#countupArea01 .hasCountup span.image5 { background-position: 0 -362px; }
#countupArea01 .hasCountup span.image6 { background-position: 0 -422px; }
#countupArea01 .hasCountup span.image7 { background-position: 0 -482px; }
#countupArea01 .hasCountup span.image8 { background-position: 0 -542px; }
#countupArea01 .hasCountup span.image9 { background-position: 0 -602px; }

#endTextArea {
	padding: 5px;
	width: 566px;
	margin: 0 auto 20px;
}
#endTextArea img {
	display: block;
	line-height: 1;
	font-size: 0;
}

/* テキスト指定
**********************************/
#article {
	font-size: 14px;
	background: url(../images/bg_pattern02.png) repeat -10px -30px #fff;
	padding: 44px 0 40px;
	overflow-x: hidden;
}

#article .inner {
	margin: 0 auto;
	position: relative;
}
/*#article .inner:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 233px;
	height: 233px;
	top: -164px;
	right: 41px;
}*/


/* noticeArea
**********************************/
.noticeArea {
	width: 860px;
	margin: 30px auto 0;
	color: red;
/*	text-align: center;*/
	font-weight: bold;
	border: 2px solid red;
	padding: 30px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.noticeArea p {
	display: inline-block;
}


/* movieArea
**********************************/

#movieArea {
	display: table;
	width: 100%;
	border-collapse: separate;
}
#movieArea.top-movie { height: 618px;}

.movie-main {
	width: 914px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	display: table-cell;
	border: 10px solid #ccc;
	vertical-align: top;
}

.movie-main-head {
	display: table;
	width: 100%;
	height: 70px;
	border-collapse: collapse;
	border-bottom: 10px solid #ccc;
	vertical-align: middle;
}
.movie-main-status {
	width: 130px;
	display: table-cell;
	border-right: 10px solid #ccc;
	position: relative;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	vertical-align: middle;
}
.movie-main-status.live:after {
	content: "";
	display: block;
	position: relative;
	width: 91px;
	height: 33px;
	margin: 0 auto;
	/*top: 50%;
	left: 50%;
	margin-top: -16.5px;
	margin-left: -45.5px;*/
	background: no-repeat 0 0 transparent;
	background-image: url(../images/icon_live.png);
}

.movie-main-title {
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 0 14px 0 19px;
}
.movie-main-title .tit-ch {
	vertical-align: top;
	font-size: 21px;
	color: #ff005a;
	font-weight: bold;
	display: inline-block;
	line-height: 40px;
}
.movie-main-title .link-ch {
	float: right;
	display: inline-block;
}
.movie-main-title .link-ch a {
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #ccc;
	display: block;
	line-height: 40px;
	font-size: 14px;
	padding: 0 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.movie-main-title .link-ch a:link,
.movie-main-title .link-ch a:visited,
.movie-main-title .link-ch a:hover,
.movie-main-title .link-ch a:active {
	color: #fff;
}

.movie-main-provide {
	width: 82px;
	display: table-cell;
	border-left: 10px solid #ccc;
	position: relative;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	vertical-align: middle;
}
.movie-main-provide.nod:after {
	content: "";
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/icon_nod.png) no-repeat 0 0 transparent;
}

.movie-main-body {
	padding: 20px 0 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
#movieArea.top-movie .movie-main-body {
	height: 522px;
}

.movie-sub {
	display: table-cell;
	border: 10px solid #ccc;
	border-left: 0;
}
#movieArea.top-movie .movie-sub {
	display: table-cell;
	padding-left: 20px;
	border: 0;
}
.movie-sub-listItem {
	width: 346px;
	height: 192px;
	margin-top: 20px;
	position: relative;
}
.movie-sub-listItem a {
	display: block;
	height: 100%;
}
.movie-sub-listItem.live a:after {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	background: url(../images/icon_live-tag.png) no-repeat 0 0 transparent;
}
.movie-sub-listItem:first-child {
	margin-top: 0;
}
.movie-sub-listItem img {
	width: 346px;
	height: 192px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	border: 8px solid #ccc;
}


.btn-tab-switch {
	display: table;
	width: 100%;
	border-bottom: 10px solid #ccc;
	height: 70px;
	border-collapse: collapse;
}
/* 終了対応 */
.btn-switch-item:hover {
/*	opacity: 0.7 !important;
	cursor: pointer;*/
}

.btn-tab-twitter {
	display: table-cell;
	width: 50%;
	position: relative;
	vertical-align: middle;
}
.btn-tab-twitter.active,
.btn-tab-timeTable.active { background-color: #ccc;}

.btn-tab-twitter:after {
	content: "";
	width: 79px;
	height: 24px;
	display: block;
	margin: 0 auto;
	background: url(../images/btn_tweet.png) no-repeat 0 0 transparent;
}
.btn-tab-twitter.active:after {
	background-position: 0 bottom !important;
}
.btn-tab-timeTable {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.btn-tab-timeTable:after {
	content: "";
	width: 145px;
	height: 26px;
	display: block;
	margin: 0 auto;
	background: url(../images/btn_timetable.png) no-repeat 0 0 transparent;
}
.btn-tab-timeTable.active:after {
	background-position: 0 bottom !important;
}

.switch-item.tw-timeLine { display: block; width: 100%; overflow-x: auto;}
/* 初期はタイムテーブルは隠す */
/*.switch-item.sub-timetable { display: none;}*/
/* 初期表示（終了対応） */
.switch-item.sub-timetable { display: block;}



/* .movie-sub #timeTableArea
**********************************/
.movie-sub #timeTableArea {
	width: 100%;
	/*position: relative;
	margin: 55px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;*/
	margin: 0;
}
.movie-sub #timeTableArea:after {
	/*position: absolute;*/
	display: none;
	/*content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 274px;
	height: 274px;
	top: -45px;
	left: -70px;
	z-index: 0;*/
}
.movie-sub .timeTableArea-inner {
	/*width: 100%;
	position: relative;
	padding: 40px 10px 40px 10px;
	background-color: rgba(136, 211, 210, 0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	z-index: 1;*/
	background-color: transparent;
	padding: 0;
}


.movie-sub .tit-timeTable {
	/*width: 414px;
	height: 93px;
	background: url(../images/tit_timeTable.png) no-repeat 0 0 transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;*/
	display: none;
}
.movie-sub .tit-timeTable_sp { display: none;}

.movie-sub .timeTable-head { display: none; /*border-collapse: separate; border-spacing: 15px 10px; width: 100%; margin-top: 15px; table-layout: fixed; padding-right: 15px; */}
/*.movie-sub .timeTable-head tr.dotted th { letter-spacing: -0.1em; line-height: 0.5;}
.movie-sub .timeTable-head th { border: none; background-color: transparent; font-size: 20px; text-align: center; font-weight: bold;}
.movie-sub .timeTable-head th:nth-child(3) { width: 28px;}
.movie-sub .timeTable-head th.ch1 { color: #f59434;}
.movie-sub .timeTable-head th.ch2 { color: #2878ba;}
.movie-sub .timeTable-head th.ch3 { color: #66aa33;}
.movie-sub .timeTable-head th.ch4 { color: #ff647c;}
*/
.movie-sub .timeTable-scroll { height: 564px;/* overflow-y: auto; overflow-x: hidden;*/}
.movie-sub .timeTable { border-spacing: 10px 10px;/*border-collapse: separate; border-spacing: 15px 10px; width: 100%; table-layout: fixed;*/}
.movie-sub .timeTable th,
.movie-sub .timeTable td { border: 4px solid #fefefe;}
.movie-sub .timeTable th { background-color: #fefefe; color: #9cdad9; font-size: 26px; text-align: center; width: 28px; vertical-align: top; font-family: 'Arial Narrow', Arial, sans-serif; font-weight: bold;}
.movie-sub .timeTable th.timeZone-l { display: table-cell;}
.movie-sub .timeTable th.timeZone-c { display: none;}
.movie-sub .timeTable td { margin-bottom: 20px; padding: 20px; vertical-align: top; background-color: #fefefe; width: 230px;}

.movie-sub .timeTable .program-tit {/* font-size: 16px; font-weight: bold;*/}
.movie-sub .timeTable .program-tit .time {
	/*display: block;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 30px;
	font-family: 'Arial Narrow', Arial, sans-serif;*/
}
.movie-sub .timeTable .program-tit .time:before {
	/*display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icon_timer.png) no-repeat 0 0 transparent;
	width: 24px;
	height: 24px;*/
}
.movie-sub .timeTable .program-tit .time .timeAbout {
	/*font-size: 14px;
	top: 10px;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
}
.movie-sub .timeTable .program-detail { margin-top: 10px;}
.movie-sub .program-img { width: 100%; margin-top: 10px;}
.movie-sub .timeTable td.ch1 { border-color: #f59434;}
.movie-sub .timeTable td.ch1 .program-tit { color: #f59434;}
.movie-sub .timeTable td.ch1 .program-tit .time:before { background-position: 0 0;}
.movie-sub .timeTable td.ch2 { border-color: #2878ba;}
.movie-sub .timeTable td.ch2 .program-tit { color: #2878ba;}
.movie-sub .timeTable td.ch2 .program-tit .time:before { background-position: -34px 0;}
.movie-sub .timeTable td.ch3 { border-color: #66aa33;}
.movie-sub .timeTable td.ch3 .program-tit { color: #66aa33;}
.movie-sub .timeTable td.ch3 .program-tit .time:before { background-position: -68px 0;}
.movie-sub .timeTable td.ch4 { border-color: #ff647c;}
.movie-sub .timeTable td.ch4 .program-tit { color: #ff647c;}
.movie-sub .timeTable td.ch4 .program-tit .time:before { background-position: -102px 0;}

.movie-sub .timeTableArea-txCaution {
	text-align: center;
	padding: 10px 0;
}

.movie-sub.ch1 td.ch2,
.movie-sub.ch1 td.ch3,
.movie-sub.ch1 td.ch4 { display: none;}
.movie-sub.ch1 .timeTableArea-inner { background-color: #f59434;}
.movie-sub.ch1 .timeZone-l { color: #f59434;}

.movie-sub.ch2 td.ch1,
.movie-sub.ch2 td.ch3,
.movie-sub.ch2 td.ch4 { display: none;}
.movie-sub.ch2 .timeTableArea-inner { background-color: #2878ba;}
.movie-sub.ch2 .timeZone-l { color: #2878ba;}

.movie-sub.ch3 td.ch1,
.movie-sub.ch3 td.ch2,
.movie-sub.ch3 td.ch4 { display: none;}
.movie-sub.ch3 .timeTableArea-inner { background-color: #66aa33;}
.movie-sub.ch3 .timeZone-l { color: #66aa33;}

.movie-sub.ch4 td.ch1,
.movie-sub.ch4 td.ch2,
.movie-sub.ch4 td.ch3 { display: none;}
.movie-sub.ch4 .timeTableArea-inner { background-color: #ff647c;}
.movie-sub.ch4 .timeZone-l { color: #ff647c;}





/* 動画player */
#player {
	background: #000;
	width: 854px;
	height: 480px;
	margin: 0 auto;
}
#player.top {
	background: url(../images/movie_ch1.jpg) no-repeat 0 0 #000;
}
#player.ch1 {
	background: url(../images/movie_ch1.jpg) no-repeat 0 0 #000;
}
#player.ch2 {
	background: url(../images/movie_ch2.jpg) no-repeat 0 0 #000;
}
#player.ch3 {
	background: url(../images/movie_ch3.jpg) no-repeat 0 0 #000;
}
#player.ch4 {
	background: url(../images/movie_ch4.jpg) no-repeat 0 0 #000;
}

/* movie下ボタン
**********************************/
.movie-btnArea {
	width: 854px;
	margin: 15px auto 0;
	overflow: hidden;
}
.btn-vote {
	width: 422px;
	float: left;
	height: 80px;
}
.btn-present {
	width: 422px;
	float: right;
	height: 80px;
}
.btn-vote a {
	border: 4px solid #0067dd;
	display: block;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.btn-present a {
	border: 4px solid #ff647c;
	display: block;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.btn-inner {
	display: table;
	width: 100%;
}
.btn-inner .tx-vote {
	display: table-cell;
	background: url(../images/tx_vote.png) no-repeat center center transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	height: 72px;
}
.btn-inner .tx-present {
	display: table-cell;
	background: url(../images/tx_present03.png) no-repeat center center transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	height: 72px;
}
.btn-vote .icon-arrow04 {
	display: table-cell;
	background-color: #0067dd;
	position: relative;
	width: 36px;
	vertical-align: middle;
	padding-left: 4px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}
.btn-present .icon-arrow04 {
	display: table-cell;
	background-color: #ff647c;
	position: relative;
	width: 36px;
	vertical-align: middle;
	padding-left: 4px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}


.btn-inner .icon-arrow04:after {
	content: "";
	display: block;
	width: 20px;
	height: 26px;
	background: url(../images/icon_arrow04.png) no-repeat 0 0 transparent;
	margin: 0 auto;
}

/* grayout */

.btn-vote.grayout .btn-inner .tx-vote { background-image: url(../images/tx_vote_off.png);}
.btn-present.grayout .btn-inner .tx-present { background-image: url(../images/tx_present03_off.png);}

.btn-vote.grayout a,
.btn-present.grayout a { border-color: #ccc;}

.btn-vote.grayout a:hover,
.btn-present.grayout a:hover {
	opacity: 1 !important;
	cursor: default;
}
.btn-vote.grayout .icon-arrow04,
.btn-present.grayout .icon-arrow04 { background-color: #ccc;}

/* 各ch設定 */
.movie-main.ch1,
.movie-main.ch1 .movie-main-head,
.movie-main.ch1 .movie-main-status,
.movie-main.ch1 .movie-main-provide,
.movie-sub.ch1,
.movie-sub.ch1 .btn-tab-switch,
.movie-sub-listItem.ch1 img { border-color: #f59434;}
.movie-main.ch1 .movie-main-status { background-color: #f59434;}
.movie-main.ch1 .movie-main-title .link-ch a { background-color: #f59434;}
.movie-sub.ch1 .btn-tab-twitter.active,
.movie-sub.ch1 .btn-tab-timeTable.active { background-color: #f59434;}
.movie-sub.ch1 .btn-tab-twitter:after { background-position: 0 0;}
.movie-sub.ch1 .btn-tab-timeTable:after { background-position: 0 0;}

.movie-main.ch2,
.movie-main.ch2 .movie-main-head,
.movie-main.ch2 .movie-main-status,
.movie-main.ch2 .movie-main-provide,
.movie-sub.ch2,
.movie-sub.ch2 .btn-tab-switch,
.movie-sub-listItem.ch2 img { border-color: #2878ba;}
.movie-main.ch2 .movie-main-status { background-color: #2878ba;}
.movie-main.ch2 .movie-main-title .link-ch a { background-color: #2878ba;}
.movie-sub.ch2 .btn-tab-twitter.active,
.movie-sub.ch2 .btn-tab-timeTable.active { background-color: #2878ba;}
.movie-sub.ch2 .btn-tab-twitter:after { background-position: 0 -34px;}
.movie-sub.ch2 .btn-tab-timeTable:after { background-position: 0 -36px;}


.movie-main.ch3,
.movie-main.ch3 .movie-main-head,
.movie-main.ch3 .movie-main-status,
.movie-main.ch3 .movie-main-provide,
.movie-sub.ch3,
.movie-sub.ch3 .btn-tab-switch,
.movie-sub-listItem.ch3 img { border-color: #66aa33;}
.movie-main.ch3 .movie-main-status { background-color: #66aa33;}
.movie-main.ch3 .movie-main-title .link-ch a { background-color: #66aa33;}
.movie-sub.ch3 .btn-tab-twitter.active,
.movie-sub.ch3 .btn-tab-timeTable.active { background-color: #66aa33;}
.movie-sub.ch3 .btn-tab-twitter:after { background-position: 0 -68px;}
.movie-sub.ch3 .btn-tab-timeTable:after { background-position: 0 -72px;}



.movie-main.ch4,
.movie-main.ch4 .movie-main-head,
.movie-main.ch4 .movie-main-status,
.movie-main.ch4 .movie-main-provide,
.movie-sub.ch4,
.movie-sub.ch4 .btn-tab-switch,
.movie-sub-listItem.ch4 img { border-color: #ff617a;}
.movie-main.ch4 .movie-main-status { background-color: #ff617a;}
.movie-main.ch4 .movie-main-title .link-ch a { background-color: #ff617a;}
.movie-sub.ch4 .btn-tab-twitter.active,
.movie-sub.ch4 .btn-tab-timeTable.active { background-color: #ff617a;}
.movie-sub.ch4 .btn-tab-twitter:after { background-position: 0 -102px;}
.movie-sub.ch4 .btn-tab-timeTable:after { background-position: 0 -108px;}




/* catch-copy
**********************************/
.catch-copy {
	width: 1280px;
	height: 190px;
	margin: 90px auto 0;
	position: relative;
}
.catch-copy:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 181px;
	height: 181px;
	top: -47px;
	left: 65px;
}
.catch-copy .copy01 {
	width: 579px;
	height: 163px;
	background: url(../images/copy01.png) no-repeat 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 79px;
}
.catch-copy .copy02 {
	width: 520px;
	height: 190px;
	background: url(../images/copy02.png) no-repeat 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: absolute;
	top: 0;
	left: 709px;
}



/* ch-listArea
**********************************/
#ch-listArea {
	margin: 62px auto 0;
	min-height: 1010px;
	padding-top: 172px;
	position: relative;
}
#ch-listArea:before {
	position: absolute;
	display: block;
	content: "";
	width: 1030px;
	height: 1010px;
	top: 0;
	right: 0;
	background: url(../images/bg_pattern01.png) repeat 0 0 transparent;
	border: 10px solid #88d3d2;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	z-index: 1;
}
#ch-listArea:after {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 274px;
	height: 274px;
	top: -47px;
	right: -15px;
	z-index: 0;
}
.tit-ch-list {
	width: 470px;
	height: 88px;
	background: url(../images/tit_channelList.png) no-repeat 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: absolute;
	z-index: 1;
	top: 44px;
	right: 49px;
}
.tx-ch-list {
	width: 501px;
	height: 56px;
	background: url(../images/tx_channelList.png) no-repeat 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: absolute;
	z-index: 1;
	top: 58px;
	left: 40px;
}


.sec.pos-bg-wave {
	position: relative;
	margin-top: 50px;
}
.sec.pos-bg-wave:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 203px;
	height: 203px;
	top: -42px;
	right: -42px;
}
.bg-wave {
	border: 5px solid #88d3d2;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 35px 0 0;
	background: url(../images/bg_pattern01.png) repeat 0 0 transparent;
	z-index: 1;
	position: relative;
}

.ch-list {
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.4em;
	position: relative;
	z-index: 1;
}
.ch-list .ch-item {
	width: 510px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-top: 40px;
}
.ch-list .ch-item:nth-child(1),
.ch-list .ch-item:nth-child(2) {
	margin-top: 0;
}

.ch-list .ch-item:nth-child(even) {
	margin-left: 70px;
}
.ch-thum {margin-left: auto; width: 476px; position: relative;}
.ch-thum.live:after {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
	background: url(../images/icon_live-tagL.png) no-repeat 0 0 transparent;
}
.ch-thum img {
	vertical-align: bottom;
	border: 8px solid #ccc;
	width: 460px;
	height: auto;
}
.ch-list .ch-item.ch1 .ch-info,
.ch-list .ch-item.ch2 .ch-info{
	min-height: 132px;
	height: auto !important;
	height: 132px;
}
.ch-list .ch-item.ch3 .ch-info,
.ch-list .ch-item.ch4 .ch-info {
	min-height: 215px;
	height: auto !important;
	height: 215px;
}
.ch-info a {
	background-color: #ccc;
	padding: 20px 65px 15px 30px;
	/*padding: 20px 30px 15px 30px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	margin-top: 10px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	position: relative;
}
#ch-listArea.each-ch .ch-item.ch1 .ch-info a,
#ch-listArea.each-ch .ch-item.ch2 .ch-info a {
	line-height: 54px;
}
.ch-info a:hover {
	opacity: 0.7 !important;
}
.ch-info a:after {
	position: absolute;
	display: block;
	content: "";
	width: 22px;
	height: 40px;
	top: 50%;
	right: 20px;
	margin-top: -20px;
	background: url(../images/icon_arrow01.png) no-repeat 0 0 transparent;
}

.ch-info a:link,
.ch-info a:visited,
.ch-info a:hover,
.ch-info a:active { color: #fff;}

.ch-info-tit {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.ch-info-tx {
	margin-top: 13px;
	text-align: left;
}



/* 各ch設定 */


.ch-item.ch1 .ch-thum img { border-color: #f59434;}
.ch-item.ch1 .ch-info a { background-color: #f59434;}

.ch-item.ch2 .ch-thum img { border-color: #2878ba;}
.ch-item.ch2 .ch-info a { background-color: #2878ba;}

.ch-item.ch3 .ch-thum img { border-color: #66aa33;}
.ch-item.ch3 .ch-info a { background-color: #66aa33;}

.ch-item.ch4 .ch-thum img { border-color: #ff647c;}
.ch-item.ch4 .ch-info a { background-color: #ff647c;}

/*.sec.pos-tit-timeTable {
	position: relative;
	width: 635px;
	margin: 30px auto 0;
}
.sec.pos-tit-timeTable:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 96px;
	height: 96px;
	top: -32px;
	left: -55px;
}*/




/* 各チャンネルページ each-ch */
#ch-listArea.each-ch {
	margin: 62px auto 0;
	padding: 172px 0 35px;
	position: relative;
	min-height: inherit;
}
#ch-listArea.each-ch:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 450px;
	top: 0;
	right: 0;
	background: url(../images/bg_pattern01.png) repeat 0 0 transparent;
	border: 10px solid #88d3d2;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	z-index: 1;
}
#ch-listArea.each-ch:after {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 274px;
	height: 274px;
	top: -47px;
	right: -15px;
	z-index: 0;
}
#ch-listArea.each-ch .ch-list .ch-item {
	width: 285px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-top: 0;
	margin-left: 20px;
}
#ch-listArea.each-ch .ch-list .ch-item:first-child {
	margin-left: 0;
}
#ch-listArea.each-ch .ch-thum { width: 100%; position: relative;}
#ch-listArea.each-ch .ch-thum.live:after {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	background: url(../images/icon_live-tag.png) no-repeat 0 0 transparent;
}
#ch-listArea.each-ch .ch-thum img {
	vertical-align: bottom;
	border-width: 5px;
	width: 275px;
	height: auto;
}
#ch-listArea.each-ch .ch-info { min-height: inherit;}
#ch-listArea.each-ch .ch-info a {
	/*background-color: #ccc;*/
	padding: 10px 35px 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	margin-top: 10px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}

#ch-listArea.each-ch .ch-info a:after {
	position: absolute;
	display: block;
	content: "";
	width: 12px;
	height: 22px;
	top: 50%;
	right: 10px;
	margin-top: -11px;
	background: url(../images/icon_arrow03.png) no-repeat 0 0 transparent;
}
#ch-listArea.each-ch .ch-info-tx {
	margin-top: 13px;
	text-align: left;
}

/* 各ch設定 each-ch */
/*.ch-item.ch1 .ch-thum img { border-color: #f59434;}
.ch-item.ch1 .ch-info a { background-color: #f59434;}

.ch-item.ch2 .ch-thum img { border-color: #2878ba;}
.ch-item.ch2 .ch-info a { background-color: #2878ba;}

.ch-item.ch3 .ch-thum img { border-color: #66aa33;}
.ch-item.ch3 .ch-info a { background-color: #66aa33;}

.ch-item.ch4 .ch-thum img { border-color: #ff647c;}
.ch-item.ch4 .ch-info a { background-color: #ff647c;}

.sec.pos-tit-timeTable {
	position: relative;
	width: 635px;
	margin: 30px auto 0;
}
.sec.pos-tit-timeTable:before {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 96px;
	height: 96px;
	top: -32px;
	left: -55px;
}*/







/* #timeTableArea
**********************************/
#timeTableArea {
	width: 1280px;
	position: relative;
	margin: 55px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
}
#timeTableArea:after {
	position: absolute;
	display: block;
	content: "";
	border-radius: 50%;
	background-color: #e1ff00;
	width: 274px;
	height: 274px;
	top: -45px;
	left: -70px;
	z-index: 0;
}
.timeTableArea-inner {
	width: 100%;
	position: relative;
	padding: 40px 10px 40px 10px;
	background-color: rgba(136, 211, 210, 0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	z-index: 1;
}


.tit-timeTable {
	width: 414px;
	height: 93px;
	background: url(../images/tit_timeTable.png) no-repeat 0 0 transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
}
.tit-timeTable_sp { display: none;}

.timeTable-head { border-collapse: separate; border-spacing: 15px 10px; width: 100%; margin-top: 15px; table-layout: fixed; padding-right: 15px;}
.timeTable-head tr.dotted th { letter-spacing: -0.1em; line-height: 0.5;}
.timeTable-head th { border: none; background-color: transparent; font-size: 20px; text-align: center; font-weight: bold;}
.timeTable-head th:nth-child(3) { width: 28px;}
.timeTable-head th.ch1 { color: #f59434;}
.timeTable-head th.ch2 { color: #2878ba;}
.timeTable-head th.ch3 { color: #66aa33;}
.timeTable-head th.ch4 { color: #ff647c;}

.timeTable-scroll { height: 650px; overflow-y: auto; overflow-x: hidden;}
.timeTable { border-collapse: separate; border-spacing: 15px 10px; width: 100%; table-layout: fixed;}
.timeTable th,.timeTable td { border: 4px solid #fefefe;}
.timeTable th { background-color: #fefefe; color: #9cdad9; font-size: 26px; text-align: center; width: 28px; vertical-align: top; font-family: 'Arial Narrow', Arial, sans-serif; font-weight: bold;}
.timeTable th.timeZone-l { display: none;}
.timeTable td { margin-bottom: 20px; padding: 20px; vertical-align: top; background-color: #fefefe; width: 230px;}

.timeTable .program-tit { font-size: 16px; font-weight: bold;}
.timeTable .program-tit .time {
	display: block;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 30px;
	font-family: 'Arial Narrow', Arial, sans-serif;
}
.timeTable .program-tit .time:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icon_timer.png) no-repeat 0 0 transparent;
	width: 24px;
	height: 24px;
}
.timeTable .program-tit .time .timeAbout {
	font-size: 14px;
	top: 10px;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.timeTable .program-detail { margin-top: 10px;}
.program-img { width: 100%; margin-top: 10px;}
.timeTable td.ch1 { border-color: #f59434;}
.timeTable td.ch1 .program-tit { color: #f59434;}
.timeTable td.ch1 .program-tit .time:before { background-position: 0 0;}
.timeTable td.ch2 { border-color: #2878ba;}
.timeTable td.ch2 .program-tit { color: #2878ba;}
.timeTable td.ch2 .program-tit .time:before { background-position: -34px 0;}
.timeTable td.ch3 { border-color: #66aa33;}
.timeTable td.ch3 .program-tit { color: #66aa33;}
.timeTable td.ch3 .program-tit .time:before { background-position: -68px 0;}
.timeTable td.ch4 { border-color: #ff647c;}
.timeTable td.ch4 .program-tit { color: #ff647c;}
.timeTable td.ch4 .program-tit .time:before { background-position: -102px 0;}

.timeTableArea-txCaution {
	text-align: right;
	padding: 15px 30px 0 0;
}

/* present
**********************************/
.present {
	width: 800px;
	height: 160px;
	border: 8px solid #ff647c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	margin: 40px auto 0;
}
.present a {
	display: block;
	overflow: hidden;
	height: 100%;
}
.present a:hover {
	opacity: 1 !important;
}
.bnr-present {
	width: 100%;
	display: table;
	height: 144px;
}
.tx-present {
	display: table-cell;
}
.tx-present01 {
	height: 82px;
	background: url(../images/tx_present01.png) no-repeat center center transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
	border-bottom: 8px solid #ff647c;
}
.tx-present02 {
	height: 54px;
	background: url(../images/tx_present02.png) no-repeat 34px center transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
}
.icon-arrow02 {
	display: table-cell;
	width: 78px;
	background-color: #ff647c;
	overflow: hidden;
	position: relative;
}
.icon-arrow02:before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/icon_arrow02.png) no-repeat -321px 0 transparent;
	width: 69px;
	height: 60px;
	top: 50%;
	right: 0;
	margin-top: -30px;
}
.present a:hover .icon-arrow02:before {
/* animation プロパティを:hover に指定 */
  animation: icon-scroll 3s;
  animation-fill-mode: backwards;
/* この場合同じキーフレームを使用 */
 -webkit-animation: icon-scroll 3s linear infinite;
 animation: icon-scroll 3s linear infinite;
}

@-webkit-keyframes icon-scroll {
 0% {background-position: -321px 0;}
 100% {background-position: 0 0;}
}

@keyframes icon-scroll {
 0% {background-position: -321px 0;}
 100% {background-position: 0 0;}
}



/* bnrArea
**********************************/
.bnrArea {
	width: 1000px;
	margin: 30px auto 0;
}
.bnrArea a { text-align: center;}
.bnrArea img { max-width: 100%; vertical-align: bottom; }




/* idol-liveArea
**********************************/
.idol-liveArea {
	width: 850px;
	margin: 0 auto;
}
.idol-liveArea h2 {
	font-size: 24px;
	font-weight: bold;
}
.idol-liveArea p {
	line-height: 1.8;
	margin-top: 20px;
}
.idol-liveArea ul li {
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1em;
}





/* footer
**********************************/
#footer {
	padding: 18px 0 15px;
}
.logo-ntv {
	width: 65px;
	margin: 0 auto;
}
.logo-ntv a {
	display: block;
	height: 30px;
	background: url(../images/logo_ntv.png) no-repeat 0 0 transparent;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
}
.copy {
	margin: 10px auto 0;
	text-align: center;
}
.copy small {
	color: #fff;
	font-size: 10px;
}
.copy small span {
	color: #fff;
}






/*@media screen and (max-width: 1281px) {
	.inner {
		width: 1280px;
		padding: 0
	}
	#main {
		min-width: 1280px;
		padding-left: 0;
		padding-right: 0;
	}
}
*/



/*------------------------------------------------------------
汎用class
------------------------------------------------------------*/
/* float
**********************************/
.fl { float: left; }
.fr { float: right; }
.clearfix {
  overflow: hidden;
  *zoom: 1;
}
.both {
	clear: both;
}
/* margin
**********************************/
.mb0 { margin-bottom: 0px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mr30 { margin-right: 30px;}

/* padding
**********************************/
.pb0 { padding-bottom: 0;}

/* layout
**********************************/
.b-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.disp_n {
	display: none;
}
.disp_b {
	display: block;
}
.disp_ib {
	display: inline-block;
}


.max-width { width: 100% !important;}
