@charset "utf-8";

body{
	background-color: #000000;
}
#box{
	background-image:url(../images/top.png);
	background-position:center top;
	background-size:60vw auto;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.box {
	width: 90vw;
	margin:auto;
	padding:5px;
	background-color:rgba(102,255,255,0.3);
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container{
	margin-top: 70vh;
	z-index: 2;
}
#container a:link{
	text-decoration: none;
	border: none;
}
#container a:hover{
	cursor:pointer;
	opacity: 0.75;
}
@media screen and (max-width: 750px){
	
#box{
	background:none;
}
body::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-image:url(../images/top.png);
	background-position:center top;
	background-size:96vw auto;
	background-repeat:no-repeat;
}
	
	}

#copy{
	background-color: #5C0;
	text-align: center;
	padding: 5px;
	height: 20px;
}
footer{
}