@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;}




