@charset "UTF-8";
/*
 ドラマティザー用CSS
*/


.ntv-wrapper {
	background: linear-gradient(90deg,#13435b,#095550,#14757e,#01050a);
 }
  

/* 記事背景（全体） */

.drama-contentsWrap {
	background: url(../template_assets/images/common/bg_pc.png) no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	min-width: 280px;
	
}

/* ------------------------------------------------------------------
 記事ヘッダー
 （from common.js）
------------------------------------------------------------------ */
.teaser-mainV-area {
	width: 100%;
	min-width: 280px;
}
.teaser-mainV-area a { display: block; }
.teaser-mainV-inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	background-color: #000;
	background: linear-gradient(270deg, #0d2f38, #0d2f38, #000, #000);
}
.teaser-mainV-img a{
	width: 100%;
	max-width: 960px;
    min-width: 280px;
	padding-top: 25%;
	/* background-image: url(../template_assets/images/common/main-2nd.png); */
	background-image: url(../template_assets/images/common/main-2nd02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	overflow: hidden;
	margin: auto;
}


/* ------------------------------------------------------------------
 記事ページ：左カラム
------------------------------------------------------------------ */
.drama-contentsBox {
	/* margin: 0; */
	max-width: 960px;
}
.drama-contentsBox-inner {
	/* padding: 0; */
}


/* ------------------------------------------------------------------
 記事ページ：タイトル
------------------------------------------------------------------ */
.drama-main .drama-box-title {}
.drama-main .drama-box-title > span.title-01 {
	display: none;
}

/* ------------------------------------------------------------------
 記事ページ：本文
------------------------------------------------------------------ */

/* 枠 */
body.second .drama-main .topics-area .drama-box-body {
	border: none;
}

/* パディング */
body.second .drama-main .topics-area .drama-article {
	/* padding: 0; */
}
body.second .drama-main .topics-area .drama-article-mainImg-wrapper .drama-article-mainImg{
	padding-top: calc(60.25% + 4px);
	}

/* SNS */
.drama-share {}


/* ------------------------------------------------------------------
 記事ページ：右カラム
------------------------------------------------------------------ */
.drama-aside {
	background-color: rgb(255, 255, 255, 1);
    padding-top: 1px;
	padding-bottom: 20px;
}
.drama-box-share-area:only-child{
	background: #fff;
}

.drama-box-officialLine-pc{
	background: #fff;
}

element.style {
}
.drama-box-title.title-transparent {
    background-image: none;
    background-color: transparent;
}

/* 右カラム　タイトル */
.drama-box-title.title-base {
	/* background-color: #000; */
	/* color: #fff; */
}

/* ------------------------------------------------------------------
 記事ページ：バナーエリア
------------------------------------------------------------------ */

/* 背景 */
.drama-box-adBanner-area {
	/* background-color: #eee; */
}

/* ------------------------------------------------------------------
	small only 〜280px
------------------------------------------------------------------ */
@media only screen and (max-width: 280px) {
	.teaser-mainV-img a {

	}
}


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

	.drama-mainv-banners[data-v-0ed6011c] {
		margin-top: -45px !important;
	}
	.image[data-v-0ed6011c] {
		padding-top: 35% !important;
	}
	.item[data-v-0ed6011c] {
		width: 120px !important;
	}

}
/* ------------------------------------------------------------------
	small only 〜380px
------------------------------------------------------------------ */
@media only screen and (max-width: 380px) {

	.drama-mainv-banners[data-v-0ed6011c] {
		margin-top: -40px !important;
	}
	.inner[data-v-0ed6011c] {
		padding: 10px 25px 15px !important;
	}
	.item[data-v-0ed6011c] {
		width: 90px !important;
	}

}

/* ------------------------------------------------------------------
	medium and up 601px〜
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) {

	.teaser-mainV-img a{

	}
}

/* ------------------------------------------------------------------
	medium and down 〜992px
------------------------------------------------------------------ */
@media only screen and (max-width: 992px) {

	.teaser-mainV-area {
	border-top: #095550 1px solid;
	}
	.drama-box-officialLine-pc-title {
		font-size: 1.8rem;
	}
}


/* ------------------------------------------------------------------
	large and up 993px〜
------------------------------------------------------------------ */
@media only screen and (min-width: 993px) {

	/* .teaser-mainV-img a{
		height: 100vh;
	} */
	.ntv-pageTop a {
		background: linear-gradient(135deg, #278ddb, #2cc7ca);
		border-radius: 0;
	  }

}

/* ------------------------------------------------------------------
	medium only 601px〜992px
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) and (max-width: 992px) {

}