@charset "UTF-8";

:root {
	/* 背景色 */
	--base-color: #eae7e3;
	--bs-link-color-rgb: 36, 144, 201 !important;
	--bs-secondary-bg: #c3c3c3;
}

::placeholder {
	color: #c1c1c1 !important;
}

.table-light {
	--bs-table-bg: #e9e9e9;
}

/*
 * 全体
 */
body {
	background-color: var(--base-color);
	min-height: 100%;
}

/*
 * ヘッダー
 */
header {
	padding-top: 0.5rem;
}

hr {
	border: double;
	margin: 0.5rem 0;
}

/* ロゴ */
.logo {
	height: 80px;
}

/* パンくずリスト */
a:hover {
	color: #2f768c;
}

/*
 * メイン
 */
main {
	padding-bottom: 0.2rem;
}

.container {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.row {
	padding: 0.2rem 0;
	align-items: center;
}

/*
 * フォーム
 */
.form-control {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

.form-select {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

/*
 * ボタン
 */
.btn {
	width: 10rem;
	height: 2.2rem;
	font-weight: bold;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 1rem;
}

/* 大きいボタン */
.btn.btn-lg {
	width: 14rem;
	height: 3rem;
	font-size: 1.4rem;
}

/* 横に長いボタン */
.btn.btn-xlg {
	width: 22.5rem;
	height: 3rem;
	font-size: 1.4rem;
}

#cancelBtn {
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}

/* トグルの枠線 */
.navbar-toggler {
	border: none;
}

/* トグルの影 */
.navbar-toggler:focus {
	box-shadow: none;
}

/* アイコン */
.btn.btn-icon {
	width: auto;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

/* ブラウン */
.btn.btn-brown {
	background: linear-gradient(#a7a7a7, #7E6B66);
	color: #fff;
}

.btn.btn-brown:hover {
	background: #716360;
	color: #fff;
}

/* グリーン */
.btn.btn-green {
	background: linear-gradient(#f5f3f3, #95c5b3);
	color: #333;
	border-color: #acc7ba;
}

.btn.btn-green:hover {
	background: #acc7ba;
	color: #333;
	border-color: #acc7ba;
}
/* ラジオボタン */
input[type="radio"]:disabled::after {
  position: absolute;
  content: "";
  width: .8em;
  height: .8em;
  border: 1px solid #999;
  border-radius: 50%;
  background-color: #aaa;
}

/*
 * テーブル
 */
.table:not(.user-info) {
	table-layout: fixed;
	overflow-wrap: break-word;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0rem;
	max-width: 100%;
	border: 1px solid #333;
}

.table:not(.user-info) th {
	background-color: #71605B;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-clip: padding-box !important;
}

.table:not(.user-info, .modal-table) td {
	background-color: #fff;
	color: #333333;
}

/* ヘッダーのテーブル（ログインユーザー情報） */
.table.user-info {
	margin-bottom: 0rem;
}

.user-info td:nth-child(1) {
	padding: 0 0 0 0.3rem !important;
	width: 7rem;
}

.user-info td:nth-child(2) {
	padding: 0 0 0 0.3rem !important;
	width: 20rem;
}

.overflow-auto {
	margin-right: auto;
	margin-left: auto;
	/* 要検討 */
	max-height: 500px;
}

.table-sticky {
	position: sticky;
	top: 0;
}

.input_error_msg {
	color: #ff5a5a;
	font-size: 0.9rem;
}

.error-msg-space-s {
	height: 0.7rem;
}

.error-msg-space {
	height: 3rem;
}

.error-msg-potition {
	margin-left: 25%;
}

/*
 モーダル
 */
.modal-content {
	max-height: 70% !important;
}

.modal-content .form-check-input {
	margin-right: 1rem;
	margin-left: 1rem;
}

/* width */
.w-full {
	width: 100% !important;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-50 {
	width: 50% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-75 {
	width: 75% !important;
}

.w-80 {
	width: 80% !important;
}

.w-80 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

/*
 * 上下矢印を非表示　edge,chrome用
 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox用*/
[type="number"] {
	-moz-appearance: textfield;
}

error-space {
	margin-top: 2rem;
}