@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC:900&display=swap');
/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}



/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }

a img {
	transition: all 0.3s;
	opacity: 1;
}

a:hover img {
	opacity: 0.6;
}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url("../img/bg.jpg") center top no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

#PageWrapper {
	min-height: 100vh;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

#Contents {
	width:900px;
	padding-bottom:80px;
	background-color:#4C1F0C;
	position: relative;
	margin:0 auto;
}

.visual {
	background:url("../img/mv.jpg") center top no-repeat;
	width:900px;
	height:1170px;
	margin-bottom:52px;
}

.poison {
	background:url("../img/logo.png") left top no-repeat;
	width:300px;
	height:80px;
	margin:0 auto 48px;
}

.links {
	width:800px;
	margin:0 auto 48px;
	display: flex;
	justify-content: center;
	position: relative;
	gap:30px;
}

.links a {
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	width:30%;
	box-sizing: border-box;
	padding:12px;
	font-size: 2.6rem;
	position: relative;
	opacity: 1;
	transition: all 0.3s;
	background-color:#4C1F0C;
}

.links a:hover {
	opacity: 1;
	background-color:#FFFFFF;
	color:#4C1F0C;
}

.links a::before, .links a::after, .links a span, .links a em {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
}

.links a::before {
	border-left: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	top: 5px;
	left: 5px;
}

.links a::after {
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	bottom: 5px;
	right: 5px;
}

.links a span {
	border-right: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	top: 5px;
	right: 5px;
}

.links a em {
	border-left: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	bottom: 5px;
	left: 5px;
}

.return {
	width:200px;
	height:32px;
	margin:0 auto 48px;
}

.return a {
	display: block;
	background:url("../img/return.png") left top no-repeat;
	width:200px;
	height:32px;
	transition: all 0.3s;
}

.return a:hover {
	opacity: 0.5;
}

.copyright {
	line-height: 24px;
	font-size:1.5rem;
	color:#fff;
	text-align: center;
}

.fansite {
	background:url("../img/fansite.jpg") center top no-repeat;
	width:800px;
	height:300px;
	margin:0 auto 24px;
}