/*
 * 更新履歴:
 * - 2026-02-01 カラーミーのユーザーログインページのCSSから引用して作成。
 * - 2026-02-04 衝突回避のため、クラス名のプレフィックスを c- から d- に変更。
 */

.d-button,
.d-button:link,
.d-button:hover,
.d-button:active,
.d-button:visited {
	/*margin: 0 7px;*/
	color: #35454c;
	text-decoration: none;
	border: none;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}

.d-button {
	background: #eff2f4;
	line-height: 1;
	font-size: 13px;
	padding: .75em 1.5em;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: inset 0 -0.1em 0 rgba(0, 0, 0, 0.1);
}

.d-button:hover {
	background: #dfe5e8;
}

.d-button:active {
	box-shadow: none;
}

.d-button:disabled,
.d-button.disabled,
.d-button:disabled:hover,
.d-button.disabled:hover {
	background: #d0d8dc;
	color: #eff2f4;
	cursor: default;
	box-shadow: none;
}

.d-button--primary,
.d-button--primary:link,
.d-button--primary:hover,
.d-button--primary:active,
.d-button--primary:visited {
	color: #fff;
}

.d-button--primary {
	background: #2196f3;
}

.d-button--primary:hover {
	background: #1e87da;
}

.d-button--danger,
.d-button--danger:link,
.d-button--danger:hover,
.d-button--danger:active,
.d-button--danger:visited {
	color: #86251e;
}

.d-button--danger {
	background: #feedeb;
}

.d-button--danger:hover {
	background: #fdd9d7;
}

.d-button--line::before {
	content: "";
	display: inline-block;
	margin-right: 1rem;
	flex: 0 0 28px;
	aspect-ratio: 1;
	color: #fff !important;
	background-image: url("/customer/assets/icons/line-625f893e.svg");
	background-size: cover;
}

.d-button--line,
.d-button--line:visited {
	background: #06c755 !important;
	color: #fff !important;
}

.d-button--line:hover,
.d-button--line:focus {
	background: #06c755 !important;
	background-image: linear-gradient(rgb(0 0 0 / .1), rgb(0 0 0 / .1)) !important;
	color: #fff !important;
}

.d-button--line:active {
	background: #06c755 !important;
	background-image: linear-gradient(rgb(0 0 0 / .3), rgb(0 0 0 / .3)) !important;
	color: #fff !important;
}

.d-button--lg {
	font-size: 16px;
	padding: 1em 3.6em;
}

.d-button--sm {
	font-size: 12px;
}

.d-button--login {
	font-size: 16px;
	height: 52px;
	min-width: 232px;
}

.hoju-line-button {
	width: 100%;
	min-width: 250px;
	height: 60px;
	padding: 0 20px !important;
	overflow: hidden;
	margin: 0px 0px;
}