/* ===============================
   住所の入力欄のおてつだい（address.js）
   電話番号の「✓ 090-1234-5678 で登録します」・郵便番号から住所を入れたお知らせ
   お客さんの画面と管理画面で共通（管理画面には site.css の変数がないので、( ) の2つめの値を使う）
   =============================== */
.prs-address-note {
	margin: var(--prs-s-1, 4px) 0 0;
	font-weight: 700;
	line-height: 1.6;
}

.prs-address-note:empty {
	display: none;
}

.prs-address-note.is-ok {
	color: var(--prs-color-ok);
}

.prs-address-note.is-error {
	color: var(--prs-color-error);
}

/* 「郵便番号の住所：…［この住所にする］」 */
.prs-address-note.is-info {
	padding: var(--prs-s-2, 8px) var(--prs-s-3, 12px);
	border: 1px solid var(--prs-color-main);
	border-radius: var(--prs-r-small, 8px);
	background: var(--prs-color-main-light);
	color: var(--prs-color-text);
}

.prs-address-note__use {
	display: block;
	margin: var(--prs-s-2, 8px) 0 0;
	padding: var(--prs-s-2, 8px) var(--prs-s-4, 16px);
	border: 2px solid var(--prs-color-main);
	border-radius: var(--prs-r-small, 8px);
	background: var(--prs-color-white);
	color: var(--prs-color-main);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.prs-address-note__use:hover,
.prs-address-note__use:focus-visible {
	background: var(--prs-color-main);
	color: var(--prs-color-white);
}