@charset "UTF-8";


/* common
========================================== */
/* common - body
------------------------------------------ */
body {
	color: #222;
}
body * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* common - ntv
------------------------------------------ */
.ntv-wrapper {
	background-color: #fff;
}


/* common - setting
------------------------------------------ */
/* anchor */
.drama-contentsWrap a {
	text-decoration: none;
}
.drama-contentsWrap a:hover {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/* img */
.drama-contentsWrap [class*="-img"] img {
	display: block;
	width: 100%;
}

/* color */
.drama-contentsWrap .color_bg { color: #ebf8ff; }
.drama-contentsWrap .color_01 { color: #0162b1; }
.drama-contentsWrap .color_02 { color: #f10f89; }

.drama-contentsWrap .color_hulu { color: #67ae3e; }
.drama-contentsWrap .color_tada { color: #ff005a; }


/* common - display
------------------------------------------ */
.pc { display: block !important; }
.sp { display: none !important; }




/* ------------------------------------------------------------------
	small-screen
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
	/* common
	========================================== */
	/* common - display
	------------------------------------------ */
	.pc { display: none !important; }
	.sp { display: block !important; }
}



/* ------------------------------------------------------------------
	small-screen-up to medium-screen
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) and (max-width: 992px) {
}



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



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



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