/* 入力履歴 */
/* 「入力履歴消去」は実行ボタンの行の右側に置く(右端は input_history.js が入力欄の右端にそろえる) */
.ih-clear {
	float: right; margin: 0; padding: 0 0 0 12px;
	border: 0; background: none; color: #31708f; font-size: 13px; line-height: 1.4;	/* 行の上端(実行ボタンの上端)にそろえる */
	white-space: nowrap; text-decoration: underline; cursor: pointer;
}
.ih-clear:hover, .ih-clear:focus { color: #1f4570; }
/* 実行ボタンが入力欄の横にあるページ(擬似ブラウザ)は、入力欄の下に置く */
.ih-clear.ih-below { float: none; display: block; margin: 4px 0 0 auto; padding: 0; font-size: 12px; line-height: 1.6; }
.ih-clear.ih-off { display: none; }
/* 候補の一覧(入力欄の直下に、入力欄と同じ幅で出す) */
.ih-list {
	position: absolute; z-index: 1050; margin: 0; padding: 4px 0; list-style: none;
	background: #fff; border: 1px solid #bbb; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
	max-height: 240px; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.ih-list[hidden] { display: none; }
.ih-option { padding: 8px 12px; cursor: pointer; word-break: break-all; font-size: 14px; line-height: 1.4; color: #333; }
.ih-option.ih-active { background: #e3edf8; }
/* ホバーの見た目はマウスの端末だけ(タッチ端末では、最初のタップがホバー扱いになり1回で効かないため付けない) */
html:not(.is-touch) .ih-option:hover { background: #f0f4f9; }