/*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%);
}