/* パスワード表示/非表示トグル（js/password-toggle.js が付与）
   form.inputForm button {width:100%; background:オレンジ; ::after矢印} や
   #contents 配下の input {padding:10px} 等、ページ側の高詳細度スタイルに
   負けないよう !important で絶縁している。 */
.pw-toggle-host {
	position: relative;
}
input.pw-toggle-input {
	padding-right: 2.4em !important; /* ボタンと入力文字の重なり防止 */
}
.pw-toggle-btn {
	position: absolute !important; /* top は JS が設定 */
	right: 0.4em !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0.2em 0.3em !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #767676 !important;
	cursor: pointer;
	line-height: 1 !important;
	font-size: 1.25em !important;
}
.pw-toggle-btn::after {
	content: none !important; /* form.inputForm button::after の矢印を無効化 */
}
.pw-toggle-btn:hover {
	background: transparent !important;
	color: #333 !important;
}
.pw-toggle-btn:focus-visible {
	outline: 2px solid #ffa400;
	outline-offset: 1px;
}