/* 算数の問題文のスタイルシート */

body {
	font-family:'Lucida Grande','Meiryo','メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
}

#container {
	align : center;
}

.wrap{
	width: 500px;
	margin: 0 auto;
}



/* スマホ対応ここから */
@media screen and (max-width: 500px)
{
	.wrap{
		width: 480px;
		margin: 0 auto;
	}
}

label {
	font-weight: 700 ;
}



.input1 {
	box-sizing: border-box ;
	height: 40px ;
	width: 60px ;
	font-size: 16px ;
	background: #ffffa0 ;
	margin-left: 12px ;
	padding: 0 4px ;
}

.input2 {
	box-sizing: border-box ;
	height: 40px ;
	width: 60px ;
	font-size: 16px ;
	background: #ffffa0 ;
	margin-left: 12px ;
	padding: 0 4px ;
}

.output1 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box ;
	width:60px ;
	height: 40px ;
	font-size: 16px ;
	color: #333 ;
	text-align: center ;
	margin-left: 12px ;
	padding: 8px 0 ;
	border: 1px solid #aaa ;
}
.output2 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box ;
	width:160px ;
	height: 40px ;
	font-size: 16px ;
	color: #333 ;
	text-align: center ;
	margin-left: 12px ;
	padding: 8px 0 ;
	border: 1px solid #fff ;
}

.output3 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box ;
	height: 38px ;
	width: 80% ;
	font-size: 18px ;
	color: #ff0000 ;
	text-align: center ;
	padding: 3px 0 ;
	border: 1px solid #aaa ;
	background: #aaffff ;
}

.output4 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box ;
	height: 38px ;
	width: 80% ;
	font-size: 18px ;
	color: #ff0000 ;
	text-align: center ;
	padding: 3px 0 ;
	border: 1px solid #aaa ;
	background: #aaffff ;
}
.error {
	color: #f00 ;
	padding: 8px 12px ;
	border: 1px solid #333 ;
	min-height: 24px ;
}

.button {
	color: #333 ;
	display: block ;
	background: #ffa2a2 ;
	text-align: center ;
	padding: 8px ;
	font-size: 1rem ;
	font-weight: 700 ;
	border: 1px solid #e6e6e6 ;
	width: 80% ;
	box-sizing: border-box ;
}

.button:hover {
	cursor: pointer ;
	background: #e6e6e6 ;
}

.none {
	display: none ;
}

#footer{
	color: #FFFFFF;
	width: 400px;
	align: center;
	font-size: 1.0em;
	background: #000080;
	margin: 0 auto;
	/*padding: 10px 10px;*/
}
	#footer .wrap{
		color: #FFFFFF;
		text-align: center;
		margin-right: 0px;
		margin-left: 0px;
	}
	
.btn{
	color: #FFFFFF;
	width: 30%;
	align: center;
	font-size: 1.0em;
	background: #008080;
	margin: 0 auto;
	padding: 10px 10px;
}