/*bootstrap*/
.selector-for-some-widget {
	box-sizing: content-box;
}

/* bootstrap 見出し */
/* h2[id],
h3[id],
h4[id] {
  margin-top: -5rem;
  padding-top: 5rem;
} */

.progress-meter-container {
	width: 500px;
	margin: 0 auto;
}

.progress-meter {
	padding: 0;
}

ol.progress-meter {
	/* padding-bottom: 9.5px; */
	list-style-type: none;
}

ol.progress-meter li {
	display: inline-block;
	text-align: center;
	text-indent: -19px;
	height: 36px;
	/* width: 24.99%; */
	/* font-size: 12px; */
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

ol.progress-meter li:before {
	position: relative;
	float: left;
	text-indent: 0;
	left: -webkit-calc(50% - 9.5px);
	left: -moz-calc(50% - 9.5px);
	left: -ms-calc(50% - 9.5px);
	left: -o-calc(50% - 9.5px);
	left: calc(50% - 9.5px);
}

/* ol.progress-meter li.done {
  font-size: 12px;
} */
ol.progress-meter li.done:before {
	content: "\2713";
	height: 19px;
	width: 19px;
	line-height: 21.85px;
	bottom: -28.175px;
	border: none;
	border-radius: 19px;
}

/* ol.progress-meter li.todo {
  font-size: 12px;
} */
ol.progress-meter li.todo:before {
	content: "\2B24";
	font-size: 17.1px;
	bottom: -26.95px;
	line-height: 18.05px;
}

ol.progress-meter li.done {
	/* color: black; */
	border-bottom-color: #007bff;
}

ol.progress-meter li.done:before {
	color: white;
	background-color: #007bff;
}

ol.progress-meter li.todo {
	color: silver;
	border-bottom-color: silver;
}

ol.progress-meter li.todo:before {
	color: silver;
}

/* @media (min-width: 992px) { */
.progress-tracker {
	border-radius: 0;
}

.progress-tracker {
	overflow: hidden;
}

.progress-tracker .list-group-item {
	padding: 0.25rem 1.25rem;
}

.progress-tracker .list-group-item {
	/* border-right: 0; */
	border: 0;
	/*TODO*/
	margin-right: 0;
	padding: 0.25rem 0 0.25rem 3rem;
	position: relative;
}

.progress-tracker .list-group-item::after {
	content: " ";
	/*width: 0;*/
	/*height: 0;*/
	border-top: 2.5rem solid transparent;
	border-bottom: 2.5rem solid transparent;
	border-left: 2rem solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -2.5rem;
	left: 100%;
	z-index: 2;
}

.progress-tracker .list-group-item::before {
	content: " ";
	/*width: 0;*/
	/*height: 0;*/
	border-top: 2.5rem solid transparent;
	border-bottom: 2.5rem solid transparent;
	border-left: 2rem solid white;
	position: absolute;
	top: 50%;
	margin-top: -2.5rem;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.progress-tracker .list-group-item:first-child {
	padding-left: 1rem;
}

.progress-tracker .list-group-item-secondary::after {
	/*border-left-color: #d6d8db;*/
	border-left-color: #d6d8db;
}

.progress-tracker .list-group-item-primary::after {
	border-left-color: #007bff;
	/* border-left-color: #b8b8e2; */
}

.progress-tracker .list-group-item-info::after {
	border-left-color: #535c5e;
}

/* } */

@media (max-width: 991.98px) {
	.scrollspy {
		position: relative;
		height: 60rem;
		overflow-y: auto;
	}

	.form-table > tbody tr {
		display: block;
		/*margin-bottom: 1.5em;*/
	}

	.form-table > tbody th,
	.form-table > tbody td {
		width: 100%;
		display: block;
		border: none;
	}
}

/*PCで見るときはフォントを小さめにする*/
@media (min-width: 1200px) {
	html {
		font-size: 14px;
	}
}

/*bootstrap5は-xxlが追加された。bootstrap4でワイドディスプレイに対応*/
@media (min-width: 1400px) {

	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1320px;
	}
}

/*フォント指定 webfont Noto Sans JP*/
/*body{
	font-family:Roboto,"Noto Sans","YakuHanJP_Noto","Noto Sans JP";
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}*/
/*フォントサイズ　セット*/
.font-ss {
	font-size: 0.7rem !important;
}

.font-s {
	font-size: 0.85rem !important;
}

.font-m {
	font-size: 1rem !important;
}

.font-l {
	font-size: 1.15rem !important;
}

.font-ll {
	font-size: 1.3rem !important;
}

.font-xl {
	font-size: 1.45rem !important;
}

.font-xxl {
	font-size: 1.6rem !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-85 {
	width: 85% !important;
}

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

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

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

/*右側のスピンbtnを消す*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

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

.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.simplelist-icon_desc::before {
	content: "\f0dd";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.simplelist-icon_asc::before {
	content: "\f0de";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/*アコーディオンの切替アイコン*/
.card-header a[data-toggle="collapse"].collapsed::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	/* chevron-down */
	float: right;
}

.card-header a[data-toggle="collapse"]::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f077";
	/* chevron-up */
	float: right;
}

.toast_parent {
	position: fixed;
	z-index: 5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}