@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	text-align:center;
	background-color:#fc0;
}
#stage,
#canvas {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	background-color: #fc0;
}
.backnumbers,
.cure {
	font-family: Verdana, Geneva, sans-serif;
	color: #789584;
	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: #ffc;
	text-decoration: none;
}
a:link {
	color: #789584;
}
a:visited {
	color: #789584;
	text-decoration: none;
}
@media (min-width: 768px) {
	a:hover {
		color: #363;
		text-decoration: none;
		background-color: transparent;
	}
	a:active {
		color: #363;
	}
}
.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: #789584;
	}
	.spframe {
		position: relative;
		width: 100%;
		padding-top: 84.986945vw;
		overflow: hidden;
	}
	#canvas {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-39.7%);
		height: 100%;
		width: 133.681462%
	}
}