/* Tags */
a {
	text-decoration: none;
	color: #666;
}

header {
	background-color: #C3B5A8;
}
footer {
	background-color: #C3B5A8;
}

/* 擬似要素で背景画像を管理 */
#div-container-customer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../image/bg.jpg');
	background-size: cover;
	background-position: center;
	opacity: 0.4;
	z-index: -1;
}

/* Common */
.pointer {
	cursor: pointer;
}


/* Custom */
.div-product {
	border-bottom: solid 1px #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.btn-info {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6e6251;
	--bs-btn-border-color: #6e6251;
  
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5a5142;
	--bs-btn-hover-border-color: #5a5142;
  
	--bs-btn-focus-shadow-rgb: 110, 98, 81;
  
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4b4438;
	--bs-btn-active-border-color: #4b4438;
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6e6251;
	--bs-btn-disabled-border-color: #6e6251;
}

.text-info {
	--bs-info-rgb: 110, 98, 81;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
a.text-info {
	--bs-info-rgb: 110, 98, 81;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

a.text-info:hover,
a.text-info:focus {
	--bs-info-rgb: 90, 80, 70;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #2156a2;
	--bs-btn-border-color: #2156a2;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #1c4b8c;
	--bs-btn-hover-border-color: #1c4b8c;

	--bs-btn-focus-shadow-rgb: 33, 86, 162;

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #173f78;
	--bs-btn-active-border-color: #173f78;
	--bs-btn-active-shadow: none;

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #2156a2;
	--bs-btn-disabled-border-color: #2156a2;	
}

.text-success {
	--bs-info-rgb: 33, 86, 162;
	color: rgb(var(--bs-info-rgb)) !important;
}

input.no-spinner::-webkit-inner-spin-button,
input.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.no-spinner[type="number"] {
  -moz-appearance: textfield;
}