@charset "UTF-8";


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

html, body {
	overflow: visible;
	height: auto;
}

html.active,
body.active{
	overflow: hidden;
	height: 100%;
}

/* 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_01 { color: #1a110b; }
.drama-contentsWrap .color_02 { color: #fdf0df; }
.drama-contentsWrap .color_man { color: #356dc7; }
.drama-contentsWrap .color_women { color: #d43a7f; }
.drama-contentsWrap .color_brown { color: #3c2618; }

.drama-contentsWrap .color_gradient {
	background: rgba(241,231,103,1);
	background: linear-gradient(to right, rgba(169,141,80,1) 0%, rgba(112,83,24,1) 26%, rgba(145,121,84,1) 39%, rgba(212,181,115,1) 53%, rgba(145,121,84,1) 65%, rgba(115,85,28,1) 74%, rgba(175,147,88,1) 100%);
}

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

/* bg-color */
.drama-contentsWrap .color_bg_01 { color: #f6f3ec; }
.drama-contentsWrap .color_bg_02 { color: #382115; }
.drama-contentsWrap .img_bg_01 { background-image: url("../images/common/drama-box-bg-brown.jpg"); }
.drama-contentsWrap .img_bg_02 { background-image: url("../images/common/drama-box-bg-ed.jpg"); }

/* font */
.drama-contentsWrap .font_01 { font-family: 'Noto Sans JP', sans-serif; }

.drama-contentsWrap .font_text { font-family: 'Noto Serif JP', serif; }
.drama-contentsWrap .font_title { font-family: 'Noto Serif JP', serif; font-weight: 500;}
.drama-contentsWrap .font_bold { font-family: 'Noto Serif JP', serif; font-weight: 700;}

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