/* common */

html { font-size: 16px; color:#bbb;}
body {
	font-family: 'Roboto-Regular', Tahoma, Verdana;
	margin: 0;
	line-height: 1.2;
	min-height:100vh;
	background: url('../i/anome_1920.jpg') 50% 50% no-repeat #000;
	background-attachment: fixed;
	background-size:cover;
	background-repeat:no-repeat;
}
.main-frame{
	width:100%;
	height:100;
	position:absolute;
	top:0;
	left:0;
}
.construction{
	width:80vw;
	height:70vh;
	margin-top:-35vh;
	margin-left:-40vw;
	position:fixed;
	left:50vw;
	top:50vh;
	background: url('../i/anome_100.png') 99% 97% no-repeat rgba(0,0,0,0.85);
	border-radius:1vw;
	padding:2vw;
}
h1,h2,h3,h4{
	text-align:center;
	color:#fff;	
}
h1{
	font-size:3rem;
	color:#eb050c;
}
h2{
	font-size:1.5rem;
}
h3{
	font-size:1.2rem;
	line-height:1.5rem;
}

.promo{
	margin-top:2vh;
}
.promo p{
	text-indent:2vw;
	line-height:1.5;
	padding-bottom:2vh;
}
.promo li{
/*	text-indent:2vw;*/
	line-height:1.5;
}
a {color:#9B2222}
a {color:#d77d31}
a:hover {color:#EBA263}
/*a {color:#FF7538}*/

@media only screen and (max-width: 1080px) {
	.construction{
		width:90vw;
		height:94vh;
		margin-top:-47vh;
		margin-left:-45vw;
		position:fixed;
		left:50vw;
		top:50vh;
		background:rgba(0,0,0,0.85);
		border-radius:1vw;
		padding:2vw;
		overflow-y:scroll;
	}
	h1{
		font-size:3rem;
		color:#eb050c;
	}
	h2{
		font-size:1.5rem;
	}
	h3{
		font-size:1.2rem;
		line-height:1.5rem;
	}
}
@media only screen and (max-width: 1080px) and (orientation:portrait){
	html { font-size: 2vh; color:#bbb;}
}
@media only screen and (max-width: 1080px) and (orientation:landscape){
	html { font-size: 2vw; color:#bbb;}
	.construction{
		height:90vh;
		margin-top:-45vh;
		top:45vh;
	}

}