/*	stream
============================== */


div.stream aside div.unit:first-child ul li/*,
div.stream aside div.unit:last-child ul li*/ {
	opacity:0.4;
} 

div.stream aside,
div.stream aside div.unit {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.stream aside {
	border-left:8px solid #000;
	border-top:8px solid #000;
}
div.stream aside div.unit {
	border: none;
border-right:8px solid #000;
	border-bottom:8px solid #000;
background-color: #dbdbdb;
}

div.stream aside div.unit:first-child {
/*	background-color:hsla(189,56%,46%,0.7);*/
}

div.stream aside div.unit:last-child {
/*	background-color:hsla(189,56%,46%,0.4);*/
}

div.stream aside div.unit h2 {
	/**/
	display:inline-block;
color: hsl(0deg 0% 0%);
/*	background-image: -webkit-gradient(linear, left top, right bottom, from(#008c00), to(#28008c));
	background-image: linear-gradient(135deg, #008c00, #28008c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	/**/
	line-height:1.25;
	margin-bottom:0.75em;
	/**/
	position:relative;
	display:inline-block;
	padding:0 65px;
	text-align:center;
	/**/
}
div.stream aside div.unit:first-child h2 {
	letter-spacing:0.25em;
	text-indent:0.25em;
}
div.stream aside div.unit:last-child h2 {
	letter-spacing:0.5em;
	text-indent:0.5em;
}
div.stream aside div.unit h2:before, div.stream aside div.unit h2:after {
	position:absolute;
	top:calc(50% - 3px);
	width:50px;
	height:6px;
	content:"";
	border-top:solid 2px rgb(0, 0, 0);
	border-bottom:solid 2px rgb(0, 0, 0);
}
div.stream aside div.unit:last-child h2:before, div.stream aside div.unit:last-child h2:after {
	position:absolute;
	top:calc(50% - 3px);
	width:50px;
	height:6px;
	content:"";
	border-top:solid 2px rgb(0, 0, 0);
	border-bottom:solid 2px rgb(0, 0, 0);
}
div.stream aside div.unit h2:before {
	left:0;
}
div.stream aside div.unit h2:after {
	right:0;
}
div.stream aside div.unit ul {
	display:flex;
	justify-content:center;
	width:100%;
}
div.stream aside div.unit:first-child ul li {
	width:48%;
	opacity: .4
}

div.stream aside div.unit:last-child ul li {
	width:100%;
}

div.stream aside div.unit ul li:not(:last-child) {
	margin-right:4%;
}
div.stream aside div.unit ul li span,
div.stream aside div.unit ul li a, div.stream aside div.unit ul li b {
	display:block;
}
div.stream aside div.unit ul li a {
	position:relative;
	height:0;
	background-color:#fff;
}
div.stream aside div.unit:first-child ul li a {
	padding-top:38.7096774193548%;
}
div.stream aside div.unit:last-child ul li a {
	padding-top:18.6991869918699%;
}
div.stream aside div.unit ul li a > span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.stream aside div.unit:first-child ul li a > span {
	background-image:url(/um/v8/img/tbsdrama_stream.png);
	background-size:200% 200%;
}
div.stream aside div.unit:first-child ul li.tver a > span {
	border: 1px solid #19b6dd;
}
div.stream aside div.unit:first-child ul li.tbsfree a > span {
	border: 1px solid #0050ff;
}
div.stream aside div.unit:last-child ul li a > span {
	background-image:url(../img/bnr_lemino_long.png);
	background-size:cover;
	border: 1px solid #ff2079;
}
div.stream aside div.unit ul li.tbsfree a span {
	background-position:left bottom;
}
div.stream aside div.unit ul li.tver a span {
	background-position:right top;
}
div.stream aside div.unit ul li a span b {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.stream aside div.unit ul li a span span {
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#0050ff;
	line-height:1.75;
	height:1.75em;
}
div.stream aside div.unit ul li.tver a span span {
	background-color:#19b6dd;
}
div.stream aside div.unit ul li.unext a span span {
	background-color:#000a17;
}
div.stream aside div.unit ul li.paravi a span span {
	background-color:#1960a3;
}
div.stream aside div.unit ul li.lemino a span span {
	background-color:#ff2079;
}
div.stream aside div.unit p {
	line-height:1.5;
	font-size:75%;
	color: #000;
}
/*
div.stream aside div.unit ul li a span span, div.stream aside div.unit p {
	font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
}
*/
/*
div.stream aside div.unit:last-child p:not(.csoon) {
	margin-left:52%;
}*/
@media all and (min-width: 768px) {
div.stream {
}
div.stream aside {
	display:table;
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
div.stream aside div.unit {
	display:table-cell;
	width:50%;
	padding:1.2% 2.2% 0.6%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.stream aside div.unit h2 {
	font-size:175%;
}
div.stream aside div.unit ul {
	margin-bottom:6px;
}
div.stream aside div.unit ul li a span b {
	font-size:150%;
}
}
@media all and (min-width: 980px) {
div.stream aside div.unit ul li a span span {
	font-size:83%;
}
}
@media all and (min-width: 768px) and (max-width: 979px) {
div.stream aside div.unit ul li a span span {
	font-size:1.2vw;
}
}
@media all and (max-width: 767px) {
div.stream {
	padding:0 12px;
}
div.stream aside div.unit {
	padding:8px 20px 6px;
}
div.stream aside div.unit:first-child {
	/* display:none; */
}
div.stream aside h2 {
	font-size:4vw;
}
div.stream aside div.unit ul {
	margin-bottom:5px;
}
div.stream aside div.unit ul li a span b {
	font-size:4.5vw;
}
div.stream aside div.unit ul li a span span {
	font-size:2.5vw;
}
}


div.stream > aside > div.unit {
	position:relative;
}
div.ovrlay {
/*	background-color:hsla(15,21%,62%,0.25);*/
background-color: #00000080;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
div.stream > aside > div.unit p.csoon {
	letter-spacing:0.1em;
	text-indent:0.1em;
/*	background-image: -webkit-gradient(linear, left top, right bottom, from(#86b45a), to(#400c9a));
	background-image: linear-gradient(135deg, #86b45a, #400c9a);*/
    color: rgb(0, 0, 0);
background-color: hsla(0, 0%, 100%, 0.9);
	display:inline-block;
	white-space: nowrap;
	line-height:1.5;
	padding:0.2em 0.5em;
	z-index:1;
	position:absolute;
	left:50%;
	/*top:50%;*/
	bottom:6%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
@media all and (min-width: 768px) {
div.stream > aside > div.unit p.csoon {
	font-size:150%;
}
}
@media all and (max-width: 767px) {
div.stream > aside > div.unit p.csoon {
	font-size:3.75vw;
}
}