@import url(http://fonts.googleapis.com/css?family=Ubuntu:500);

* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	font-family: "Ubuntu","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background-color: #363;
}
body{
	text-align:center;
}
#stage,
#canvas {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.fakeTable {
	clear: both;
	display: table;
	width: 100%;
	height: 100%;
	background-color: #fff;
	visibility: hidden;
}
.fakeTableRow {
	clear: both;
	display: table-row;
	width: 100%;
	height: 33.333%;
}

.intro {
	display: table-cell;
	width: 16.666%;
	font-size: 700%;
	line-height: 1;
	color: white;
	vertical-align: middle;
	background-color: #c00;
}
.backnumbers,
.cure {
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: center;
}
.cure {
	font-size: 11px;
	line-height: 2;
	padding: 0 0 1.75em 0;
}
.backnumbers {
	font-size: 14px;
	line-height: 1.7;
	border-top: 1px solid #789584;
	padding: 2em;
}
a.current {
	display: inline-block;
	padding: 1px;
	background-color: #e4ffcc;
	text-decoration: none;
}
a:link {
	color: #6c6;
}
a:visited {
	color: #789584;
	text-decoration: none;
}
@media (min-width: 768px) {
	a:hover {
		color: #e4ffcc;
		text-decoration: none;
		background-color: transparent;
	}
	a:active {
		color: #e4ffcc;
	}
}
.ttl {
	display: none;
}

@media (max-width:767px) {
	.cure {
		margin-top: 1em;
		font-size: 2.666667vw
	}
	.backnumbers {
		padding: 1.5em;
		font-size: 4vw;
		line-height: 2.25
	}
	a.current {
		padding: .2em .5em;
	}
}
@media (max-width:767px) and (orientation:portrait) {
	.ttl {
		display: inherit;
		padding: 1em 0 2.5em;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 2.933333vw;
		font-weight: normal;
		letter-spacing: 0.175em;
		color: #fff;
	}
	.intro {
		font-size: 420%;
	}
	.spframe {
		position: relative;
		width: 100%;
		padding-top: 100vw;
		overflow: hidden;
	}
	#canvas {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		width: 157.538462%;
		z-index: 100
	}
}