@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

	01. PC Layout
	全ページ共通項目 （ヘッダ・フッタ・右カラム）

	01-1. 共通要素
	01-2. 共通ヘッダ
	01-3. 共通フッター
	01-4. パーツなどに共通するもの

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


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

	01-1. 共通要素

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

html {
	font-weight: 400;
	color: #000000;
	font-size: 62.5%;
	font-family:'Roboto','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing:0.1rem;
	line-height:1.7;
	background: #ffffff;
	position: relative;
}
body {
	font-size: 1.4rem;
	width: 100%;
	min-width:1220px;
	background:url(/n/img/pc/body_bg_01.png) repeat-x;
	overflow-x: auto;
}

.rankingItem_visual,
.alignCenterPhoto,
.alignLeftPhoto figure a,
.alignRightPhoto figure a,
.swiperContainerPersonContent .listVisual a,
.listItem a .listVisual,
.zoomThumb,
.magazineThumb,
.personDataVisual,
.contentPhotoLerge figure a,
.programContent .contentPhotoLerge figure,
.imageList_item a,
.bannerList li a,
.mainSlider .item a {
	position: relative;
	display:block;
}
.rankingItem_visual:after,
.alignCenterPhoto:after,
.alignLeftPhoto figure a:after,
.alignRightPhoto figure a:after,
.swiperContainerPersonContent .listVisual a:after,
.listItem a .listVisual:after,
.zoomThumb:after,
.magazineThumb:after,
.personDataVisual:after,
.contentPhotoLerge figure a:after,
.programContent .contentPhotoLerge figure:after,
.imageList_item a:after,
.bannerList li a:after,
.mainSlider .item a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index:10;
}

/* Fonts
===========================================================*/
/** 見出し系 **/
.webfont1,
h1,
h2,
h3,
h4,
h5,
dl dt,
.contentTitle,
.pageTitle,
.indexTitle,
.timeLineWrapper ul li a,
.thumb.noImage,
.personName,
.listHeading {
	font-family: 'Roboto','Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 300;
}
/** 英数のみに指定する場合 **/
.webfont2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
/** NotoSansのみに指定する場合 **/
.webfont3 {
	font-family:"Noto Sans Japanese",sans-serif;
}

/* リンク設定
===========================================================*/

html a {
	outline:none;
	color: #004;
	text-decoration: none;
}
html a {
	transition: 0.2s;
	opacity: 1;
}
.nonDeco {text-decoration:none;}


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

	01-2. 共通ヘッダ

****************************************/
.pageHeader{
	width:100%;
	border-bottom:solid 1px #ddd;
	background:#fff;
}

.pageHeader .pageHeaderMain{
	width:1200px;
	height:60px;
	margin:0 auto;
}

.pageHeader .pageHeaderMain_inner{
	display:table;
	width:100%;
}

.pageHeader .siteLogo{
	display:table-cell;
	width:140px;
	height:60px;
	margin-right:0;
	vertical-align:middle;
}

.pageHeader .siteLogo img{
	width:115px;
	height:40px;
	vertical-align:top;
}

.pageHeader .siteLogo > a{
	display:block;
	margin:0;
	line-height:1;
}

.pageHeader .globalNav{
	display:table-cell;
	width:700px;
}

.pageHeader .globalNav_inner{
	width:700px;
	overflow:hidden;
}

.pageHeader .globalNav_item{
	float:left;
	width:140px;
}

.pageHeader .globalNav_item > a{
	display:block;
	padding-top:10px;
	border-bottom:solid 2px #fff;
	line-height:48px;
	text-align:center;
	font-weight:bold;
	color:#303030;
}

.pageHeader .globalNav_item:hover > a,
.pageHeader .globalNav_item.current > a{
	border-bottom:solid 2px #f00;
	transition:none;
}

.searchArea_switch{
overflow:hidden;
font-size:1.1rem;
}

.searchArea_switchItem{
float:left;
margin-right:10px;
}

.searchArea_switchItem > a{
color:#999;
}

.searchArea_switchItem > .isCurrent{
font-weight:bold;
color:#004;
}

.pageHeader .searchArea{
	display:table-cell;
	width:300px;
	padding-left:60px;
	vertical-align:middle;
}

.pageHeader .searchArea_inner{
	display:flex;
	display:-ms-flex-box;
	border:solid 1px #ddd;
}

.pageHeader .searchArea select{
	width:100px;
	margin-right:0;
	border:none;
	background:none;
	border-radius:0;
	-webkit-border-radius:0;
}

.pageHeader .searchArea .searchForm{
	display:none;
}

.pageHeader .searchArea .searchForm input[type="text"]{
	width:250px;
	margin:0;
	padding:5px;
	font-size:1.2rem;
	border:none;
	color:#000;
}

.pageHeader .searchArea .searchForm button{
	width:30px;
	padding:5px 10px;
	text-align:center;
}

.primaryAd{
	margin:20px auto 0;
}

.sideWidget{
	display:none;
}

@media screen and (min-width:1301px) {
	.sideWidget{
		display:block;
		z-index:20000;
		position:fixed;
		right:0;
		top:190px;
	}
}

.sideWidget .socialAccounts,
.sideWidget .namatele{
	padding:10px;
	background:#fff;
	border-radius:4px 0 0 4px;
	box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
	text-align:center;
}

.sideWidget .socialAccounts a{
	display:block;
}

.sideWidget .socialAccounts li{
	width:60px;
	text-align:center;
}

.sideWidget .socialAccounts li + li{
	margin-top:10px;
}

.sideWidget .socialAccounts .fa{
	font-size:30px;
}

.sideWidget .socialAccounts .fa-twitter{
	color:#1DA1F2;
}

.sideWidget .socialAccounts .fa-facebook-square{
	color:#3b5998;
}

.sideWidget .socialAccounts .fa-instagram{
	color:#262626;
}

.sideWidget .socialAccounts .fa-youtube-play{
	color:#cd201f;
}

.sideWidget .namatele{
	margin-top:10px;
}

.sideWidget .namatele a{
	display:block;
	width:24px;
	margin:0 auto;
	overflow:hidden;
}


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

	01-3. 共通フッター

****************************************/
.commonFooter {
	padding: 30px 0;
	background: #333333;
	color: #c5c5c5;
}
.commonFooter .fa {margin-right:15px;}
.commonFooter .footLinks {
	width:1080px;
	margin: 0 auto;
}
.commonFooter .footLinks .programLinks,
.commonFooter .footLinks .programLinks ul.catList li,
.commonFooter .footLinks .newsCatLinks ul.catList li {float: left;}
.commonFooter .footLinks .newsCatLinks {float: right;}

.commonFooter .footLinks .programLinks ul.catList li a,
.commonFooter .footLinks .newsCatLinks ul.catList li a {
	color:#c5c5c5;
	display:block; padding:5px;
	border-radius:4px;
	font-weight:bold;
}
.commonFooter .footLinks .programLinks ul.catList li a:hover,
.commonFooter .footLinks .newsCatLinks ul.catList li a:hover {color:#333333;}
.commonFooter .footLinks .contentTitle {
	font-weight: 500;
	margin-bottom: 20xp;
}

.commonFooter .footLinks .contentTitle {margin-bottom:15px;}


/* 番組をさがす
===========================================================*/
.commonFooter .footLinks .programLinks {width:420px;}
.commonFooter .footLinks .programLinks ul.catList li {
	width: 170px;
	border-bottom: 1px solid #c5c5c5;
	margin: 0 40px 25px 0;
	padding: 0 0 10px 0;
}


/* ニュースカテゴリからさがす
===========================================================*/
.commonFooter .footLinks .newsCatLinks {width:510px;}

.commonFooter .footLinks .newsCatLinks ul.catList li {
	width: 150px;
	margin: 0 20px 10px 0;
	padding: 0;
}

/* フッタ下リンクのリスト
===========================================================*/

.siteLinkList {text-align:center; padding: 30px 0;}
.siteLinkList li {display:inline-block; margin:0 15px;}
.siteLinkList li a {color:#000000;}


/* コピーライトとフッタロゴ
===========================================================*/
.copyright {
	text-align: center;
	font-size:1.0rem;
	color: #293981;
	padding-bottom: 30px;
}

/* フッタ部分の特集のスライダー
===========================================================*/
.footContent {padding: 30px 0;}
.footSlider {
	width: 100%;
	min-width: 1020px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.footSlider .contentTitle {border:none 0px;}
.footSlider .contentTitle {font-size:2rem; text-align:center;}
.footSlider .slideList {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding:0;
	height: 200px;
}
.footSlider .slideList .slider {
	width: 100%;
	display:block;
}
.footSlider .slideList .slider .item {
	float: left;
	width: 450px;
	height: 200px;
	padding: 0 20px 0 0;
	position: relative;
	overflow: hidden;
}
.footSlider .slideList .slider .item a {
	display:block;
	position:relative;
	height: 200px;
	display:block;
}
.footSlider .slideList .slider .item img,
.footSlider .slideList .slider .item img.thumb {
	width: 450px;
	height: 200px;
	background:#cccccc;
}
/* slideNav */
.footSlider .arrow-left,
.footSlider .arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 11;
	width: 20px;
	height: 40px;
	font-size:3rem;
	line-height: 40px;
	cursor: pointer;
	padding: 10px 20px;
	color:#000000;
	border-radius: 100%;
	text-align: center;
}

.footSlider .arrow-left {left: -80px;}
.footSlider .arrow-right {right: -80px;}
.footSlider .arrow-left img,
.footSlider .arrow-right img {width: 50px;}


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

 サイドコンテンツ（固定の右カラム）

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

.contentArea .contentInner .sideContent {
	width:360px;
	float:right;
	margin:0;
	padding: 0;
}

.contentArea .contentInner .sideContent .contentTitle {
	margin-top:20px;
	padding:10px 0;
	text-align:center;
	border:none 0px;
	background:#f6f6f6;
}

.contentArea .sideContent .shichonetsuWidget{
	border:solid 2px #000;
}


/******************************
　広告枠　W300px H250px
******************************/
.contentArea .contentInner .sideContent .sideAD {
	padding: 20px 30px 10px 30px;
	background:#ffffff;
}


/******************************
　What's New
******************************/
.contentArea .contentInner .sideContent .whatNewContent {
	background: #ffffff;
	margin-bottom:10px;
}
.contentArea .contentInner .sideContent .whatNewContent dl {
	padding: 10px 20px;
	border-bottom: 1px solid #f1f1f1;
}
.contentArea .contentInner .sideContent .whatNewContent dl dt {
	color: #aeaeae;
	font-size:1.2rem;
	margin-bottom:3px;
}
.contentArea .contentInner .sideContent .whatNewContent dl dd a {color: #000000; font-weight:500;}


/******************************
　芸能ニュースランキング
******************************/
.newsRanking {
	background:#ffffff;
	margin-bottom:10px;
}
.newsRanking .newsRanking_item a {color:#000000;}
.newsRanking .newsRanking_item .rankingItem {
    display: flex;
    display: -webkit-box;
    -webkit-box-pack:justify;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #f1f1f1;
}
.newsRanking .newsRanking_item .rankingItem .rankingItem_rank {
	text-align:center;
	width: 30px;
	font-size:1.9rem;
	font-weight:500;
	color:#bbbfaa;
}
.newsRanking .newsRanking_item:nth-child(1) .rankingItem_rank,
.newsRanking .newsRanking_item:nth-child(2) .rankingItem_rank,
.newsRanking .newsRanking_item:nth-child(3) .rankingItem_rank {color:#efa470; font-size:2.5rem;}
.newsRanking .newsRanking_item:nth-child(1) .rankingItem_rank {color:#f7cf00;}
.newsRanking .newsRanking_item:nth-child(2) .rankingItem_rank {color:#c4c4c4;}
.newsRanking .newsRanking_item:nth-child(3) .rankingItem_rank {color:#efa470;}
.newsRanking .newsRanking_item .rankingItem .rankingItem_text {padding:5px 10px;}
.sideContent  .newsRanking_item .rankingItem .rankingItem_text {width:180px;}

.newsRanking .newsRanking_item .rankingItem .rankingItem_visual {
	width:110px;
	max-height:110px;
	position: relative;
	overflow: hidden;
}
.newsRanking .newsRanking_item .rankingItem .rankingItem_visual img {
	width: 100%;
	display:block;
}


.contentBody .newsRanking .newsRanking_item .rankingItem .rankingItem_rank {width:40px;}
.contentBody .newsRanking .newsRanking_item .rankingItem .rankingItem_text {width:540px; font-weight:700; line-height:1.5;}
.contentBody .newsRanking .newsRanking_item .rankingItem .rankingItem_visual {width:140px; max-height:140px;}

.contentBody .newsRanking .newsRanking_item .rankingItem_text {font-size:1.6rem;}

.contentBody .newsRanking .newsRanking_item:nth-child(1) .rankingItem_rank {font-size:3.0rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(1) .rankingItem_text {font-size:2.5rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(1) .rankingItem_visual {font-size:2.0rem;}

.contentBody .newsRanking .newsRanking_item:nth-child(2) .rankingItem_rank {font-size:2.5rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(2) .rankingItem_text {font-size:2.0rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(2) .rankingItem_visual {font-size:2.5rem;}

.contentBody .newsRanking .newsRanking_item:nth-child(3) .rankingItem_rank {font-size:2.5rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(3) .rankingItem_text {font-size:1.8rem;}
.contentBody .newsRanking .newsRanking_item:nth-child(3) .rankingItem_visual {font-size:2.5rem;}

/******************************
　オススメ情報
******************************/
.contentArea .contentInner .sideContent .prContent {
	padding:20px 0;
	background:#ffffff;
	text-align:center;
}


/******************************
　公式SNS
******************************/
.contentArea .contentInner .sideContent .snsContentList {
	border-bottom:1px solid #cecece;
	overflow:hidden;
}
.contentArea .contentInner .sideContent .snsContentList li{
	float:left;
	width:50%;
	border-top:1px solid #cecece;
}
.contentArea .contentInner .sideContent .snsContentList li a {
	color: #000000;
	display:block;
	padding: 10px 15px;
}
.contentArea .contentInner .sideContent .snsContentList li .fa {
	color: #f1f1f1;
	padding: 5px 5px 5px 6px;
	margin-right: 10px;
	border-radius: 100%;
	width: 15px;
	line-height: 16px;
	height: 16px;
	text-align: center;
}
.contentArea .contentInner .sideContent .snsContentList li .fa-twitter {background: #55acee;}
.contentArea .contentInner .sideContent .snsContentList li .fa-facebook {background: #315096;}
.contentArea .contentInner .sideContent .snsContentList li .fa-instagram {background: #646566;}
.contentArea .contentInner .sideContent .snsContentList li .fa-youtube-play {background: #cd201f;}

/******************************
　刊行物情報
******************************/
.contentArea .contentInner .sideContent .magazineContent {
	padding: 20px 0;
	border-top:1px solid #cecece
}
.contentArea .contentInner .sideContent .magazineContent .magazineThumb,
.contentArea .contentInner .sideContent .magazineContent .magazineDetail {
	float:left;
	vertical-align:top;
}
.contentArea .contentInner .sideContent .magazineContent .magazineThumb {width:20%;}
.contentArea .contentInner .sideContent .magazineContent .magazineThumb img {width:100%;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail {
	padding: 0 5%;
	width: 70%;
}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail dl dt {
	font-weight:600;
	margin-bottom:10px;
}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail dl dd {
	font-size:1.2rem;
	color: #646566;
	margin-bottom:5px;
}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks {margin:10px 0;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks li {
	display:inline-block;
	margin: 0 7px;
}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks li a {
	color:#f1f1f1;
	background:#646566;
	font-size:1.6rem;
	line-height:1;
	width:16px;
	padding: 6px;
	border-radius: 100%;
	display:block;
	text-align:center;
}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks li.twitter a:hover {background:#55acee;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks li.facebook a:hover {background:#315096;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .snsLinks li.instagram a:hover {background:#000000;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .moreBtn {text-align:left; margin: 0 10px 0 0;}
.contentArea .contentInner .sideContent .magazineContent .magazineDetail .moreBtn a {padding:7px 0px 7px 15px;}





/******************************
　もっと見るボタン
******************************/
.moreBtn,
.navBtn {
	text-align: center;
	padding:0;
}
.moreBtn a:after,
.moreBtn .btn:after {
	display:inline-block;
	content: "\f105";
	font-family: FontAwesome;
	color: #aeaeae;
	margin: 0 0 0 15px;
}

.moreBtn a,
.moreBtn .btn,
.navBtn .btn {
	display:inline-block;
	vertical-align:top;
	color: #000000;
	background:#ffffff;
	border:1px solid #aeaeae;
	padding: 10px 20px;
	line-height: 1.6;
}
.moreBtn span.btn,
.navBtn span.btn {
	color: #aeaeae;
	border:1px solid #aeaeae;
}
.moreBtn .fa,
.moreBtn .catIcn,
.navBtn .catIcn {
	font-size: 1.8rem;
	color: #aeaeae;
	margin: 0 10px 0 0;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:1;
}




.indexBtn {
	text-align: center;
	padding:0;
}
.indexBtn a:after {
	display:inline-block;
	content: "\f105";
	font-family: FontAwesome;
	color: #efefef;
	margin: 0 0 0 15px;
}

.indexBtn a,
.indexBtn .btn {
	display:inline-block;
	vertical-align:top;
	color: #ffffff;
	background:#cc4c4b;
	border:1px solid #cc4c4b;
	padding: 15px 20px;
	line-height: 1.6;
}

.indexBtn .fa,
.indexBtn .catIcn {
	font-size: 1.8rem;
	color: #efefef;
	margin: 0 10px 0 0;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:1;
}



.backBtn {
	text-align: center;
	padding:0;
}
.backBtn a:before {
	display:inline-block;
	content: "\f104";
	font-family: FontAwesome;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aeaeae;
	margin: 0 15px 0 0;
}

.backBtn a,
.backBtn .btn {
	display:inline-block;
	vertical-align:top;
	color: #000000;
	background:#ffffff;
	border:1px solid #aeaeae;
	padding: 15px 20px;
	line-height: 1.6;
}

.backBtn .fa,
.backBtn .catIcn {
	font-size: 1.8rem;
	color: #efefef;
	margin: 0 10px 0 0;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:1;
}


.detailBtn {
	text-align: right;
	padding:0;
}
.detailBtn a:after {
	display:inline-block;
	content: "\f105";
	font-family: FontAwesome;
	color: #aeaeae;
	margin: 0 0 0 15px;
}

.detailBtn a,
.detailBtn .btn {
	display:inline-block;
	vertical-align:top;
	color: #000000;
	background:#ffffff;
	border:1px solid #aeaeae;
	padding: 10px 15px;
	line-height: 1.6;
}

.detailBtn .fa,
.detailBtn .catIcn {
	font-size: 1.8rem;
	color: #efefef;
	margin: 0 10px 0 0;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:1;
}


/* 広告バナー
===========================================================*/
.ADbannerW728 {
	display:block;
	text-align:center;
	width: 728px;
	height:90px;
	margin:0 auto;
}
.ADbannerW728 a,
.ADbannerW728 img {display:block;}

/*サンプル用*/
.sample {
	display:block;
	text-align:center;
}
.ADbannerW728 .sample {width:728px; height:90px;}
.sideAD .sample {width:300px; height:250px;}
.contentArea .ADbannerW728 {margin-bottom:20px;}








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

	02. PC Layout MainContent
	全ページ共通項目 （左カラムに共通の装飾）

	02-1. 共通の枠
	02-2. タイトル系
	02-3. リンク（テキストリンク、ボタンなど）
	02-4. 共通のパーツ
	02-5. リスト系

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


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

	02-1. 共通の枠

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

/******************************
　左カラムと右カラムをくくっている枠
******************************/
.contentArea {
	padding: 20px 10px;
}

/******************************
　コンテンツ領域の横幅
******************************/
.contentArea .contentInner {
	width:1200px;
	margin:0 auto;
}

/******************************
　左カラムの枠
******************************/
.contentArea .contentInner .mainContent {
	width:820px;
	float:left;
	background: #ffffff;
}

/* コンテンツのメインセクション */
.mainContent .contentBody {
	background: #ffffff;
	padding: 20px 30px;
}

/* 本文の枠 */
.mainContent .contentText {padding: 20px 5px 10px;}
.mainContent .contentText p {margin-bottom:10px;}

/* 注釈の枠 */
.mainContent .annotationText {
	padding: 30px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #666;
	background: #efefef;
	margin-bottom:20px;
}

/* 大きな画像の枠 */
.contentPhotoLerge {
	text-align:center;
	padding:20px 0;
}
.contentPhotoLerge img {
	max-width:615px;
	max-height:615px;
}
.contentPhotoLerge figure a {
	display:block;
}


/* 記事内に画像があるとき */
.alignCenterPhoto {
	display:block;
	text-align:center;
	margin: 0 0 20px;
}
.alignLeftPhoto {float:left; width:380px;}
.alignLeftPhoto img {
	max-width:360px;
	margin: 0 20px 10px 0;
	display:block;
}
.alignRightPhoto {float:right;}
.alignRightPhoto img {
	max-width:360px;
	margin: 0 0 10px 20px;
	display:block;
}
.alignLeftPhoto figure a,
.alignRightPhoto figure a {display:block;}

.alignLeftPhoto .caption {padding: 0 15px 10px 5px;}
.alignRightPhoto .caption {padding: 0 5px 10px 15px;}

.alignLeftPhoto .caption .newsArticle_caption {text-align:left;}
.alignRightPhoto .caption .newsArticle_caption {text-align:left;}

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

	02-2. タイトル系

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

/******************************
　Headingタグに共通のクラス
　.contentTitle
******************************/
.contentTitle {
	font-weight: 700;
	padding: 15px 0;
}
.contentTitle .fa {
	color: #aeaeae;
	margin-right: 10px;
}
.contentTitle a {color: #000000;}


/******************************
　Headingタグの指定
******************************/
/*** headingに共通 ***/
.contentTitle {
	padding: 10px 5px;
	font-weight: 700;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color:#aeaeae;
}
.contentTitle.noBorder {border:0px none; padding-bottom:0px;}

/*** h1タグ ***/
h1.contentTitle {font-size: 2.0rem;}
h1.mainTitle {
	font-size: 2.8rem;
	line-height:1.5;
	border:0px none;
}

/*** h2タグ ***/
h2.contentTitle {font-size: 1.8rem;}

/*** h3タグ ***/
h3.contentTitle {font-size: 1.6rem;}

/*** h4タグ ***/
h4.contentTitle {font-size: 1.4rem;}

/*** h5タグ ***/
h5.contentTitle {font-size: 1.4rem; font-weight:300;}

/*** h6タグ ***/
h6.contentTitle {
	font-size: 1.4rem;
	color:#999999;
	border:0px none;
}

/*** コンテンツの色指定 ***/

/** ニュース **/
.newsContent .contentTitle,
.contentTitle.news {border-color:#00AF10;}
.newsContent h6.contentTitle {color:#00AF10;}
/** 番組情報 **/
.programContent .contentTitle,
.contentTitle.program  {border-color:#e50012;}
.programContent h6.contentTitle {color:#e50012;}
/** 特集 **/
.specialContent .contentTitle,
.contentTitle.special  {border-color:#892aa0;}
.specialContent h6.contentTitle {color:#892aa0;}
/** スタ☆スケ **/
.profileContent .contentTitle,
.contentTitle.profile  {border-color:#fff000;}
.profileContent h6.contentTitle {color:#fff000;}
/** 視聴熱 **/
.feverContent .contentTitle,
.contentTitle.fever  {border-color:#ff6600;}
.feverContent h6.contentTitle {color:#ff6600;}
/** ドラアカ用 **/
.academyContent .contentTitle,
.contentTitle.fever  {border-color:#ddc912;}
.academyContent h6.contentTitle {color:#ddc912;}


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

	02-3. リンク（テキストリンク、ボタンなど）

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

/******************************
　リンクのhover
******************************/
.contentInner a:hover {opacity: 0.5;}

/******************************
　もっと見るボタン
******************************/
.mainContent .moreBtn .btn {margin:5px 10px;}

/******************************
　記事詳細などのナビゲーションボタン
******************************/
.mainContent .navBtn .btn.prevNav:before {
	content: "\f104";
	font-family: FontAwesome;
	color: #aeaeae;
	margin: 0 15px 0 0;
}
.mainContent .navBtn .btn.nextNav:after {
	content: "\f105";
	font-family: FontAwesome;
	color: #aeaeae;
	margin: 0 0 0 15px;
}


/******************************
　拡大するボタン
******************************/
.zoomBtn {
	text-align: center;
	padding: 10px 0;
}
.zoomBtn a,
.zoomBtn span {
	display:inline-block;
	color: #000000;
	background:#ffffff;
	border:1px solid #000000;
	padding: 10px 15px;
	transition: 0.2s;
	cursor:pointer;
}
.contentInner .zoomBtn span:hover,
.contentInner .zoomBtn a:hover {
	color: #ffffff;
	background: #ee3338;
	opacity:1;
}
.zoomBtn .fa {
	color: #aeaeae;
	margin: 0 10px 0 0;
}



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

	02-4. 共通のパーツ

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

/******************************
　ジャンルのナビゲーション
******************************/
.contentInner .categoryNav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 20px;
}
.contentInner .categoryNav li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex: auto;
	flex: inherit;
	width:200px;
	vertical-align:top;
	background: #ffffff;
}
.contentInner .categoryNav li a {
	padding: 8px 12px 8px 40px;
	position:relative;
	display:block;
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}
.contentInner .categoryNav li a .fa {
	position:absolute;
	left: 10px;
	margin-top: -1px;
}
.categoryNav a .fa {color:#aeaeae; margin-right: 7px;}
.categoryNav a {color:#000000; display:block;}


/******************************
　ジャンルのアイコン
******************************/
.catIcn {
	font-family: FontAwesome;
	display: inline-block;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#aeaeae;
}

.categoryNav .catIcn {
	color:#aeaeae;
	position:absolute;
	left:20px;
}
.contentTitle .catIcn {
	color:#aeaeae;
	width: 20px;
	text-align:center;
	margin-right:10px;
	font-weight:normal;
}

/* ニュース */
.catIcn.news:before,
.news .catIcn:before {content: "\f1ea";}
.categoryNav .news a:hover {background:#00AF10;}
.categoryNav .current.news a {color:#00AF10;}

/* インタビュー */
.catIcn.interview:before,
.interview .catIcn:before {content: "\f130";}
.categoryNav .interview a:hover {background:#ee3338;}
.categoryNav .current.interview a {color:#ee3338;}

/* TV一般・番組 */
.catIcn.tv:before,
.tv .catIcn:before {content: "\f26c";}
.categoryNav .tv a:hover,
.categoryNav .current.tv a {background:#e50012;}

/* 特集 */
.catIcn.special:before,
.special .catIcn:before {content: "\f006";}
.categoryNav .special a:hover,
.categoryNav .current.special a {background:#892aa0;}

/* スタスケ・人 */
.catIcn.person:before,
.person .catIcn:before {content: "\f007";}
.categoryNav .person a:hover,
.categoryNav .current.person a {background:#fff000;}


/* ドラマ */
.catIcn.drama:before,
.drama .catIcn:before {content: "\f08a";}
.categoryNav .drama a:hover,
.categoryNav .current.drama a {background:#f9cd37;}

/* バラエティ */
.catIcn.variety:before,
.variety .catIcn:before {content: "\f0a1";}
.categoryNav .variety a:hover,
.categoryNav .current.variety a {background:#f04343;}

/* 映画 */
.catIcn.movie:before,
.movie .catIcn:before {content: "\f008";}
.categoryNav .movie a:hover,
.categoryNav .current.movie a {background:#f04343;}

/* アニメ */
.catIcn.anime:before,
.anime .catIcn:before {content: "\f0e5";}
.categoryNav .anime a:hover,
.categoryNav .current.anime a {background:#f290bc;}

/* 音楽 */
.catIcn.music:before,
.music .catIcn:before {content: "\f001";}
.categoryNav .music a:hover,
.categoryNav .current.music a {background:#f08c52;}

/* スポーツ */
.catIcn.sports:before,
.sports .catIcn:before {content: "\f1e3";}
.categoryNav .sports a:hover,
.categoryNav .current.sports a {background:#9ccc72;}

/* ジャニーズ */
.catIcn.johnnys:before,
.johnnys .catIcn:before {content: "\f0c0";}
.categoryNav .johnnys a:hover,
.categoryNav .current.johnnys a {background:#67328c;}

/* 美少女・アイドル */
.catIcn.idol:before,
.idol .catIcn:before {content: "\f182";}
.categoryNav .idol a:hover,
.categoryNav .current.idol a {background:#f13a96;}

/* CM */
.catIcn.cm:before,
.cm .catIcn:before {content: "\f03d";}
.categoryNav .cm a:hover,
.categoryNav .current.cm a {background:#9ccc72;}

/* イベント・舞台 */
.catIcn.event:before,
.event .catIcn:before {content: "\f11d";}
.categoryNav .event a:hover,
.categoryNav .current.event a {background:#e49c00;}

/* ドキュメンタリー */
.catIcn.document:before,
.document .catIcn:before {content: "\f0ac";}
.categoryNav .document a:hover,
.categoryNav .current.document a {background:#b297dc;}

/* その他 */
.catIcn.other:before,
.other .catIcn:before {content: "\f196";}
.categoryNav .other a:hover,
.categoryNav .current.other a {background:#bfbbbe;}

/* 画像・写真（カメラ） */
.catIcn.images:before,
.images .catIcn:before {content: "\f030";}
.categoryNav .images a:hover,
.categoryNav .current.images a {background:#bfbbbe;}

/* エラー */
.catIcn.error:before,
.error .catIcn:before {content: "\f06a";}
.categoryNav .error a:hover,
.categoryNav .current.error a {background:#bfbbbe;}

/* グループ */
.catIcn.group:before,
.group .catIcn:before {content: "\f0c0";}
.categoryNav .group a:hover,
.categoryNav .current.group a {background:#67328c;}

/* 検索 */
.catIcn.search:before,
.search .catIcn:before {content: "\f002";}
.categoryNav .search a:hover,
.categoryNav .current.search a {background:#bfbbbe;}

/* カレンダー */
.catIcn.calendar:before,
.calendar .catIcn:before {content: "\f073";}
.categoryNav .calendar a:hover,
.categoryNav .current.calendar a {background:#bfbbbe;}

/* カレンダー */
.catIcn.star:before,
.calendar .star:before {content: "\f006";}
.categoryNav .star a:hover,
.categoryNav .current.star a {background:#bfbbbe;}

.contentInner .categoryNav li.current a,
.contentInner .categoryNav li.current a .catIcn,
.contentInner .categoryNav a:hover,
.contentInner .categoryNav a:hover .catIcn {opacity:1; color:#ffffff;}

.catIcn.inline {margin:0; color: #000000;}



/******************************
　テキストのリスト<ul><li></li></ul>
******************************/
.contentInner ul.contentUnorderedList li {
	margin: 10px 0 10px 20px;
	position:relative;
}
.contentInner ul.contentUnorderedList li:before {
	font-family: FontAwesome;
	display: inline-block;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content: "\f046";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aeaeae;
	position: absolute;
	left: -20px;
}


/******************************
　サイトマップのリスト
******************************/
.contentInner ul.contentSitemapList {border-top: 1px solid #aeaeae; padding-top: 10px;}
.contentInner ul.contentSitemapList li {
	margin: 10px 20px 10px 20px;
	position:relative;
	display: inline-block;
	vertical-align:top;
}
.contentInner ul.contentSitemapList li a {
	font-size: 1.5rem;
	font-weight: bold;
	color: #000000;
}
.contentInner ul.contentSitemapList li:before {
	font-family: FontAwesome;
	display: inline-block;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content: "\f0da";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aeaeae;
	position: absolute;
	left: -12px;
}
.contentInner ul.contentSitemapList ul li ul li a {font-size: 1.2rem;}


/******************************
　RSSのリスト
******************************/
.contentInner ul.contentRSSList {border-top: 1px solid #aeaeae; padding-top: 10px;}
.contentInner ul.contentRSSList li {
	margin: 10px 20px 20px 10px;
	position:relative;
	display: inline-block;
	vertical-align:top;
	width: 340px;
}
.contentInner ul.contentRSSList li a {
	font-weight: bold;
	color: #000000;
}
.contentInner ul.contentRSSList li:before {
	font-family: FontAwesome;
	display: inline-block;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content: "\f0da";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #aeaeae;
	position: absolute;
	left: -12px;
}
/******************************
　番号付きのリスト<ul><li></li></ul>
******************************/
.contentInner ol.contentOrderedList li {
	margin: 10px 0 10px 20px;
	position:relative;
	list-style: decimal;
}

/******************************
　キャプション、注釈のリスト
******************************/
.caption {
	padding: 10px 5px;
}
.newsArticle_caption {
	text-align:center;
	margin-bottom:5px;
}
.newsArticle_copyright {
	text-align:right;
	font-size: 1.2rem;
	color: #aeaeae;
}

/******************************
　区切り線 <hr>
******************************/
.contentInner .mainContent hr {
	height: 1px;
	border: none;
	border-top: 1px #d1d1d1 solid;
	margin: 15px 0;
}

/******************************
　共通のタブのコンテンツ
******************************/
.tabList {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	border-top: 1px solid #aeaeae;
	margin: 10px 0;
}
.tabList li {
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
  	box-flex: 1;
	width:100%;
    font-size: 1.7rem;
	padding:15px 0;
	cursor:pointer;
	text-align:center;
	background: #aeaeae;
	color: #ffffff;
	transition: 0.2s;
}
.tabList li:hover,
.tabList li.current {
	background: #ffffff;
	color: #000000;
}
.tabInnerItem {
	position:relative;
	overflow:hidden;
	transition: 0.2s;
	width: 760px;
	visibility:hidden;
	height: 0px;
}
.tabInnerItem.current {
	visibility:visible;
	height: auto;
}
.tabInnerItem.current .swiperContainerPersonContent {
	display:flex;
}


/******************************
　番組ジャンルのラベルと色指定
******************************/
.catLabel span {
	/*border-width:1px;
	border-style:solid;*/
	background: #aeaeae;
	color:#ffffff;
	display:inline-block;
	line-height:1;
	padding: 5px 10px;
	font-size:1.2rem;
}
/*** ボーダーと文字の色指定 ***/
/* インタビュー */
.catLabel.interview span {background:#ee3338;}
/* TV一般 */
.catLabel.tv span {background:#ee3338;}
/* ドラマ */
.catLabel.drama span {background:#face38;}
/* バラエティ */
.catLabel.variety span {background:#f14343;}
/* 映画 */
.catLabel.movie span {background:#5ac4c8;}
/* 音楽 */
.catLabel.music span {background:#f08e53;}
/* アニメ */
.catLabel.anime span {background:#f290bc;}
/* スポーツ */
.catLabel.sports span {background:#9dcd72;}
/* ドキュメンタリー */
.catLabel.document span {background:#b196db;}
/* ジャニーズ */
.catLabel.johnnys span {background:#67328c;}
/* 美少女・アイドル */
.catLabel.idol span {background:#f13a96;}
/* CM */
.catLabel.cm span {background:#9ccc72;}
/* イベント・舞台 */
.catLabel.event span {background:#e49c00;}
/* その他 */
.catLabel.other span {background:#bfbbbe;}
/* インタビュー */
.catLabel.new span {background:#ee3338;}
.listDetail .catLabel.new span {margin-bottom:10px;}

/******************************
　表示する情報がないときなどのインフォメーション
******************************/
.emptyTitle {
	padding: 0;
	margin-bottom:10px;
	font-size: 1.5rem;
	font-weight:bold;
}
.emptyInfo {
	padding: 20px 30px;
	border: 1px solid #aeaeae;
	border-radius: 8px;
	text-align:center;
}

/******************************
　ニュース配信日時・放送日時
******************************/
.dateInfo {
	color: #aeaeae;
	font-size:1.2rem;
	padding: 0 0 0 20px;
	position:relative;
}
.dateInfo:before {
	font-family: FontAwesome;
	font: normal normal normal FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#aeaeae;
	content: "\f017";
	position: absolute;
	left: 5px;
}

/******************************
　Promoted、メディア系のテキスト
******************************/
.promoteInfo {
	color: #aeaeae;
	font-size:1.2rem;
	padding: 0 0 0 20px;
	position:relative;
}
.promoteInfo:before {
	font-family: FontAwesome;
	font: normal normal normal;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#aeaeae;
	content: "\f02e";
	position: absolute;
	left: 5px;
}



/******************************
　肩書きのテキスト
******************************/
.profInfo {
	color: #aeaeae;
	font-size:1.2rem;
	margin-bottom:10px;
}

/******************************
　所属グループのテキスト
******************************/
.groupInfo {
	color: #000000;
	font-size:1.2rem;
	margin-bottom:5px;
}

/******************************
　役名とかその他の人物名とかの下につくテキスト
******************************/
.characterInfo,
.otherInfo,
.characterInfo a,
.otherInfo a {
	color: #aeaeae;
	font-size:1.2rem;
	margin-bottom:5px;
	line-height:1.4;
}
/******************************
　番組名のテキスト
******************************/
.programInfo {
	color: #aeaeae;
	font-size:1.2rem;
	padding: 0 0 5px 20px;
}
.programInfo:before {
	font-family: FontAwesome;
	font: normal normal normal;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#aeaeae;
	content: "\f008";
	position: absolute;
	left: 20px;
}
/******************************
　イベント名のテキスト
******************************/
.eventInfo {
	color: #aeaeae;
	font-size:1.2rem;
	padding: 0 0 5px 20px;
}
.eventInfo:before {
	font-family: FontAwesome;
	font: normal normal normal;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#aeaeae;
	content: "\f11d";
	position: absolute;
	left: 20px;
}


/******************************
　放送日時の一覧
******************************/
.timeScheduleList {
	background: #efefef;
	padding: 15px 30px;
}
.timeScheduleList .fa {color: #aeaeae;}
.timeScheduleList li {
	margin: 10px 0;
	color: #000000;
	letter-spacing: 0.1rem;
	font-size: 1.4rem;
}
.timeSchedule_controller {
	background:#c0bbbf;
	color: #ffffff;
	text-align:center;
	display:block;
	padding: 8px 10px;
	cursor:pointer;
	transition: 0.2s;
	margin-bottom:15px;
}
.timeSchedule_controller:hover {background:#929192;}

/******************************
　ページナビゲーション
******************************/
.pageNav {
	text-align:center;
	margin: 20px 0;
}
.pageNav li {
	display:inline-block;
	margin: 0 5px;
	color:#aeaeae;
}

.pageNav li a {
	display:block;
	width: 20px;
	height:20px;
	line-height:20px;
	text-align:center;
	padding: 5px;
	border-radius:40px;
	color:#000000;
}
.contentInner .pageNav li a:hover,
.contentInner .pageNav li.current a {
	background:#ee3338;
	color: #ffffff;
	opacity:1;
}
.contentInner .newsArticle_body_textnewsArticle_body_text .pageNav li a {
	color: #000000!important;
	text-decoration: none!important;
}
.contentInner .newsArticle_body_textnewsArticle_body_text .pageNav li a:hover,
.contentInner .newsArticle_body_textnewsArticle_body_text .pageNav li.current a {
	color: #ffffff!important;
	text-decoration: none!important;
}


.contentInner .pageNav li.prevPage a,
.contentInner .pageNav li.nextPage a {
	width:auto;
	padding: 5px 15px;
}
.pageNav li span {
	display:block;;
	line-height:20px;
	text-align:center;
	padding: 5px 10px;
	border-radius:40px;
	color:#aeaeae;
}

.pagerHeading {
	text-align:center;
	font-weight:bold;
	margin-top: 50px;
	padding: 15px;
	border-radius: 4px;
	background: #f3eacb;
}
.pagerHeading a {
	color:#000000;
	display: block;
	font-weight: bold;
}


/*---- 新ページ送り ----*/
.pager{
}

.pager a{
	color:#000;
}

.pager .pagination{
	display:table;
	margin:0 auto;
	border:solid 1px #ddd;
	border-left:none;
	border-radius:4px;

}

.pager .pagination + .pagination{
	margin-top:10px;
}

.pager .pagination_item{
	display:table-cell;
	text-align:center;
	min-width:50px;
}

.pager .pagination_item.isDisabled a{
	color:#ddd;
}

.pager .pagination_item-prev{
	width:74px;
}

.pager .pagination_item-next{
	width:75px;
}

.pager .pagination_item-isCurrent{
	font-weight:bold;
}

.pager .pagination_item-btn{
	display:table-cell;
	width:398px;
	padding:10px 0;
	border-left:solid 1px #ddd;
	text-align:center;
}

.pager .pagination_item > a,
.pager .pagination_item > span{
	display:block;
	padding:10px;
	border-left:solid 1px #ddd;
}


/******************************
　タグクラウド
******************************/
.nwesArticle_tagcloud {
	margin: 30px 0;
}
.nwesArticle_tagcloud p {
	font-size: 1.6rem;
	font-weight: bold;
}
.nwesArticle_tagcloud i.fa {
	color: #ccc;
	padding-right: 5px;
}
.nwesArticle_tagcloud ul {
	margin: 10px;
	padding: 0;
	list-style: none;
}
.nwesArticle_tagcloud ul li {
	display: inline-block;
	margin: 0 3px 10px 0;
	padding: 0;
}
.nwesArticle_tagcloud ul li a {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	background-color: #ededed;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
}
/*タグの色分け*/
.nwesArticle_tagcloud.groups i.fa {
	color: #ffc579;
}
.nwesArticle_tagcloud.groups ul li a {
	background-color: #ffeeda;
}
.nwesArticle_tagcloud.keywords i.fa {
	color: #b8b3f6;
}
.nwesArticle_tagcloud.keywords ul li a {
	background-color: #dddbff;
}

/******************************
　バナーエリア
******************************/
.bannerArea {
	padding: 20px 0;
	text-align:center;
}
.bannerArea .banner {
	display:inline-block;
	vertical-align:top;
	margin: 0 15px;
}
.bannerArea .banner a {display:block;}


/******************************
　SNSのシェアボタン
******************************/
.socialBtnList {
	height: 20px;
	margin: 10px 0;
	text-align:center;
}
.socialBtnList li {
	display: inline-block;
	padding: 0 5px;
	line-height:0.7;
}
.socialBtnList li.socialBtnList_item-facebook iframe {
	width:110px;
	height:20px;
	border: 0;
	background-color: transparent;
	overflow: hidden;
}

.socialBtnList02{
overflow:hidden;
width:320px;
margin:10px auto;
}

.socialBtnList02_item + .socialBtnList02_item{
margin-left:20px;
}

.socialBtnList02 a{
display:block;
padding:10px 0;
text-align:center;
color:#fff;
}

.socialBtnList02 .fa{
vertical-align:middle;
font-size:2em;
}

.socialBtnList02_item{
float:left;
width:150px;
font-size:12px;
}

.socialBtnList02_item span{
display:inline-block;
margin-left:10px;
}

.socialBtnList02_item-twitter{
background:#1da1f2;
}

.socialBtnList02_item-facebook{
background:#3b5998;
}


/******************************
　画像の拡大のモーダル
******************************/
.youtube {width: auto; margin-top: 20px;}
.youtube iframe {
	top: 0;
	right: 0;
	border: 0px none;
	width: 700px;
	height: 480px;
}
.news-movie {width: 700px; margin-top: 20px;}
.news-movie iframe {max-width:700px;}


/******************************
　画像の拡大のモーダル
******************************/
.zoomThumb {text-align:center; padding:10px 0;}
.zoomThumb,
.zoomThumb .thumbImg {width:100%;}
.zoomThumb .thumbImg {display:block;}
.modalPict {
	position:fixed;
	left:50%;
	top:50%;
	background: #000000;
	border-radius: 10px;
	z-index: 100;
	display:none;
	opacity: 0;
}
.modalPict .modalPictInner {
	border-radius: 10px;
	border:2px solid #000000;
	overflow:hidden;
	background: #ffffff;
}
.modalPict .modalPictInner img {display:block;}
.modalPict .close {
	background: #000000;
	color: #ffffff;
	border:2px solid #ffffff;
	border-radius:100%;
	width:27px;
	padding: 0 0 1px 3px;
	height:29px;
	line-height:29px;
	font-size:2rem;
	text-align: center;
	position: absolute;
	right: -15px;
	top: -15px;
	cursor:pointer;
}
.modalBG {
	position:fixed;
	width:100%;
	height: 100%;
	background: #000000;
	left:0;
	top: 0;
	opacity: 0.5;
	display:none;
	opacity: 0;
	z-index:99;
}
.modalPict,
.modalBG {display:none;}



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

	02-5. リスト系

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

/******************************
　リストに共通
******************************/
.listContent {
	padding:10px 0 20px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	z-index:1;
}
.newInfo {
	background: #ee0000;
	color: #ffffff;
	width: 40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.3rem;
	letter-spacing:0.08rem;
	border-radius:100%;
	position: absolute;
	z-index:2;
	top: -10px;
	right: -10px;
}
.listContent .listItem {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex: auto;
	flex: inherit;
	width: 370px;
	margin-bottom:20px;
}
.listContent .listItem a {display:block; color:#000000;}
.listContent .listItem .listDetail a {display:inline;}
.listContent .listItem .listDetail .myStarBtn a {display:inline-block;}
.listContent .listItem:nth-child(odd) {margin-right:20px;}

.listContent .listItem .listVisual {float:right; margin-left:15px;}
.listContent .listItem .listDetail {
	width:350px;
	flex-shrink:0;
}
.listContent .listItem .listDetail .listHeading {
	line-height: 1.6;
	margin-bottom: 10px;
}

.listContent .listItem.largeItem .listDetail .listHeading {
	font-size:1.8rem;
}

.listContent .listItem .listVisual {
    position: relative;
	width:120px;
	max-height:120px;
	overflow:hidden;
}
.listContent .listItem .listVisual img {
	width:100%;
}
.listContent .listItem.largeItem .listVisual {float:none; margin-left:0px;}

/******************************
　ニュースのリスト
******************************/
.newsList .listItem.largeItem {
	position:relative;
	width:370px;
	height:370px;
}
.newsList .listItem.largeItem .listVisual {
	float:none;
	width:370px;
	height:370px;
	max-height: initial;
	max-height: 100%;
	margin-left: 0px;
}
.newsList .listItem.largeItem .listVisual img {
	position: absolute;
	width:auto;
	height:auto;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
}
.newsList .listItem.largeItem .listDetail {
	width:330px;
	padding: 100px 20px 20px 20px;
	color: #ffffff;
	position:absolute;
	left:0;
	bottom:0;
	background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
}

.newsList .listItem .listDetail .catLabel {margin-bottom:10px;}

.newsArticle_body_text{
font-size:1.6rem;
}

/******************************
　番組のリスト
******************************/
.programList .listItem.largeItem .listVisual {
	float:none;
	width:370px;
	height:285px;
	height:auto;
	max-height: initial;
	max-height: 100%;
}
.programList .listItem.largeItem .listVisual img {
	position: relative;
	width:100%;
	height:auto;
}
.programList .listItem.largeItem .listDetail {
	width:330px;
	padding: 10px 20px 20px 20px;
	left:0;
	bottom:0;
}


/******************************
　人物（タレント）のリスト
******************************/
.personList .listItem.largeItem {
	width:150px;
	margin: 10px 20px;
}
.personList .listItem.largeItem .listVisual {
	width:100%;
	float:none;
    max-height: initial;
	max-height: 100%;
}
.personList .listItem.largeItem .listVisual img {
	width:100%;
	display:block;
	position:relative;
}
.personList .listItem.largeItem .listDetail {
	width:100%;
	padding: 10px 0;
	left:0;
	bottom:0;
	text-align:center;
}

/******************************
　人物（スタッフ）のリスト
******************************/
.staffList .listItem .listDetail {
	width:350px;
	padding:5px 0 5px 20px;
}



/******************************
　SNS、VODのリスト
******************************/
.SNSList .listItem .listVisual,
.VODList .listItem .listVisual {margin-left:20px;}
.SNSList .listItem .listDetail,
.VODList .listItem .listDetail {
	width:350px;
	padding:5px 0 5px 20px;
}

/******************************
　特集のリスト
******************************/
.spContentList .listItem .listVisual {
	float:none;
	width:370px;
	max-height: initial;
	max-height: 100%;
	margin-left:0px;
}
.spContentList .listItem .listVisual img {
	width:100%;
	height:auto;
}
.spContentList .listItem .listDetail {
	width:330px;
	padding: 10px 20px 50px 20px;
	left:0;
	bottom:0;
}

/******************************
　関連画像のリスト
******************************/

.imageList li.imageList_item {
	width:180px;
	margin:0 5px 10px;
}
.imageList li.imageList_item a {display:block;}
.imageList li.imageList_item img {width:100%; display:block;}
.galleryArea .galleryBox2 a {display:block;}



/******************************
　左カラム内の検索フォーム
******************************/
.searchForm02 .searchForm02_form .searchForm02_input {
	padding: 10px 15px;
	border: 1px solid #aeaeae;
	width:480px;
}
.searchForm02 .searchForm02_form .searchForm02_button {
	border-radius: 30px;
	background: #646566;
	font-size: 1.5rem;
	color: #efefef;
	padding: 10px 20px;
}
.searchForm02 .searchForm02_form .searchForm02_button .fa {
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 0;
}


/******************************
　番組セレクションのリスト
******************************/
.swiperContainerProgram {
	height: auto;
	width:100%;
	padding:10px 0;
	position:relative;
	overflow:hidden;
}
.swiperContainerProgram .swiper-slide {
        display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
}
.swiperContainerProgram .listItem .listVisual img {
	width:100%;
}

.swiperContainerProgram .listItem .listDetail {
	padding: 5px 10px;
	flex-shrink:0;
}
.swiperContainerProgram .listItem .listDetail .listHeading {
	font-weight:700;
	font-size:1.6rem;
	line-height: 1.5;
	margin-bottom: 10px;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image:none;
	background: rgba(229, 0, 18, 0.7);
	color: #ffffff;
	width: 40px;
	line-height: 40px;
	height:40px;
	border-radius: 100%;
	text-align: center;
	font-size: 2.0rem;
}




/******************************
　スタスケの出演情報のリスト
******************************/
.swiperContainerPerson {
	height: auto;
	width:100%;
	padding:10px 0;
	position:relative;
	overflow:hidden;
}
.swiperContainerPerson .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
}
.swiperContainerPerson .listItem .listVisual img {
	width: 90%;
	padding: 0 5%;
}
.swiperContainerPerson .listItem a {display:block; color:#000000;}
.swiperContainerPerson .listItem .listDetail {
	padding: 5px 10px;
	flex-shrink:0;
}
.swiperContainerPerson .listItem .listDetail .listHeading {
	font-weight:700;
	font-size:1.6rem;
	line-height: 1.5;
	margin-bottom: 10px;
	text-align:center;
}


/******************************
　人物（人気の特集）のリスト
******************************/
.swiperContainerPersonContent {
	height: auto;
	width:680px;
	position:relative;
	overflow:hidden;
	margin-top: 20px;
	padding: 0 40px;
}
.swiperContainerPersonContent .swiper-wrapper {
	width:100%;
	position:relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.swiperContainerPersonContent .listItem {
	position:relative;
	width: 320px;
	margin-bottom:20px;
}
.swiperContainerPersonContent .listItem a {display:block; color:#000000;}
.swiperContainerPersonContent .listItem .otherInfo a {color:#aeaeae;}
.swiperContainerPersonContent .listItem .listDetail a {display:inline;}
.swiperContainerPersonContent .listItem .listDetail .listHeading a {display:inline;}
.swiperContainerPersonContent .listItem:nth-child(odd) {margin-right:20px;}

.swiperContainerPersonContent .listItem .listVisual {float:right; margin-left:15px;}
.swiperContainerPersonContent .listItem .listDetail {
	width:300px;
	padding: 5px 10px;
	flex-shrink:0;
}
.swiperContainerPersonContent .listItem .listDetail .listHeading {
	font-weight:700;
	font-size:1.6rem;
	line-height: 1.4;
	margin-bottom: 10px;
}

.swiperContainerPersonContent .listItem .listVisual {
    position: relative;
	width:120px;
	max-height:120px;
	overflow:hidden;
}
.swiperContainerPersonContent .listItem .listVisual img {
	width:100%;
}
.listContent .listItem.largeItem .listVisual {float:none; margin-left:0px;}



.swiperContainerPersonContent .swiper-button-next,
.swiperContainerPersonContent .swiper-container-rtl .swiper-button-next {right:0px;}
.swiperContainerPersonContent .swiper-button-prev,
.swiperContainerPersonContent .swiper-container-rtl .swiper-button-prev {left:0px;}



/******************************
　左カラム内に幅いっぱいで画像の場合
******************************/

.fullWidthImages {
	display:block;
}
.fullWidthImages img {
	width: 100%;
}





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

	03. PC Layout Toppage
	全ページ共通項目 （左カラムに共通の装飾）

	03-1. トップページのスライダー部分
	03-2. トップページのバナー部分

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

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

	03-1. トップページのスライダー部分

****************************************/
.mainSlider {
	width: 100%;
	min-width: 1020px;
	height:400px;
	padding: 0;
	position: relative;
	overflow: hidden;
	margin-bottom:20px;
}
.mainSlider .mainSlideList {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding:0;
	height: 400px;
}
.mainSlider .mainSlideList .slider {
	width: 100%;
	display:block;
}
.mainSlider .mainSlideList .slider .item {
	float: left;
	width: 900px;
	height: 400px;
	margin: 0 20px 0 0;
	position: relative;
	overflow: hidden;
	background: #646464;
}
.mainSlider .mainSlideList .slider .item img {width:100%;}
.mainSlider .mainSlideList .slider .item a {
	display:block;
	position:relative;
}
.mainSlider .prevNav,
.mainSlider .nextNav {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 11;
	width: 20px;
	height: 40px;
	font-size:3rem;
	line-height: 40px;
	cursor: pointer;
	padding: 10px 20px;
	color:#bababa;
	background: rgba(0,0,0,0.5);
	border-radius: 100%;
	text-align: center;
}

.mainSlider .prevNav {left: -80px;}
.mainSlider .nextNav {right: -80px;}


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

	03-2. トップページのバナー部分

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

.midBannerArea {width: 1120px; margin:0 auto 20px;}
.midBannerArea ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
}
.midBannerArea .bannerList li {
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex: auto;
	flex: inherit;
	width: 360px;
	background:#cccccc;
	height: 160px;
	margin: 0 20px 0 0;
}

.midBannerArea .bannerList li a{
	box-shadow:0 0 3px #ccc;
}
.midBannerArea .bannerList li img {
	width:100%;
	vertical-align:bottom;
}

.midBannerArea .bannerList li:last-child {margin:0;}









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

	04. PC Layout STAR Schedule
	スタスケ

	04-1. スタスケTOP
	04-2. プロフィールページ

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


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

	04-1. スタスケTOP

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

/** マイスタースケジュールのリスト **/


.myStarContent {
	margin: 0;
	padding:0;
	border-bottom:1px solid #d3d3d3;
}
.myStarContent .listItem {
	width:100%;
}
.myStarContent .listItem .listVisual {width: 140px; max-height: 100%;}

.myStarContent .listItem .listDetail {width:720px;}
.myStarContent .personList {padding: 10px 0;}
.myStarContent .personList .listItem,
.myStarContent .listItem .listDetailil {margin:0;}
.myStarContent .personList .listItem .listDetail .listHeading  {font-size:2.2rem;}
.myStarBtn {padding: 5px 0 0; text-align:center;}
.listContent .listItem .listDetail .myStarBtn a {display:inline-block;}
.myStarContent .myStarBtn {text-align:left;}
.myStarBtn a.btnRemove,
.myStarBtn a.btnAdd{
	text-align: center;
	display: inline-block;
	color: #000000;
	background:#ffffff;
	border:1px solid #aeaeae;
	padding: 15px 20px;
}
.myStarBtn a.btnRemove:before,
.myStarBtn a.btnAdd:before {
	display: inline-block;
	content: "\f006";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
}
.myStarBtn a.btnRemove {
	border:1px solid #aeaeae;
	background:#aeaeae;
	color: #ffffff;
}


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

	04-2. プロフィールページ

****************************************/
.mainContentInner section {
	margin-bottom: 30px;
}
.personData {
	margin-bottom: 20px;
}
.personDataVisual {margin-top:20px;}
.personDataVisual img {
	max-height: 500px;
	display: block;
	margin: 0 auto;
}
.personDataAttr {
	padding: 30px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #666;
	background: #efefef;
}
.personDataName {
	text-align: center;
}
.personDataName-ja {
	font-weight: bold;
	margin: 20px 0;
}
.personDataName-kana {
	margin: 20px 0 10px;
}
.personDataName-en {
	margin: 10px 0 20px;
}
.personDataAttr_item {
	display:inline-block;
	width:50%;
	margin: 20px 0;
	vertical-align:top;
	word-break:break-all;
}
.personDataAttr_item-catchphrase{
	width:100%;
}

.personDataAttr_label {
	font-weight: bold;
}
.personDataProfile {
	font-size: 1.6rem;
	margin: 20px 0;
}

.newsListSmall .news dd {
	color: #aeaeae;
	font-size: 1.2rem;
	margin-bottom: 3px;
}


/** 出演情報のジャンル選択 **/
.js_changeAppearancePanel {
	height: 30px;
	width: 100px;
	display:block;
	margin: 10px 0 0 auto;
}
.appearanceSwitch_panel-program,
.appearanceSwitch_panel-cm,
.appearanceSwitch_panel-movie,
.appearanceSwitch_panel-tv,
.appearanceSwitch_panel-event {display:none;}
.appearanceSwitch_panel-program.isCurrent,
.appearanceSwitch_panel-cm.isCurrent,
.appearanceSwitch_panel-movie.isCurrent,
.appearanceSwitch_panel-tv.isCurrent,
.appearanceSwitch_panel-event.isCurrent {
	display: block;
}