/******************************************************************
Common
******************************************************************/
h2 {
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 24px;
}
h2.calc-title {
	border-top: none;
	margin-top: 0;
	font-size: 18px;
}

.container {
	padding: 20px;
}

.tips {
	display: block;
	font-size: 8pt;
	line-height: 1.4em;
}

.warning {
	color: #ff0000;
}
/******************************************************************
ログイン画面
******************************************************************/
.login-form {
  text-align: center;
  width: 80%;
  margin: 60px auto 0;
}

#login-id, #login-password {
  display: block;
  width: 100%;
  margin: 0 auto;
  outline: none;
  padding-top: 24px;
  padding-bottom: 24px;
}

.login-button {
  width: 100%;
  margin: 0 auto;
}

/******************************************************************
計算機画面
******************************************************************/

.input-container {
	padding: 5px;
}

.input-num {
	font-size: 30px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}

.input-select {
	font-size: 20px;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 3px;
}

.badge-calcA, .badge-calcB {
	display: block;
	margin-top: 10px !important;
	color: #fff;
	height: 32px !important;
	line-height: 32px !important;
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
}
.badge-calcA {
	background: #53b8cd;
}
.badge-calcB {
	background: #62b760;
}
h2.calc-title .badge-calcA, h2.calc-title .badge-calcB {
	display: inline-block;
}

#btn-calc01, #btn-calc02, #btn-calc03, #btn-calc04 {
	line-height: 18px;
}

.ansBlock {
	font-size: 16px;
	font-weight: bold;
}