@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: #fff; }
.drama-contentsWrap .color-pink { color: #ff69a8; }
.drama-contentsWrap .color-lightpink { color: #ff8eab; }
.drama-contentsWrap .color-palepink { color: #fff1f5; }
.drama-contentsWrap .color-yellow { color: #fdfc00; }
.drama-contentsWrap .color-green { color: #28bfa4; }

.drama-contentsWrap .color-twitter { color: #69c8ff; }
.drama-contentsWrap .color-hulu { color: #67ae3e; }
.drama-contentsWrap .color-tada { color: #ff005a; }

/* marker */
.marker-yellow {
	display: inline;
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fdfc00 0%) repeat scroll 0 0;
}

/* 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) {
}