@charset "utf-8";
/* http://www.arts21.jp */
/* mailto : info@arts21.jp */
/* Copyright (C) 2012 Commercial Art's Corporation. All rights reserved. */


/*=================================

	TVトップ専用css

=================================*/

#topContents {
	line-height: 1.4 !important;
}
#topContents p {
	font-size: 16px;
}
#topContents .areaTitle {
/*	margin: 0 0 0 15px;*/
	padding: 0 0 0 50px;
	background: url(../images/tv/top/index_ic01.gif) no-repeat left 50%;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.2;
	border: none;
}
#topContents .movieArea .areaTitle {
	margin-left: 0;
}

/* ピックアップ
================================ */

#topContents .pickupArea {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 510px;
	background: url(../images/tv/top/index_bg01.gif) no-repeat left bottom;
}
#topContents .pickupArea h3 {
	text-align: left;
}
#topContents .pickupArea ul {
	width: 950px;
	height: 510px;
}
#topContents .pickupArea ul li {
	height: 227px;
}
#topContents .pickupArea #program01 {
	position: absolute;
	top: 37px;
	left: 118px;
	z-index: 3;
}
#topContents .pickupArea #program02 {
	position: absolute;
	top: 37px;
	left: 522px;
}
#topContents .pickupArea #program03 {
	position: absolute;
	top: 273px;
	left: 118px;
}
#topContents .pickupArea #program04 {
	position: absolute;
	top: 274px;
	left: 474px;
}

/* 新着
================================ */

#topContents .newsArea {
	margin: 30px auto;
	width: 950px;
}

.tv-market-column-layout {
	display: -webkit-box;
	display: -webkit-flex;
	display:     -ms-flex;
	display:         flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.tv-market-column-layout > .column_item {width: calc((100% - 30px) / 3);max-width: 306px;margin-left: 15px;}
.tv-market-column-layout > .column_item:nth-child(1) {
	margin-left: 0 !important;
}
.tv-market-column-layout > .column_item:nth-child(3n+1) {
	margin-left: 0;
}
.tv-market-column-layout > .column_item:nth-child(n+4) {
	margin-top: 1em;
}
.tv-market-column-layout > .column_item > *:first-child {
	margin-top: 0 !important;
}
.tv-market-column-layout--2 {
	display: -webkit-box;
	display: -webkit-flex;
	display:     -ms-flex;
	display:         flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
					flex-flow: row wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
}
.tv-market-column-layout--2 > .column_item { width: 223px; margin-left: 14px; }
.tv-market-column-layout--2 > .column_item:nth-child(1) {
	margin-left: 0 !important;
}
.tv-market-column-layout--2 > .column_item:nth-child(2n+1) {
	margin-left: 0;
}
.tv-market-column-layout--2 > .column_item:nth-child(n+3) {
	margin-top: 1em;
}
.tv-market-column-layout--2 > .column_item > *:first-child {
	margin-top: 0 !important;
}

.tv-market-new-box {
    clear: both;
    margin: 2em 0 0 0;
    padding: 15px;
    background: url(../images/tv/index_bg02.png) repeat 0 0;
}
.tv-market-new-box .box_hdg {
    position: relative;
    margin: -15px 0 0 0;
    padding: 6px 0 4px 40px;
    color: #f00000;
    font-size: 1.2rem;
    font-weight: bold;
}

.tv-market-new-box > .box_hdg::before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	display: inline-block;
	width: 31px;
	height: 38px;
	background: url(../images/tv/index_ic01.png) no-repeat 0 0;
}
.tv-market-new-box > .box_cnt {
}
.tv-market-new-box > .box_hdg + .box_cnt {
	margin-top: .5em;
}
.tv-market-new-box > .box_cnt > *:first-child {
	margin-top: 0 !important;
}

	/* tv-market-index-layout */
	.tv-market-index-layout {
		-webkit-box-shadow: 1px 1px 2px 0px rgba(206,206,206,1.0);
			 -moz-box-shadow: 1px 1px 2px 0px rgba(206,206,206,1.0);
				-ms-box-shadow: 1px 1px 2px 0px rgba(206,206,206,1.0);
				 -o-box-shadow: 1px 1px 2px 0px rgba(206,206,206,1.0);
						box-shadow: 1px 1px 2px 0px rgba(206,206,206,1.0);
		text-align: left;
	}
	.tv-market-index-layout .index_hdg {
		padding: 8px 10px 6px 15px;
		background-color: #777;
		color: #ffffff;
		font-size: 15px;
		font-size: 1rem;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.tv-market-index-layout.type-morning  .index_hdg { background-color: #f98f06; }
	.tv-market-index-layout.type-domestic .index_hdg { background-color: #fd7c7c; }
	.tv-market-index-layout.type-foreign  .index_hdg { background-color: #7a89be; }
	.tv-market-index-layout .index_cnt {
		padding: 15px;
		background-color: #fff;
		background-image: url(../images/tv/index_bg03.png);
		background-repeat: no-repeat;
		background-position: 100% 0;
	}
	.tv-market-index-layout.type-morning  .index_cnt { background-color: #ffe8ca; }
	.tv-market-index-layout.type-domestic .index_cnt { background-color: #ffd9d9; }
	.tv-market-index-layout.type-foreign  .index_cnt { background-color: #dde1f2; }
	.tv-market-index-layout .index_cnt > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout .index_cnt .index_media {
		margin: 1em 0 0 0;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_img {
		float: left;
		margin: 0 10px 0 0;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_img .index_thumb {
		position: relative;
		width: 116px;
		padding: 2px 0 9px 4px;
		background: url(../images/tv/index_ex01.png) no-repeat 50% 0;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_img .index_thumb > a:not(.index_thumb_btn) {
		display: block;
		width: 112px;
		height: 63px;
		background-color: #fff;
		overflow: hidden;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_img .index_thumb img {
		width: 100%;
		height: auto;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_img .index_thumb > .index_thumb_btn {
		position: absolute;
		left: 2px;
		bottom: 9px;
		display: block;
		width: 20px;
		height: 14px;
		background: url(../images/tv/index_ic02.png) no-repeat 0 0;
		text-indent: -9999em;
		outline: none;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_capton {
		overflow: hidden;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_capton > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout .index_cnt .index_media > .index_capton > .index_title {
		font-size: 16px;
		font-weight: bold;
	}
	.tv-market-index-layout .index_cnt .index_detail {
		margin: .5em 0 0 0;
		padding: 15px 20px;
		border-radius: 3px;
		background-color: rgba(255,255,255,.7);
	}
	.tv-market-index-layout .index_cnt .index_detail > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout .index_cnt .index_detail > .index_desc {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.tv-market-index-layout--2 {
		text-align: left;
	}
	.tv-market-index-layout--2 > .index_hdg {
		position: relative;
		margin: 0 0 .5em 0;
		padding: 6px 50px 6px 11px;
		border-radius: 5px; 
		background-color: #777;
		color: #fff;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.tv-market-index-layout--2.type-domestic > .index_hdg {
		background-color: #fd7373;
		background-image: -webkit-linear-gradient(left, #fd7373 0%, #fed5d5 100%);
		background-image:    -moz-linear-gradient(left, #fd7373 0%, #fed5d5 100%);
		background-image:     -ms-linear-gradient(left, #fd7373 0%, #fed5d5 100%);
		background-image:      -o-linear-gradient(left, #fd7373 0%, #fed5d5 100%);
		background-image:         linear-gradient(to right, #fd7373 0%, #fed5d5 100%);
	}
	.tv-market-index-layout--2.type-foreign > .index_hdg {
		background-color: #7484bb;
		background-image: -webkit-linear-gradient(left, #7484bb 0%, #d6daeb 100%);
		background-image:    -moz-linear-gradient(left, #7484bb 0%, #d6daeb 100%);
		background-image:     -ms-linear-gradient(left, #7484bb 0%, #d6daeb 100%);
		background-image:      -o-linear-gradient(left, #7484bb 0%, #d6daeb 100%);
		background-image:         linear-gradient(to right, #7484bb 0%, #d6daeb 100%);
	}
	.tv-market-index-layout--2 > .index_hdg::after {
		content: "";
		position: absolute;
		right: 10px;
		top: 10px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.tv-market-index-layout--2.type-domestic > .index_hdg::after {
		width: 24px;
		height: 17px;
		background-image: url(../images/tv/index_market_domestic_ic01.png);
	}
	.tv-market-index-layout--2.type-foreign > .index_hdg::after {
		width: 177px;
		height: 17px;
		background-image: url(../images/tv/index_market_foreign_ic01.png);
	}
	.tv-market-index-layout--2 > .index_cnt {
	}
	.tv-market-index-layout--2 > .index_cnt > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout--3 {
		text-align: left;
	}
	.tv-market-index-layout--3 > .index_hdg {
	}
	.tv-market-index-layout--3 > .index_cnt {
		padding: 13px 11px 15px;
		width: 222px;
		border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		background-color: #eaeaea;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(206,206,206,0.15);
		   -moz-box-shadow: 1px 1px 1px 0px rgba(206,206,206,0.15);
		    -ms-box-shadow: 1px 1px 1px 0px rgba(206,206,206,0.15);
		     -o-box-shadow: 1px 1px 1px 0px rgba(206,206,206,0.15);
		        box-shadow: 1px 1px 1px 0px rgba(206,206,206,0.15);
	}
	.tv-market-index-layout--3 > .index_cnt > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout--3 > .index_cnt .index_img {
		margin: 1em 0 0 0;
	}
	.tv-market-index-layout--3 > .index_cnt .index_img .index_thumb {
		position: relative;
		width: 201px;
		height: 125px;
		padding: 4px 4px 12px;
		background: url(../images/tv/index_ex02.png) no-repeat 50% 0;
	}
	.tv-market-index-layout--3 > .index_cnt .index_img .index_thumb a:not(.index_thumb_btn) {
		display: block;
		width: 194px;
		height: 109px;
		background-color: #fff;
		overflow: hidden;
	}
	.tv-market-index-layout--3 > .index_cnt .index_img .index_thumb img {
		width: 100%;
		height: auto;
	}
	.tv-market-index-layout--3 > .index_cnt .index_img .index_thumb .index_thumb_btn {
		position: absolute;
		left: 4px;
		bottom: 12px;
		display: block;
		width: 30px;
		height: 21px;
		background: url(../images/tv/index_ic03.png) no-repeat 0 0;
		text-indent: -9999em;
		outline: none;
	}
	.tv-market-index-layout--3 > .index_cnt .index_detail {
		margin: .75em 0 0 0;
	}
	.tv-market-index-layout--3 > .index_cnt .index_detail > *:first-child {
		margin-top: 0 !important;
	}
	.tv-market-index-layout--3 > .index_cnt .index_detail .index_desc {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.tv-market-index-layout--3 > .index_cnt .index_update {
		margin: .75em 0 0 0;
	}


/* 動画一覧
================================ */

#topContents .movieArea {
	clear: both;
	position: relative;
	width: 950px;
	margin: 2em auto 0 auto;
	/* margin-top: 30px;
	margin-left: 15px; */
	background: url(../images/tv/top/index_bg02.gif) no-repeat left bottom;
}
#topContents .movieArea .areaInner {
	position: relative;
	padding: 5px 0;
	background: url(../images/tv/top/index_bg03.gif) no-repeat left top;
	min-height: 500px;
}
#topContents .movieArea .areaPosition{ 
	margin-left: 15px;
}
#topContents .movieArea .subTitleWrap {
	clear: both;
	margin-top: 15px;
	background: url(../images/tv/top/index_bg04.gif) no-repeat left bottom;
}
#topContents .movieArea .subTitleWrap .subTitleInner {
	background: url(../images/tv/top/index_bg05.gif) no-repeat left top;
	margin: 0;
}
#topContents .movieArea .subTitleWrap .subTitleInner .subTitle {
	float: left;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.5;
}
#topContents .movieArea .subTitleWrap .subTitleInner .subTitle.left {
	padding: 6px 50px 6px 11px;
	width: 391px;
	margin-right: 14px;
}
#topContents .movieArea .subTitleWrap .subTitleInner .subTitle.right {
	padding: 6px 190px 6px 11px;
	width: 251px;
	letter-spacing: -2px;
}

/* columnWrap */

#topContents .columnWrap {
	clear: both;
	margin-top: 7px;
	padding-bottom: 15px;
	background: url(../images/tv/top/index_bg06.gif) no-repeat left bottom;
}
#topContents .columnWrap.firstLine { /* 番組一覧1列目背景（最新込み） */
	background: url(../images/tv/top/index_bg10.gif) no-repeat left bottom;
} 
#topContents .columnWrap.gridThree { /* 番組一覧3カラム版 */
	background: url(../images/tv/top/index_bg07.gif) no-repeat left bottom;
}
#topContents .columnWrap.gridTwo { /* 番組一覧2カラム版 */
	background: url(../images/tv/top/index_bg08.gif) no-repeat left bottom;
}
#topContents .columnWrap.gridOne { /* 番組一覧1カラム版 */
	background: url(../images/tv/top/index_bg09.gif) no-repeat left bottom;
}
#topContents .columnWrap .col {
	float: left;
	width: 223px;
}
#topContents .columnWrap .col.colFirst {
	margin-right: 6px;	
}
#topContents .columnWrap .col.colSecond {
	margin-right: 14px;	
}
#topContents .columnWrap .col.colThird {
	margin-right: 7px;	
}
#topContents .columnWrap .col h5 {
	width: 223px;
	height: 36px;
	background: none;
	margin: 0;
	text-indent: inherit;
}
#topContents .columnWrap .col h5 a:hover img {
	opacity: 1;
}
#topContents .columnWrap .colInner {
	padding: 13px 11px 0 11px;
	font-size: 105%;
}
#topContents .columnWrap .colInner p {
	line-height: 1.3 !important;
}
#topContents .columnWrap .colInner .mainImage {
	position: relative;
	margin-bottom: 10px;
	background: url(../images/tv/tv_bg06.png) no-repeat left top;
	width: 201px;
	height: 125px;
	text-align: center;
}
#topContents .columnWrap .colInner .mainImage > a {
	display: block;
}
#topContents .columnWrap .colInner .mainImage > a > img {
	margin: 4px 0 0 1.5px;
	width: auto;
	height: 109px;
}
#topContents .columnWrap .colInner .mainImage > .icon {
	position: absolute;
	left: 4px;
	bottom: 7px;
}
#topContents .columnWrap .colInner .programTitle {
	margin-bottom: 10px;
}
#topContents .columnWrap .colInner .programTitle span {
	line-height: 1.3 !important;
}
#topContents .columnWrap .colInner .shortDescription,
#topContents .columnWrap .colInner .timeImage {
	margin-bottom: 0;
}
#topContents .columnWrap .colInner .noDisp {
	display: none !important;
}
#topContents .infoOfferTxt {
	text-align: right;
	margin: 10px 30px 0;
}
#topContents .entry{
	margin:30px 0;
	width:960px;
}
/* #topContents h3 {
	background:url("../../tv/images/tv/h2_bg_full.jpg") no-repeat 0 0;
  border: 1px solid #cccccc;
  clear: both;
  font-weight: bold;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 11px 0 7px 14px;
  width: auto;
} */
/* #tv_container h3.fo16 {
  color: #000;
  font-size: 130%;
} */

/*------------公開スケジュール------------*/


/*--.btnAcod{
  
}

.btnAcod > span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 27px;
    height: 25px;
    margin-top: -13px;
    background: url(../images/tv/top/index_ic31.png) no-repeat;
    }
.btnAcod > span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 27px;
    height: 25px;
    margin-top: -13px;
    background: url(../images/tv/top/index_ic33.png) no-repeat;
    }

.btnAcod.open > span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 27px;
    height: 25px;
    margin-top: -13px;
    background: url(../images/tv/top/index_ic32.png) no-repeat;
    }


--*/

/*=================================

	clearfix

=================================*/
#topContents .movieArea .subTitleWrap .subTitleInner:after,
#topContents .columnWrap:after {
	content: "";
	display: block;
	clear: both;
}

#topContents .movieArea .subTitleWrap .subTitleInner,
#topContents .columnWrap {
	zoom: 1;
}