DIV.dvWidgetMainstream {
	height: 100%;
	left: 0;
	position: ABSOLUTE;
	top: 0;
	width: 100%;
}

DIV.dvWidgetMainstreamInner {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
	transform: translate(0, 0);

	-moz-transition: transform .5s EASE-IN-OUT;
	-ms-transition: transform .5s EASE-IN-OUT;
	-o-transition: transform .5s EASE-IN-OUT;
	-webkit-transition: transform .5s EASE-IN-OUT;
	transition: transform .5s EASE-IN-OUT;

	height: 100%;
	position: RELATIVE;
}

DIV.dvWidgetMainstreamInnerReading {
    -ms-transform: translate(-25%, 0);
    -moz-transform: translate(-25%, 0);
    -o-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
	transform: translate(-25%, 0);
}

DIV.dvWidgetMainstreamBackground {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
	transform: translate(0, 0);

	-moz-transition: background .5s EASE-IN-OUT;
	-ms-transition: background .5s EASE-IN-OUT;
	-o-transition: background .5s EASE-IN-OUT;
	-webkit-transition: background .5s EASE-IN-OUT;
	transition: background .5s EASE-IN-OUT;
}

DIV.dvWidgetMainstreamContent,
DIV.dvWidgetMainstreamBackground {
	height: 96%;
	left: 1%;
	position: ABSOLUTE;
	top: 2%;
	width: 30em;
}

DIV.dvWidgetMainstreamBackgroundSign {
	bottom: 1.5rem;
	left: 1.5rem;
	position: ABSOLUTE;
}

H1.h1WidgetMainstreamBackgroundSignLogo,
H1.h1WidgetMainStreamBodyInnerFooterLogo {
	background-size: 100%;
	font: 0/0 a;
	height: 4rem;
	width: 4.32rem;
}

H1.h1WidgetMainstreamBackgroundSignLogo {
	background-image: URL('./image/logo.php?c=FFF');
	background-repeat: NO-REPEAT;
}

P.pWidgetMainstreamBackgroundSignCopyright,
P.pWidgetMainStreamBodyInnerFooterCopyright {
	margin-top: 1rem;
}

P.pWidgetMainstreamBackgroundSignCopyright {
	color: #FFF;
}

UL.ulWidgetMainstreamCovers {
	-ms-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);

	-moz-transition: transform .5s EASE-IN-OUT;
	-ms-transition: transform .5s EASE-IN-OUT;
	-o-transition: transform .5s EASE-IN-OUT;
	-webkit-transition: transform .5s EASE-IN-OUT;
	transition: transform .5s EASE-IN-OUT;

	height: 100%;
	position: RELATIVE;
}

LI.liWidgetMainstreamCover {
	background-position: CENTER;
	background-repeat: NO-REPEAT;
	background-size: COVER;
	height: 100%;
}

DIV.dvWidgetMainstreamContentInner {
	padding: 1.5vh;
	position: ABSOLUTE;
	bottom: 13em;
}

@-ms-keyframes appearance		{ 0%, 0%	{ -ms-transform: translate(0, 10rem); opacity: 0 }		80%, 100% { -ms-transform: translate(0, 0); opacity: 1 }}
@-moz-keyframes appearance		{ 0%, 0%	{ -moz-transform: translate(0, 10rem); opacity: 0 }		80%, 100% { -moz-transform: translate(0, 0); opacity: 1 }}
@-o-keyframes appearance		{ 0%, 0%	{ -o-transform: translate(0, 10rem); opacity: 0 }		80%, 100% { -o-transform: translate(0, 0); opacity: 1 }}
@-webkit-keyframes appearance	{ 0%, 0%	{ -webkit-transform: translate(0, 10rem); opacity: 0 }	80%, 100% { -webkit-transform: translate(0, 0); opacity: 1 }}
@keyframes appearance			{ 0%, 0%	{ transform: translate(0, 10rem); opacity: 0 }			80%, 100% { transform: translate(0, 0); opacity: 1 }}

DIV.dvWidgetMainstreamContentInner > H1 {
	color: #FFF;
	font-size: 3em;
	font-weight: 300;
	letter-spacing: -.025em;
	margin: 2em 0;
}

DIV.dvWidgetMainstreamContentInner > H1.h1Category {
	-ms-animation: appearance 1s EASE-OUT;
	-moz-animation: appearance 1s EASE-OUT;
	-o-animation: appearance 1s EASE-OUT;
	-webkit-animation: appearance 1s EASE-OUT;
	animation: appearance 1s EASE-OUT;
}

DIV.dvWidgetMainstreamContentInner > H2 {
	color: #FFF;
	font-size: 1.75em;
	font-weight: 400;
	line-height: 1.5em;
}

DIV.dvWidgetMainstreamContentInner > H2.h2Highlight {
	-ms-animation: appearance 1.3s EASE-OUT;
	-moz-animation: appearance 1.3s EASE-OUT;
	-o-animation: appearance 1.3s EASE-OUT;
	-webkit-animation: appearance 1.3s EASE-OUT;
	animation: appearance 1.3s EASE-OUT;
}

DIV.dvWidgetMainstreamContentInner > H2.h2Subject {
	-ms-animation: appearance 1.6s EASE-OUT;
	-moz-animation: appearance 1.6s EASE-OUT;
	-o-animation: appearance 1.6s EASE-OUT;
	-webkit-animation: appearance 1.6s EASE-OUT;
	animation: appearance 1.6s EASE-OUT;
}

DIV.dvWidgetMainstreamContentInner > P {
	color: #FFF;
	font-size: 1.15em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 2em 0;
}

DIV.dvWidgetMainstreamContentInner > P.pStrapline {
	-ms-animation: appearance 1.9s EASE-OUT;
	-moz-animation: appearance 1.9s EASE-OUT;
	-o-animation: appearance 1.9s EASE-OUT;
	-webkit-animation: appearance 1.9s EASE-OUT;
	animation: appearance 1.9s EASE-OUT;
}

DIV.dvWidgetMainstreamContentInner > .UIButton {
	-ms-animation: appearance 2.2s EASE-OUT;
	-moz-animation: appearance 2.2s EASE-OUT;
	-o-animation: appearance 2.2s EASE-OUT;
	-webkit-animation: appearance 2.2s EASE-OUT;
	animation: appearance 2.2s EASE-OUT;
}

DIV.dvWidgetMainstreamBodyBackground,
DIV.dvWidgetMainstreamBody {
	-webkit-overflow-scrolling: touch;
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
	transform: translate(0, 0);

	-moz-transition: transform .5s EASE-IN-OUT;
	-ms-transition: transform .5s EASE-IN-OUT;
	-o-transition: transform .5s EASE-IN-OUT;
	-webkit-transition: transform .5s EASE-IN-OUT;
	transition: transform .5s EASE-IN-OUT;

	height: 100vh;
	left: 100vw;
	overflow-x: HIDDEN;
	overflow-y: AUTO;
	position: ABSOLUTE;
	top: 0;
	width: 100vw;
}

DIV.dvWidgetMainstreamBodyBackground {
	background-color: #FFF;
	overflow: HIDDEN;
}

DIV.dvWidgetMainstreamBodyBackgroundInner {
    -ms-transform: translate(0, 5%) scale(1.1, 1.1);
    -moz-transform: translate(0, 5%) scale(1.1, 1.1);
    -o-transform: translate(0, 5%) scale(1.1, 1.1);
    -webkit-transform: translate(0, 5%) scale(1.1, 1.1);
	transform: translate(0, 5%) scale(1.1, 1.1);

	background-position: CENTER CENTER;
	background-repeat: NO-REPEAT;
	background-size: COVER;
	height: 100%;
	left: 0;
	position: ABSOLUTE;
	top: 0;
	width: 100%;
}

DIV.dvWidgetMainstreamBodyReading {
    -ms-transform: translate(-75%, 0);
    -moz-transform: translate(-75%, 0);
    -o-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
	transform: translate(-75%, 0);
}

DIV.dvWidgetMainstreamBodyBackgroundReading {
    -ms-transform: translate(-75%, 0);
    -moz-transform: translate(-75%, 0);
    -o-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
	transform: translate(-75%, 0);
}

DIV.dvWidgetMainstreamBodyInner {
	background-color: #FFF;
	margin: 75vh 2vh 0 2vh;
	padding: 2em;
}

DIV.dvWidgetMainStreamBodyInnerInfo {
	float: LEFT;
	width: 20%;
}

H1.h1WidgetMainStreamBodyInnerInfoTitle,
H2.h2WidgetMainStreamBodyInnerInfoContent,
H1.h1WidgetMainStreamBodyInnerTitleCategory {
	color: #AAA;
	font-size: 1.25em;
	font-weight: 700;
}

H1.h1WidgetMainStreamBodyInnerInfoTitle {
}

H2.h2WidgetMainStreamBodyInnerInfoContent {
	margin-bottom: 1em;
}

H2.h2WidgetMainStreamBodyInnerInfoContent A {
	color: INHERIT;
}

DIV.dvWidgetMainStreamBodyInnerTitle {
	float: LEFT;
	width: 60%;
}

H1.h1WidgetMainStreamBodyInnerTitleCategory {
}

H2.h2WidgetMainStreamBodyInnerTitleSubject {
	font-size: 2em;
	font-weight: 400;
	margin: 1em 0;
}

P.pWidgetMainStreamBodyInnerTitleStrapline {
	color: #555;
	font-size: 1.75em;
	font-weight: 300;
}

DIV.dvWidgetMainStreamBodyInnerControl {
	float: LEFT;
	width: 20%;
}

HR.hrWidgetMainStreamBodyInnerLine {
	background-color: #CCC;
	border: 0;
	display: BLOCK;
	height: 1px;
	margin-bottom: 5em;
	text-align: LEFT;
	width: 5em;
}

DIV.dvWidgetMainStreamBodyInnerContent {
	clear: BOTH;
	margin: 0 20%;
	padding: 5em 0;
}

H2.h2WidgetMainStreamBodyInnerContentTheStory {
	font-size: 1.15em;
	font-weight: 700;
	margin: 1em 0;
}

DIV.dvWidgetMainStreamBodyInnerContentArticle {
	color: #444;
	font-size: 1.15em;
	font-weight: 400;
}

DIV.dvWidgetMainStreamBodyInnerContentArticle > DIV.dvMultiColumn {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-count: 2;
	column-gap: 3em;
	overflow: HIDDEN;
}

DIV.dvWidgetMainStreamBodyInnerContentArticle > DIV.dvMultiColumn > P {
	display: INLINE-BLOCK;
	margin-bottom: 1.5em;
}

H1.h1WidgetMainStreamBodyInnerFooterLogo {
	background-image: URL('./image/logo.php?c=CCC');
}

P.pWidgetMainStreamBodyInnerFooterCopyright {
	color: #AAA;
}

DIV.themeBlack {
	background-color: #000;
}

DIV.themeBlack H1.h1WidgetMainStreamBodyInnerInfoTitle,
DIV.themeBlack H2.h2WidgetMainStreamBodyInnerInfoContent,
DIV.themeBlack H1.h1WidgetMainStreamBodyInnerTitleCategory {
	color: #555;
}

DIV.themeBlack P.pWidgetMainStreamBodyInnerTitleStrapline {
	color: #AAA;
}

DIV.themeBlack SPAN.spWidgetMainStreamBodyInnerTitleSubject {
	color: #DDD;
}

DIV.themeBlack H2.h2WidgetMainStreamBodyInnerContentTheStory {
	color: #DDD;
}

DIV.themeBlack DIV.dvWidgetMainStreamBodyInnerContentArticle {
	color: #DDD;
}

DIV.themeBlack H1.h1WidgetMainStreamBodyInnerFooterLogo {
	background-image: URL('./image/logo.php?c=555');
}

DIV.themeBlack P.pWidgetMainStreamBodyInnerFooterCopyright {
	color: #555;
}

A.aWidgetMainstreamBack {
    -ms-transform: translate(0, 0) rotate(-180deg);
    -moz-transform: translate(0, 0) rotate(-180deg);
    -o-transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
	transform: translate(0, 0) rotate(-90deg);

	-moz-transition: all .5s EASE-IN-OUT;
	-ms-transition: all .5s EASE-IN-OUT;
	-o-transition: all .5s EASE-IN-OUT;
	-webkit-transition: all .5s EASE-IN-OUT;
	transition: all .5s EASE-IN-OUT;
	background-image: URL('./image/back.php?c=FFF');
	opacity: 0;

	background-repeat: NO-REPEAT;
	background-size: 100%;
	cursor: POINTER;
	font: 0/0 a;
	height: 2.5rem;
	left: 3.5vh;
	position: FIXED;
	top: 3.5vh;
	width: 2.5rem;
}

A.dvWidgetMainStreamBackReading {
    -ms-transform: translate(3rem, 0) rotate(0deg);
    -moz-transform: translate(3rem, 0) rotate(0deg);
    -o-transform: translate(3rem, 0) rotate(0deg);
    -webkit-transform: translate(3rem, 0) rotate(0deg);
	transform: translate(3rem, 0) rotate(0deg);

	opacity: 1;
}

A.aWidgetMainstreamPrevious,
A.aWidgetMainstreamNext {
	background-position: CENTER;
	background-repeat: NO-REPEAT;
	background-size: 2.5rem 2.5rem;
	cursor: POINTER;
	display: BLOCK;
	font: 0/0 a;
	height: 2.5rem;
	position: FIXED;
	right: 3.5vh;
	width: 2.5rem;
}

A.aWidgetMainstreamPrevious {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 3.5vh;
}

A.aWidgetMainstreamNext {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	bottom: 3.5vh;
}

A.aWidgetMainstreamPreviousHide,
A.aWidgetMainstreamPreviousReading {
	display: NONE;
}

A.aWidgetMainstreamNextHide,
A.aWidgetMainstreamNextReading {
	display: NONE;
}

@media screen and (max-width : 960px) {
	DIV.dvWidgetMainstreamContent,
	DIV.dvWidgetMainstreamBackground {
		height: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		top: 0;
		width: 60%;
	}

	DIV.dvWidgetMainstreamContentInner {
		bottom: 10em;
	}

	DIV.dvWidgetMainstreamContentInner > H1.h1Category {
		font-size: 1.25em;
		font-weight: 700;
		margin: 1em 0;
	}

	DIV.dvWidgetMainstreamContentInner > H2.h2Highlight,
	DIV.dvWidgetMainstreamContentInner > H2.h2Subject {
		font-size: 1.5em;
		line-height: 1.5em;
	}

	DIV.dvWidgetMainstreamContentInner > P.pStrapline {
		font-size: 1em;
	}

	H1.h1WidgetMainstreamBackgroundSignLogo {
		height: 3.05rem;
		width: 3.3rem;
	}

	P.pWidgetMainstreamBackgroundSignCopyright {
		margin-top: .5em;
	}

	DIV.dvWidgetMainStreamBodyInnerInfo {
		float: NONE;
		text-align: RIGHT;
		width: AUTO;
	}

	H1.h1WidgetMainStreamBodyInnerInfoTitle,
	H2.h2WidgetMainStreamBodyInnerInfoContent {
		display: INLINE-BLOCK;
		font-size: 1.1em;
		font-weight: 300;
	}

	H1.h1WidgetMainStreamBodyInnerInfoTitle {
		margin: 0 .5em 0 1em;
	}

	H2.h2WidgetMainStreamBodyInnerInfoContent {
		font-weight: 700;
	}

	DIV.dvWidgetMainStreamBodyInnerTitle {
		float: NONE;
		width: AUTO;
	}

	P.pWidgetMainStreamBodyInnerTitleStrapline {
		font-size: 1.25em;
	}

	DIV.dvWidgetMainStreamBodyInnerContent {
		margin: 0;
	}

	DIV.dvWidgetMainStreamBodyInnerContentArticle > DIV.dvMultiColumn {
		-webkit-column-count: AUTO;
		-moz-column-count: AUTO;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-count: AUTO;
		column-gap: 0;
	}
}