@charset "UTF-8";
/*
 style.css（ファイル名変更不可）
 本サイト各ページ用CSS（記事ページ）
*/

/* ntv-wrapper
========================================== */
.ntv-wrapper {}



/* aside内(※margin, paddingは変更しないでください)
========================================== */
.drama-aside{
	background: linear-gradient(to bottom, rgba(255,212,167,1) 0%,rgba(255,212,152,1) 30%,rgba(243,201,102,1) 100%);
	padding-top: 1px;
}

/* タイトル（フォント色、背景色）
------------------------------------------ */
.drama-box-title.title-base {
	color: #fff;
	background-color: #559cd6;
}

.drama-lists > li{
	background: transparent;
}


/* SNS・シェア（枠色）
------------------------------------------ */
.drama-box-sns-area,
.drama-box-share-area {
	border-color: #0162b1;
	background: #fff;
}

/* SNS・シェア（タイトル色、タイトル背景色）
------------------------------------------ */
.drama-box-sns-area .drama-box-title,
.drama-box-share-area .drama-box-title {
	color: #0162b1;
	/* background-color: #fff; */
}

/* ドラマLINEアカウント（タイトル色、タイトル背景色）
------------------------------------------ */
.drama-box-officialLine-pc,
.drama-box-officialLine-sp{
	background: #fff;
}

/* 広告バナー（背景色）
------------------------------------------ */
.drama-box-adBanner-area{
	background-color: #fddb83;
}

/* ------------------------------------------------------------------
	SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {

	/* ntv-wrapper
	========================================== */
	.ntv-wrapper { margin-bottom: 0; }
}


/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}


/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {

	.ntv-pageTop a {
		background: url(../images/common/kemo_toppage_icon.png) no-repeat;
		background-size: cover;
		z-index: 5;
		cursor: pointer;
	}
}

/* ------------------------------------------------------------------
 tablet FONT調整用（601px〜）
------------------------------------------------------------------ */
@media screen and (min-width : 601px){
}