/*bootstrap*/
.selector-for-some-widget {
	box-sizing: content-box;
}
@media (max-width: 991.98px) {
	.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: 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: #b8daff;*/
		border-left-color: #b8b8e2;

	}
	.progress-tracker .list-group-item-info::after {
		border-left-color: #bee5eb;
	}
	.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%);
}