@charset "utf-8";


/********************************************************************************

	PC Layout TV News
	N-ニュース情報ページ

	N-1. ニュース共通パーツ

********************************************************************************/

/****************************************

	N-1. ニュース共通パーツ

****************************************/

.newsHeader .newsAttrbefore,
.newsHeader .newsAttr:after {
	content:"";
	display:table;
}
.newsHeader .newsAttr:after {clear:both;}
/* For IE */
.newsHeader .newsAttr {zoom:1;}
.newsHeader .newsAttr .dateInfo {float:left;}
.newsHeader .newsAttr .catLabel {float:right;}

.pagerHeading {
	font-weight:bold;
	margin-top: 50px;
}



/****************************************

	STTV-2-9. ニュースまとめ用

****************************************/

.newSummary .mainTitle {
	border-top:double 3px #000;
	border-bottom:double 3px #000;
	padding: 20px 5px;
}
.newSummary .catLabel span {
	background:#b8860b;
}

.newSummary h2.contentTitle {
	padding: 0 0 15px;
	border:0px none;
}
.newSummary .alignLeftPhoto,
.newSummary .alignRightPhoto {
	padding: 20px 0 0 0;
}
.newSummary .alignLeftPhoto .caption,
.newSummary .alignRightPhoto .caption {
	color: #bfbbbe;
	font-size: 1.2rem;
}

.newSummary .contentText .moreBtn {
	padding: 20px 0 0 0;
}



/********************************************************************************

	PC Layout TV Program
	B-番組情報ページ

	B-1. 番組だけに共通パーツ

********************************************************************************/

/****************************************

	B-1. 番組だけに共通パーツ

****************************************/

.selectionHead,
.selectionHead img {
	width: 100%;
	display: block;
}
.selectionHead {margin-bottom:30px;}
/* 放送内容 */
.storyList .storyItem {
	border-bottom:1px solid #d3d3d3;
	padding: 0 0 15px 0;
	margin: 15px;
}
.storyList .storyItem .contentTitle {
	border-bottom: none 0;
	font-size: 1.7rem;
	padding: 0 0 10px;
}
.storyList .storyItem .dateInfo,
.storyList .storyItem .detailText {margin-bottom:15px;;}

.storyList .storyItem .castDetail .castTitle,
.storyList .storyItem .castDetail .castList,
.storyList .storyItem .castDetail .castList li {
	display:inline-block;
	vertical-align:top
}
.storyList .storyItem .detailList {margin-top:10px;}
.storyList .storyItem .detailList .contentTitle {
	font-size:1.5rem;
}
.storyList .storyItem .castDetail .castTitle {
	width: 60px;
	color:#aeaeae; font-size: 1.3rem;
}
.storyList .storyItem .castDetail .castList {
	margin: 0 10px 5px 0
}
/* 放送内容のキャスト */
.storyList_item_cast_header.contentTitle .fa,
.storyList_item_cast_body .castList .castItem .castItem_role,
.storyList_item_staff_header.contentTitle .fa,
.storyList_item_staff_body .staffList .staffItem .staffItem_role {color: #aeaeae;}
.storyList_item_cast_body .castList .castItem .castItem_role,
.storyList_item_cast_body .castList .castItem .castItem_name,
.storyList_item_staff_body .staffList .staffItem .staffItem_role,
.storyList_item_staff_body .staffList .staffItem .staffItem_name {display:inline-block;}
.storyList_item_cast_body .castList .castItem .castItem_role,
.storyList_item_staff_body .staffList .staffItem .staffItem_role {width: 100px;}
.storyList_item_cast_body .castList .castItem .castItem_name a,
.storyList_item_staff_body .staffList .staffItem .staffItem_name a {
	color: #000000;
	display:inline-block;
	margin: 0 0 10px 10px;
}
.storyList_item_cast_body .castList .castItem .castItem_name a,
.storyList_item_staff_body .staffList .staffItem .staffItem_name a {
	margin: 0 5px 10px 0;
}
/* カンマで区切る */
.storyList_item_cast_body .castList .castItem .castItem_name a:not(:last-child)::after,
.storyList_item_staff_body .staffList .staffItem .staffItem_name a:not(:last-child)::after {
	content: ',';
	display: inline-block;
}
.storyList_item_cast_body .castList,
.storyList_item_staff_body .staffList {margin: 0 0 20px 0;}

/*五十音順のタブ*/
.programCategoryArea_list {
	background:#fff2ec;
	text-align: center;
	padding: 10px 15px;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
}
.programCategoryArea_list .programCategoryArea_list_item {
	display:inline-block;
	margin: 10px 10px;
}
.programCategoryArea_list .programCategoryArea_list_item a {
	color: #000000;
	display:block;
	padding: 10px 15px;
	border-radius: 6px;
}
.contentInner .programCategoryArea_list_item a:hover, 
.programCategoryArea_list_item.current a {
	background: #cc4c4b;
	color: #ffffff;
	opacity:1;
}

.letterListSwitch,
.letterListPanel_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	width: 100%;
}
.letterListSwitch_item,
.letterList-children_item {
	-ms-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.7rem;
	padding:0;
	text-align:center;
}
.letterListSwitch_item {
	cursor:pointer;
	border-left:1px solid #aeaeae;
}
.letterListSwitch_item:last-child {
	border-right:1px solid #aeaeae;
}
.letterListSwitch_item a {
	color: #000000;
	padding:15px 0;
	display: block;
}
.letterListSwitch_item:hover,
.letterListSwitch_item.current {
	background: #cc4c4b;
	transition: 0.2s;
}
.letterListSwitch_item:hover a,
.letterListSwitch_item.current a {
	color: #ffffff;
	transition: 0.2s;

}

.letterListPanel_item {
	display:none;
}
.letterList-children {
	display: flex;
	background:#cc4c4b;
}

.letterList-children_item {line-height:2.7rem;}

.letterListPanel_item.current {
	display:block;
}

.letterList-children_item a {
	color: #5e2e1f;
	display:block;
	padding:20px 0;
}
.letterList-children_item.current a,
.letterList-children_item a:hover {
	color: #ffffff;
	opacity:1;
	transition: 0.2s;
	font-size:2.7rem;
	font-weight:bold;
}
/*番組インデックスリスト*/
.programIndexList {
	border-top: 0px none;
	border-top: 0px none;
}
.programIndexList .programIndex_item {
	word-wrap: break-word;
	font-size:1.7rem;
	font-weight:300;
	padding: 10px 15px;
	border-bottom: 1px solid #aeaeae;
}
.programIndexList .programIndex_item a {
	color: #000000;
	display:block;
}
.programIndexList .programIndex_item-isEmphasized a {font-weight:700;}


/****************************************

	STTV-282. セレクションのスライダー変更

****************************************/
.selectionContent {
	margin-bottom: 20px;
}
.selectionContents {
	padding-bottom: 40px;
	border-bottom: solid 1px #ebebeb;
	margin-bottom: 40px;
}
.selectionContents.last {
	border-style: none;
}
.selectionContent .catIcn {
	margin-right: .5em;
}
.contentTtl {
	margin-bottom: 30px;
	background: #3e3e3e url('/img/common/bg_pattern_tv.png') no-repeat right top;
	background-size: 80px auto;
	color: #FFF;
	padding: 18px 25px 20px;
	position: relative;
}
.contentTtl::after {
	content: '';
	width: 100%;
	height: 10px;
	display: block;
	position: absolute;
	background: url('/img/common/hl_pattern.gif') top left;
	background-size: 28px auto;
	bottom: -10px;
	left: 0;
	z-index: 1;
}
.contentTtl .catIcn {
	color: #FFF;
}
.contentTtl .ttl {
	font-size: 1.8rem;
	line-height: 1;
	display: inline-block;
}
.contentTtl .lead {
	font-size: 1.3rem;
	float: right;
	font-weight: normal;
}
.contentHl {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 7px 15px 5px 25px;
	border-left: solid 8px #e50012;
	box-sizing: border-box;
	margin-bottom: 20px;
	color: #3e3e3e;
}
.contentHl span {
	display: block;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #a57f59;
	font-weight: normal;
}
.selectionList {
	margin-bottom: 25px;
	letter-spacing: -.4em;
}
.selectionList > .lists {
	display: inline-block;
	letter-spacing: normal;
	width: 246px;
	margin: 0 11px 25px 0;
	vertical-align: top;
}
.selectionList > .lists:nth-child(4) {
	margin-right: 10px;
}
.selectionList > .lists:nth-child(4),
.selectionList > .lists:nth-child(5) {
	width: 369px;
}
.selectionList > .lists:nth-child(4) figure,
.selectionList > .lists:nth-child(5) figure {
	display: block;
}
.selectionList > .lists:nth-child(4) figure::after,
.selectionList > .lists:nth-child(5) figure::after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.selectionList > .lists:nth-child(3) {
	margin-right: 0;
}
.selectionList > .lists a {
	display: block;
	color: #3e3e3e;
}
.selectionList > .lists a:hover {
	opacity: 1;
}
.selectionList .listVisual {
	width: 246px;
	height: 165px;
	text-align: center;
	position: relative;
}
.selectionList .listVisual img {
	width: auto;
	max-height: 165px;
	vertical-align: bottom;
}
.selectionList .listVisual .line {
	position: absolute;
	display: block;
	background: rgba(255,255,255,1);
	-webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.selectionList .listVisual .line-l {
	width: 0;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.selectionList .listVisual .line-t {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 5;
}
.selectionList .listVisual .line-r {
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 5;
}
.selectionList .listVisual .line-b {
	width: 100%;
	height: 0;
	bottom: 0;
	right: 0;
	z-index: 5;
}
.selectionList a:hover .listVisual .line-l {
	width: 10px;
}
.selectionList a:hover .listVisual .line-t {
	height: 10px;
}
.selectionList a:hover .listVisual .line-r {
	width: 10px;
}
.selectionList a:hover .listVisual .line-b {
	height: 10px;
}
.selectionList .lists:nth-child(4) a:hover .listVisual .line-l,
.selectionList .lists:nth-child(5) a:hover .listVisual .line-l {
	width: 4px;
}
.selectionList .lists:nth-child(4) a:hover .listVisual .line-t,
.selectionList .lists:nth-child(5) a:hover .listVisual .line-t {
	height: 4px;
}
.selectionList .lists:nth-child(4) a:hover .listVisual .line-r,
.selectionList .lists:nth-child(5) a:hover .listVisual .line-r {
	width: 4px;
}
.selectionList .lists:nth-child(4) a:hover .listVisual .line-b,
.selectionList .lists:nth-child(5) a:hover .listVisual .line-b {
	height: 4px;
}
.selectionList .listVisual .zoom {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.selectionList a:hover .listVisual .zoom {
	opacity: 1;
}
.selectionList .listVisual .zoom span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
	color: #FFF;
	font-weight: normal;
	letter-spacing: .07em;
	opacity: 0;
	-webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.selectionList .listVisual .zoom span::before {
	content: '\f0c1';
	font-family: 'FontAwesome';
	margin-right: .3em;
}
.selectionList a:hover .listVisual .zoom span {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.selectionList > .lists:nth-child(4) .listVisual,
.selectionList > .lists:nth-child(5) .listVisual {
	width: 110px;
	height: 74px;
	margin-right: 10px;
	float: left;
}
.selectionList > .lists:nth-child(4) .listVisual img,
.selectionList > .lists:nth-child(5) .listVisual img {
	width: auto;
	max-height: 74px;
}
.selectionList .caption {
	margin-top: 5px;
	padding: 0;
}
.selectionList > .lists:nth-child(4) .caption,
.selectionList > .lists:nth-child(5) .caption {
	width: 248px;
	float: left;
	margin-top: 0;
}
.selectionList .caption span {
	display: block;
}
.selectionList .dateInfo {
	padding-left: 15px;
	line-height: 1.3;
	margin-top: 3px;
}
.selectionList .listHeading {
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	padding-left: 1.3em;
	position: relative;
}
.selectionList .listHeading::before {
	position: absolute;
	left: 0;
	content: '\f0aa';
	font-family: 'FontAwesome';
	margin-right: .3em;
}
.selectionList > .lists:nth-child(4) .listHeading::before,
.selectionList > .lists:nth-child(5) .listHeading::before {
	content: '\f0a8';
}
.selectionList .dateInfo:before {
	left: 0;
	top: 1px;
}

/* morebutton */
.moreButton {
	text-align: center;
	margin: 0 auto;
}
.moreButton .btnOuter {
	position: relative;
	display: inline-block;
}
.moreButton .btnOuter::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 5px;
	top: 5px;
	background: url('/img/common/hl_pattern.gif') top left;
	background-size: 28px auto;
	z-index: 1;
}
.moreButton span {
	display: inline-block;
	border: solid 2px #3e3e3e;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.moreButton a {
	display: block;
	padding: 10px 30px;
	background: #3e3e3e;
	border: solid 2px #FFF;
	box-sizing: border-box;
	color: #FFF;
	font-weight: normal;
}
.moreButton a:hover {
	opacity: 1;
	color: #3e3e3e;
	background: #FFF;
}
.moreButton a::before {
	content: '＋';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 1em;
}

/* archiveButton */
.archiveButton {
	border-bottom: solid 2px #3e3e3e;
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 50px 0;
	font-weight: normal;
}
.archiveButton .button {
	width: 130px;
	height: 65px;
	background: #3e3e3e;
	border-left: solid 2px #3e3e3e;
	border-top: solid 2px #3e3e3e;
	border-right: solid 2px #3e3e3e;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
	border-radius: 65px 65px 0 0;
	position: relative;
}
.archiveButton .button a {
	width: 122px;
	height: 61px;
	display: block;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #3e3e3e;
	border-left: solid 2px #FFF;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	border-radius: 62px 62px 0 0;
}
.archiveButton .button a:hover {
	opacity: 1;
	background: #FFF;
	color: #3e3e3e;
}
.archiveButton .button a span {
	display: block;
	padding-top: 23px;
}

.linkText {
	text-align: right;
	margin-bottom: 20px;
	color: #3e3e3e;
}
.linkText a {
	display: inline-block;
	color: #3e3e3e;
}
.linkText a::after {
	content: '\f105';
	font-family: 'FontAwesome';
	margin-left: 1em;
}