@charset "UTF-8";

*:not(input) { /*選択無効化*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 400;
}
html {
	font-size: 10px;
	overflow: hidden;
}
#map {
	height: 100%;
	top:0; left:0;
}
html, body, #top {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Marcellus',serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	background-color: #000;
	position:relative;
}
h1 {
	font-family: 'Gloria Hallelujah', cursive;
	text-align: center;
    color: #e9546b;
    font-size: 6.4rem;
    margin: 1.6rem auto 3.2rem;
}
#pre {
	background-image: url("../img/bg2.png");
}
#pre img {
	display: block;
	margin: auto;
}

#top {
	background-color: #4CC4FF;
}
#tpHdr h1, #miHdr h1, #tpFtr h6, #miFtr h6 {
	font-size: 1.6em;
	color: #fff;
	/*font-weight: normal;*/
	margin: 0.2em auto 0.1em;
	padding: 0;
	/*opacity: 0.7;*/
}

#tpHdr {
	position: absolute;
	width: 100%;
	z-index: 100;
}
#mpCntr {
	position: absolute;
	top:3rem; left:-7.4rem;
	z-index: 10;
	width: 18rem;
	background-color: transparent;
	padding: 1em;
}
#vol {
	display: none;
}
#mpCntr img {
	margin-left: 7rem;
}
p.infWd {
	color: darkslategrey;
}
#ppu1 {
	background-color: #a82707;
	margin-right: 1rem;
}
#ppu1 img {
	width: 100%;
	max-height: 85%;
}
#pstLct {
	position: absolute;
	top: 5rem; 
	right: 1rem;
	z-index: 10;
	background-color: transparent;
}