@charset "utf-8";

	body{
		background: #000 url(/yugioh/crossduel/images/content-bk.jpg) center top -230px repeat-x;
		background-size: 1000px auto;
		box-shadow: 0 0 30em 0 #000 inset , 0 -20em 20em 0 #000 inset;
	}
	.gate{
		max-width: 800px;
		margin: auto;
		/*background: rgba(255,255,0,.2);*/
		text-align: center;
	}
	.gate > *{
		margin: auto;
	}
	.gate h1{
		padding-top: 5em;
		max-width: 450px;
		margin-bottom: 2em;
	}
	
	.gate select{
		background: #000;
		border: 1px solid #999;
		display: block;
		color: #aaa;
		padding: .4em 1em;
		margin-bottom: 2em;
		font-size: .9em;
	}
	

	.submit-btn{
		position: relative;
		display: inline-block;
		margin-bottom: 7em;
	}
		.submit-btn > input{
			z-index: 10;
			position: relative;
			display: inline-block;
			padding: .3em 4.5em;
			color: #f35e00;
			font-size: 1.4em;
			font-family: Impact,Charcoal;
			background: none;
			border: none;
			cursor: pointer;
		}
		.submit-btn::before,
		.submit-btn::after{
			content: "";
			position: absolute;
			background-image: url(/yugioh/crossduel/images/btn-bk.png);
			background-size: auto 100%;
			width: 51%;
			height: 100%;
			top: 0;
			z-index: 5;
		}
		.submit-btn::before{
			left: 0;
			background-position: left top;
		}
		.submit-btn::after{
			right: 0;
			background-position: right top;
		}
	.submit-btn:hover input{
		transition: .2s;
		color: #feee02;
		text-shadow: 0 0 .3em #feee02 , 0 0 .7em #feee02;
	}

@media screen and (max-width:767px){
	.gate select{
		display: block;
	}
	.submit-btn{
		display: block;
		width: 80%;
		text-align: center;
	}
	.submit-btn > input{
		
	}
}
	
	
	
	.gate div.copyright{
		font-size: .7em;
		color: rgba(255,255,255,.2);
		margin-bottom: 2em;
		line-height: 1.2em;
	}
	.gate div.copyright small{
		display: block;
	}
	.gate input{
		
	}
	
.footer-wrapper {
    border-top: 1px solid rgba(250,250,250,.1);
    background: rgba(0,0,0,1);
}