@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------
	特集　基本的に編集しない共通パーツ
-------------------------------------------------- */
iframe[name="google_conversion_frame"] {
	position: absolute;
}

.ginga-wrapper {
  overflow: auto;
}
.ginga-main {
  min-width: 1140px;
}
.ginga-footer {
  min-width: 1140px;
}
.inner {
  position: relative;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
/* Clear Fix shared */
.clearAll {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.feature-schedule_empty{
	color: #fff;
}


/* フッタースカパーボタン */
#featureContents .footerBtnSky01 {
	padding-bottom: 50px;
	text-align: center;
}
/* フッター韓中LPボタン */
#featureContents .footerBtnHistory01  {
	text-align: center;
	margin-top: 30px;
}
/* チャンネル銀河とはバナー */
#featureContents #bnrArea {
	margin-top: 30px;
	padding: 0 0 80px;
	text-align: center;
}
#featureContents #bnrArea a {
	margin: 0 10px 0 0;
}
#featureContents #bnrArea a img {
	vertical-align: middle;
}

/* 2カラム用 */
#featureContents .contWrapper01 {
	overflow: hidden;
}
#featureContents .contWrapper01 .contLeft {
	float: left;
}
#featureContents .contWrapper01 .contRight {
	float: right;
}

/* --------------------------------------------------
	特集コンテンツ 共通レイアウト
-------------------------------------------------- */
/* 特集コンテンツ共通 */
#featureContents {
	font-size: 18px;
	line-height: 1.8;
	background-color: #010103;
}

/* インナー */
#featureContents .inner01 {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* 各セクション */
#featureContents .featureSec01 {
	padding-top: 60px;
	/*padding-bottom: 60px;*/
	color: #000000;
}

/* 各セクションの文字色 */
#featureContents .txtBlock01 p {
	color: #FFF;
}

/* 見出し */
#featureContents .title01 {
	text-align: center;
	margin-bottom: 40px;
}
#featureContents .title02 {
	/*text-align: center;*/
	margin-bottom: 27px;
	margin-left: -13px;
}


/* --------------------------------------------------
	メインビジュアル
-------------------------------------------------- */
#featureContents .mainVisualTop {
	height: 590px;
	background-image: url(/feature/harlots/images/img_main.png);
	background-color: #080609;
	background-repeat: no-repeat;
	background-position: center 0px;
}
#featureContents .mainVisualTop .inner01 {
	width: 1140px;
}
#featureContents .mainVisualTop .seoBlock01 {
	display: none;
}

/* MV上のロゴ */
#featureContents .mainVisualTop .mvLogo {
	position: absolute;
	top: 68px;
	left: 100px;
}

/* MV上の無料放送ボタン */
#featureContents .mainVisualTop .mvBtnFree01 {
	position: absolute;
	top: 390px;
	right: 0;
}

/* MV上のON Air情報 */
#featureContents .mainVisualTop .mvBtnOnAir01 {
	position: absolute;
	top: 406px;
	left: -15px;
}

/* MV上のコピー */
#featureContents .mainVisualTop .mvCopy01 {
	position: absolute;
	top: 123px;
	right: 54px;
}

/* TV初 */
#featureContents .mainVisualTop .mvBtnCs01 {
	position: absolute;
	top: 367px;
	left: 0;
}

/* トップ以下のメインビジュアル */
#featureContents .mainVisual02 {
	height: 220px;
	background-color: #b8dffc;
	background-image: url(/feature/harlots/images/img_main02.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	text-indent: -9999px;
}

/* --------------------------------------------------
	ナビゲーション
-------------------------------------------------- */
#featureContentsNavi {
	background-color: #151617;
	background-image: url("/feature/harlots/images/nav_bg.png");
	background-repeat: repeat-x;
	background-position: left top;
}
#featureContentsNavi .inner01 {
	width: 1140px;
}
#featureContentsNavi ul {	
	overflow: hidden;
	margin: 0 auto;
}
#featureContentsNavi.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 50000;
	width: 100%;
	height: 85px;
}
#featureContentsNavi li span, 
#featureContentsNavi li.current {
	display: block;
	height: 85px;
	background-image: url(/feature/harlots/images/nav.png);
	background-repeat: no-repeat;
}
#featureContentsNavi li {
	float: left;
	text-indent: -9999px;
	/*width: 190px;*/
	height: 85px;
}
#featureContentsNavi li span {
	overflow: hidden;
	display: block;
}

/* 背景画像位置 */
#featureContentsNavi li.nav01 span {
	background-position: 0px 0;
	width: 228px;
}
#featureContentsNavi li.nav02 span {
	background-position: -228px 0;
	width: 228px;
}
#featureContentsNavi li.nav03 span {
	background-position: -456px 0;
	width: 228px;
}
#featureContentsNavi li.nav04 span {
	background-position: -684px 0;
	width: 228px;
}
#featureContentsNavi li.nav05 span {
	background-position: -912px 0;
	width: 228px;
}

#featureContentsNavi li.nav01 span:hover, 
#featureContentsNavi li.nav01.current {
	background-position: 0px -85px;
}
#featureContentsNavi li.nav02 span:hover, 
#featureContentsNavi li.nav02.current {
	background-position: -228px -85px;
}
#featureContentsNavi li.nav03 span:hover, 
#featureContentsNavi li.nav03.current {
	background-position: -456px -85px;
}
#featureContentsNavi li.nav04 span:hover, 
#featureContentsNavi li.nav04.current {
	background-position: -684px -85px;
}
#featureContentsNavi li.nav05 span:hover, 
#featureContentsNavi li.nav05.current {
	background-position: -912px -85px;
}

/* --------------------------------------------------
	イントロ
-------------------------------------------------- */
#featureContents .introSec {
	padding-top: 75px;
}
#featureContents .introSec .txtBlock01 {
	width: 460px;
}
#featureContents .introSec .txtBlock01 p {
	margin-bottom: 1em;
}
#featureContents .introSec .txtBlock01 p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------
	あらすじ
-------------------------------------------------- */
#featureContents .storySec {
	/*margin-top: 60px;*/
	background-image: url("/feature/harlots/images/bg_02.png");
	/*background-repeat: no-repeat!important;*/
	background-position: center top;
	padding-top: 50px;
	/*min-height: 380px;*/
	box-sizing: border-box;
	width: 980px;
	margin: 60px auto 0;
}
#featureContents .storySec .inner01 {
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 48px;
	box-sizing: border-box;
}
#featureContents .storySec .inner01 p {
	color: #FFF;
}

/* --------------------------------------------------
	みどころ
-------------------------------------------------- */
#featureContents .pointSec {
}
#featureContents .pointSec .txtBlock01 {
	width: 620px;
}
#featureContents .pointSec .contWrapper01 + .title02 {
	margin-top: 45px;
}


/* --------------------------------------------------
	動画
-------------------------------------------------- */
#featureContents .movieSec {
	margin-bottom: 120px;
}
#featureContents .movieSec .movieBlock01 {
	text-align: center;
}

/* --------------------------------------------------
	人物紹介
-------------------------------------------------- */
#featureContents .castSec {
	background-image: url(/feature/harlots/images/bg_02.png);
	/* background-repeat: no-repeat; */
	background-position: center top;
	/*min-height: 2332px;*/
	padding-bottom: 70px;
}
#featureContents .castSec .chartImg {
	margin-bottom: 60px;
}
#featureContents .castSec .castItem01 {
	width: 465px;
}
#featureContents .castSec .castItem01 dl dt {
	margin-bottom: 15px;
}
#featureContents .castSec .castItem01 dl dd p {
	color: #FFF;
	margin-top: 15px;
}
#featureContents .castSec .castItem01 dl dd p.castName {
	text-align: center;
}

#featureContents .castSec .contWrapper01 + .contWrapper01 {
	margin-top: 40px;
}

/* --------------------------------------------------
	時代背景
-------------------------------------------------- */
#featureContents .historySec {
	padding-top: 0;
}
#featureContents .historySec .historyBlock01 .title02 {
	margin-bottom: 20px;
}
#featureContents .historySec .txtBlock01 {
	width: 620px;
}
#featureContents .historySec .historyImg {
	margin-bottom: 80px;
}

/* --------------------------------------------------
	放送スケジュール
-------------------------------------------------- */
#featureContents .scheduleSec {
	/*margin-top: 80px;*/
}

#timetableArea table {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
}
#timetableArea table a {
	color: #ff0086;
}
#timetableArea table th, #timetableArea table td {
	text-align: left;
	vertical-align: top;
	border-bottom: #d31478 solid 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#timetableArea table td p {
}
#timetableArea table th {
	padding-left: 25px;
	width: 50%;
}
#timetableArea table td.title {
	font-weight: bold;
	padding-left: 15px;
}
#timetableArea table td.title a {
	/*color: #ffffff;*/
}
#timetableArea table td.date {
	width: 7em;
	color: #ffffff;
	padding-left: 15px;
	white-space: nowrap;
}
#timetableArea table td.time {
	width: 210px;
	color: #ffffff;
	padding-left: 15px;
}

/* --------------------------------------------------
	関連ニュース＆コラム
-------------------------------------------------- */
#featureNewsArea {
	max-width: 740px;
	width: 90%;
	margin:45px auto 0;
	background-color:#ffffff;
	padding:27px 30px 0 30px;
	margin-bottom:70px;
	line-height: 1.8;
}
#featureNewsArea h3 {
	border-left: #ff0086 solid 10px;
	padding-left: 15px;
	color: #010101;
	font-weight: bold;
}
#featureNewsArea .article {
	margin-top:20px;
	padding-bottom:18px;
	border-bottom: #dcdcdc solid 1px;
}
#featureNewsArea .article:last-child{
	border-bottom:none;
}
#featureNewsArea .article .newsThumbnail {
	border: #dcdcdc solid 1px;
	width: 110px;
	float: left;
}
#featureNewsArea .article dl {
	font-size:14px;
	float: right;
  width: 540px;
}
#featureNewsArea .article dt {
	color:#4f4f4f;
}
#featureNewsArea .article dd a {
  color: #010101;
}
#featureNewsArea .article dd.copyright {
	font-size:8px;
	color:#a2a2a2;
	padding-top:20px;
}
