/* Main style sheet for jQuery Keypad v2.0.0. */
button.keypad-trigger {
	width: 40px;
	height: 40px;
	padding: 0px;
}
img.keypad-trigger {
	margin: 2px;
	vertical-align: middle;
}
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.keypad-popup {
	display: none;
	z-index: 10;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	border: 1px solid #888;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.keypad-keyentry {
	display: none;
}
.keypad-inline {
	background-color: #fff;
	border: 1px solid #888;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.keypad-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.keypad-rtl {
	direction: rtl;
}
.keypad-prompt {
	clear: both;
	text-align: center;
}
.keypad-prompt.ui-widget-header {
	margin: 0.125em;
}
.keypad-row {
	width: 100%;
	height: 2.1em;
}
.keypad-space {
	display: inline-block;
	margin: 0.125em;
	width: 2em;
}
.keypad-half-space {
	display: inline-block;
	margin: 0.125em 0.0625em;
	width: 1em;
}
.keypad-key, .keypad-special {
	margin: 0.125em;
	padding: 0em;
	width: 2em;
	background-color: #f4f4f4;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	text-align: center;
	cursor: pointer;
}
.keypad-key[disabled] {
	border: 0.125em outset;
}
.keypad-key-down {
}
.keypad-special {
	width: 4.25em;
}
.keypad-spacebar {
	width: 13.25em;
}
.keypad-tab {
	width: 2em;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
	color: #fff;
	font-weight: bold;
}
.keypad-clear {
	background-color: #a00;
}
.keypad-back {
	background-color: #00a;
}
.keypad-close {
	background-color: #0a0;
}
.keypad-shift {
	background-color: #0aa; 
}


/* 見直し */
/* キーパッド */
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
	/* 文字が小さいので大きくする */
/*	font-size: var(--primary-font-size); */
	font-size: 1.1rem;
	/* 白だと見えないので黒に変更 */
	color: #000000;
}
.keypad-popup {
	/* 線が太くて濃くてダサいので、bootstrap に合わせる */
	border: 1px solid #dee2e6;
}
.keypad-special, .keypad-key {
	/* 線が太くて濃くてダサいので、bootstrap に合わせる */
	border: 1px solid #dee2e6;
	/* border を細くしたので、ちょっとだけ広げる */
	padding: 4px;
}
.keypad-close {
	background-color: #f4f4f4;
	color: #777777;
	font-weight: normal;
}
.keypad-clear {
	background-color: #f4f4f4;
	color: #777777;
	font-weight: normal;
}
.keypad-back {
	background-color: #f4f4f4;
	color: #777777;
	font-weight: normal;
}
.keypad-shift {
	background-color: #f4f4f4;
	color: #777777;
	font-weight: normal;
}
.keypad-spacebar {
	/* デフォルトは 13.25em だけど、keypad-tab を 2em 大きくしたので、その分小さくする */
	width: 11.25em;
}
.keypad-tab {
	/* デフォルトは 2em だけど小さいので大きくする */
	width: 4em;
}
/* キーパッド（独自追加分） */
.keypad-zero, .keypad-one, .keypad-two, .keypad-three, .keypad-four, .keypad-five, .keypad-six, .keypad-seven, .keypad-eight, .keypad-nine, .keypad-ten, .keypad-plus, .keypad-minus, .keypad-decimal{
	/* keypad-key に合わせる */
	width: 2em;
}