html{
	background-color:black;
	padding:0;
	margin:0;
	height:100%;
}
body{
	padding:0;
	margin:0;
	height:100%;
}

#BG{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	z-index:1;
}

#yohaku{
	height:10vw;
}

.sysMenu{
	display:flex;
	justify-content:center;
	z-index:3;
}
.sysMenu img{
	max-width:160px;
	width:16vw;
	height:auto;
	margin-bottom:1.5vw;
}

.wrap{
	max-width:800px;
	width:76%;
	margin:auto;
}
.name{
	max-width:160px;
	width:18vw;
	margin:2vw 0;
}
.text{
	width:100%;
	margin-bottom:8vw;
	padding: 5vw 3vw;
	box-sizing:border-box;
	background-color:rgba(255,0,0,0.3);
	text-shadow: 1px 2px 3px black;
	color:white;
	border:double 3px white;
}
.text img{
	width:100%;
	height:auto;
}

#contents{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items: center;
	width:100%;
	z-index:5;
}

#flex{
	display:flex;
	justify-content:center;
	min-height:100%;
}

#main{
	position:relative;
	max-width:1216px;
	width:85vw;
	height:100%;
	padding-bottom:3vw;
	min-height:100%;
}

#cover{
	background-image: url("../img/bgPtn.png");
	transition: opacity 1s ease 0s;
	opacity:0;
	height:100%;/*ここ追加で直った！*/
}




@keyframes show_up{
	100%{
		opacity:1;
		transform:translate(0,0);
	}
}

@media only screen and (max-width:950px){
	.mobile_menu{
		display:block;
	}
	#main{
		max-width:initial;
		width:100%;
	}
#cover{
	width:100%;
}
	#flex{
		width:100%;
		max-width:initial;
	}
	
	#yohaku{
		height:13vw;
	}
	#back{

	}
}