@charset "UTF-8";
/*
 Bootstrap内容のオーバーライド・過去バージョンからのクラス移植用のcss
 ＜注意事項＞
 このcssにはBootstrapに対してオーバーライドする内容
 もしくは過去のBootstrapバージョンからの移植cssのみを記載してください。
 Bootstrapバージョンのアップグレードを行う際は、bootstrap.min.css最終行のmin.map.cssの参照を正しく指定してください。
*/
/*----- Bootstrap読込 -----*/
@import url('./bootstrap-5.3.0.min.css');

/* Bootstap全体に適用されるパラメータはCSS変数経由で定義してください。 */
:root {
	--bs-body-line-height: 1.42857143;
	--bs-body-color: #3E3A38;
	--bs-body-color-rgb: 62, 58, 56;
	--bs-secondary-color: #737373;
	--bs-secondary-color-rgb: 115, 115, 115;
	--bs-secondary-bg: #eee; /* color bg-disabled */
	--bs-secondary-bg-rgb: 238, 238, 238;
	--bs-success-bg: #dff0d8;
	--bs-success-rgb: 223, 240, 216;
	--bs-primary-bg: #337ab7;
	--bs-primary-rgb: 51, 122, 183;
	--bs-danger-bg: #a94442;
	--bs-danger-rgb: 169, 68, 66;
	--bs-black-rgb: 62, 58, 57;
	--bs-link-color: #337ab7;
	--bs-link-color-rgb: 51, 122, 183;
	--bs-link-hover-color: #23527c;
	--bs-link-hover-color-rgb: 35, 82, 124;
	--bs-info: #f1f1f1;
	--bs-info-rgb: 241, 241, 241;
	--bs-border-radius: 4px;
	--bs-border-radius-sm: 3px;
	--bs-border-color: #ccc;
	--bs-border-color-translucent: transparent;
}

/** CSS override **/
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
}
h4, .h4 { font-size: 1.3rem; }
p {margin-bottom: 0.725rem;}
ol, ul { padding-left: 0; }

/* XLサイズでのコンテナ幅をLサイズに合わせる(BS3とデザイン乖離が無いようにする) */
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 1140px;
	}
}

.form-text {
	font-size: 1rem;
	margin-top: 0.35rem;
	margin-bottom: 0.725rem;
	display: block;
}

.fade {
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}

/* pagination override */
.pagination {
	--bs-pagination-disabled-bg: transpalent;
	--bs-pagination-hover-bg: #eee;
}
.pagination {
	margin-top: 5px;
	margin-bottom: 2px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: auto;
	border-color: #000;
	background-color: #000;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-radius: 0;
	margin-left: 0;
	border: none;
}
.pagination>li:last-child {
	display: flex;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border: none;
}
.pagination>li>a,
.pagination>li>span {
	color: #000;
	font-weight: bold;
	margin-left: 2px;
}
.pagination>li>label {
	line-height: 20px;
	padding: 6px 12px;
}

/*--- form override ---*/
.form-control, .form-select {
	font-weight: 500;
	color: #555;
}
.form-control[readonly], .form-select[readonly] {
	background-color: var(--bs-secondary-bg);
	opacity: 1;
}
.form-control:focus, .form-select:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
select.form-select.w-auto {
	max-width: 100%; /* w-autoで親要素幅を超えないように制限する */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.form-control::placeholder {
	opacity: 0.75;
	font-weight: 500;
}

/* Bootstrap3からの移植クラス */
.form-control-static {
	border: 1px solid #FFF;
	background: #FFF;
	line-height: 15px;
	padding: 7px 3px 0 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}
@media (min-width: 768px) {
	.lead {
		font-size: 21px;
	}
}
/* label */
label {
	display: inline-block;
	max-width: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 0.75rem; /* 10.5px */
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
a.label:hover,
a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}