* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	background-color: #000;
}
body {
	text-align: center;
}
a:link {
	color: #FEED25;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color:#C7CFD7;
}
@media (min-width: 768px) {
	a:hover {
		text-decoration: underline;
		color: #DA3389;
	}
	a:active {
		text-decoration: none;
	}
}
#contents {
	background-color:#fff;
	height:768px;
	background-image: url(/vol11/bg.gif);
	background-position: center top;
	position: relative;
}
#wrapper{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1024px;
	height: 100%;
	transform: translateX(-50%);
}
.mainTitle {
	width: 100%;
	max-width: 1024px;
	height: 65px;
	display:block;
	background-image: url(/vol11/title.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	left: 0;
	top: 125px;
	text-indent: -9999px;
}
.plateframe {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
}
#plate{
	width: 223px;
	height: 323px;
	background-image: url(/vol11/plate.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	right: 0;
	top: 190px;
}
#p-ttl{
	display:block;
	width: 172px;
	height: 53px;
	background-image: url(/vol11/p_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-top:42px;
	margin-left:21px;
}
#p-txt{
	display:block;
	width: 181px;
	height: 171px;
	background-image: url(/vol11/p_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-top:18px;
	margin-left:21px;
}
#msg{
	width: 31px;
	height: 31px;
	position: absolute;
	left: 497px;
	top: 410px;
	cursor:pointer;
}
#btn{
	width: 1024px;
	position: absolute;
	left: 0;
	top: 705px;
}
#btn img{
	padding:0 10px;
}
#plate,
.mainTitle,
#btn,
#bg img{
	display: none;
}
#footer {
	width: 100%;
	top: 768px;
	overflow:hidden;
}
.backnumbers,
.cure {
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	color: #C7CFD7;
	text-align: center;
}
.cure {
	font-size: 11px;
	line-height: 2;
	padding: 1.5em 0 2em;
}
.backnumbers {
	font-size: 14px;
	line-height: 1.7;
	border-top: 1px solid #666666;
	padding: 2em;
}
a.current {
	display: inline-block;
	padding: 1px;
	color: #000;
	background-color: #FEED25;
	text-decoration: none;
}
#bg {
	background-color: #fff;
	height: 768px;
}

@media (max-width:767px) {
	#contents {
		background-color:#fff;
		height: 120vw;
	}
	#wrapper{
		width:100%;
		margin:0 auto;
	}
	#bg {
		background-color: #fff;
		height: 120vw;
		position: relative;
		overflow: hidden;
	}
	#bg img {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}
	#plate{
		top: 12vw;
	}
	#btn {
		width: 100%;
		height: 11.111111%;
		position: absolute;
		left: 0;
		top: 100vw;
	}
	#btn img {
		height: 100%;
		width: auto;
	}
	#msg{
		width: 8.266667vw;
		height: 8.266667vw;
		position: absolute;
		left: calc(54% - 8.266667vw);
		top: calc(60% - 8.266667vw);
		cursor:pointer;
	}
	#msg img {
		width: 100%;
		height: auto;
	}
	.mainTitle {
		width: 100%;
		height: 10.695313%;
		background-size: cover;
		top: 12vw;
		z-index: 100;
	}
	.cure {
		font-size: 2.666667vw
	}
	.backnumbers {
		padding: 1.5em;
		font-size: 4vw;
		line-height: 2.25
	}
	a.current {
		padding: .2em .5em;
	}
	#footer {
		width: 100%;
	}
}