@charset "UTF-8";

@media all{
	body{
		background-color: #000;
		color: #fff;
		font-family: "Sawarabi Mincho", "sans-serif";
	}
	
	header{
		width: 90%;
		margin: 0 auto;
		text-align:center;
	}
	header img{
		width: 100%;
	}
	header h1{
		margin: 64px 0;
		font-size: 64px;
		font-weight: bold;
		line-height: 1em;
	}
	header span{
		width: 16px;
	}
	
	.logo{
		width: 280px;
		margin: 0 auto 32px;
		text-align: center;
	}
	.logo a{
		color: #fff;
		text-decoration: none;
	}
	.logo img{
		width: 176px;
	}

	#x{
		width: 280px;
		margin: 0 auto;
		text-align: center;
		font-size: 36px;
		line-height: 1ex;
		font-weight: bold;
	}

	.notice{
		color: #f00;
	}
	
	#foodmenu img{
		width: 100px;
	}

	#description,
	#form,
	#sent{
		width: 100%;
		margin: 2em auto 4em;
		text-align: center;
	}
	#sent{
		display: none;
	}
	#description h3,
	#form h3{
		margin: 1.6em 0 1em;
		font-size: 20px;
	}
	.alert{
		color: #f77;
		font-size: small;
	}
	#TwitterAccount{
		border: solid 1px #ffffff;
		border-radius: 1em;
		width: 300px;
		margin: 0 auto;
	}
	#form input[type="text"]{
		width: 300px;
	}
	#form input[name="twitter"]{
		margin: 8px auto;
		ime-mode: disabled;
	}
	#form input[name="name"]{
		margin: 8px auto;
		ime-mode: active;
	}
	
	#order{
		margin: 8px auto;
		width: 320px;
		text-align: left;
	}
	#notice{
		margin: 8px auto;
		width: 320px;
		text-align: left;
	}
	#notice span{
		font-weight: bold;
		text-decoration: underline;
	}
	#request{
		margin: 8px auto;
		padding: 0;
		width: 320px;
		height: 5em;
		resize: none;
	}
	#confirm{
		margin: 8px auto;
		text-align: center;
	}
	#confirm input[type="submit"]{
		font-size: 24px;
		padding: 1ex 1em;
	}
	#confirm input[type="submit"]:disabled{
		color: #aaa;
	}
}