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

/*bootstrap*/
/*指アイコンが出るように*/
.custom-control-label::before,
.custom-control-label::after {
  cursor: pointer;
}