/*-------タブ-------*/
.tab-bar2 .nav-item2 .nav-link2 .nav-info {
  background-image: url('/Content/images/pc/icon_info.png');
}

.tab-bar2 .nav-item2 .nav-link2.active .nav-info {
  background-image: url('/Content/images/pc/icon_info_on.png');
}

.tab-bar2 .nav-item2 .nav-link2 .nav-report {
  background-image: url('/Content/images/pc/icon_report.png');
}

.tab-bar2 .nav-item2 .nav-link2.active .nav-report {
  background-image: url('/Content/images/pc/icon_report_on.png');
}

.tab-bar2 .nav-item2 .nav-link2 .nav-point {
  background-image: url('/Content/images/pc/icon_point.png');
}

.tab-bar2 .nav-item2 .nav-link2.active .nav-point {
  background-image: url('/Content/images/pc/icon_point_on.png');
}

.tab-bar2 .nav-item2 .nav-link2.active .nav-sheet {
  background-image: url('/Content/images/pc/icon_sheet_on.png');
}

.tab-bar2 .nav-item2 .nav-link2 .nav-sheet {
  background-image: url('/Content/images/pc/icon_sheet.png');
}

.tab-bar2 .nav-item2 .nav-link2 .nav-dust {
  background-image: url('/Content/images/pc/icon_dust.png');
}

.tab-bar2 .nav-item2 .nav-link2.active .nav-dust {
  background-image: url('/Content/images/pc/icon_dust_on.png');
}
/*-------未読・重要アイコン-------*/

.badge.badge-unread {
  margin-left: 5px !important;
}

.badge.badge-important {
  margin-left: 5px !important;
}


/*-------table-------*/

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #333 !important;
}

.info-table {
  border-collapse: collapse;
  border: 1px solid #dee2e6;
}

table.info-table th {
  background-color: #eff2f7;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
}

.table td,
.table th {
  padding: .75rem .3rem .6rem .3rem;
  vertical-align: center;
}

.table p {
  margin-bottom: 0 !important;
}

.class1,
.class2 {
  width: 5%;
}

.class3 {
  width: 10%;
}

.class4 {
  width: 60%;
}

.class5 {
  width: 20%;
}

/*チェックボックス*/
.form-check {
  position: relative;
  display: block;
  padding-left: 2.2rem;
  margin-top: 0;
}

/*未読欄*/
.unread,
.unread > td,
.unread > th {
  background-color: #ffe5e5 !important;
  font-weight: bold;
}
 
/*既読欄*/
.read,
.read > td,
.read > th {
    background-color: #FFFFFF !important;
    font-weight: bold;

}

/*はみ出た文字を･･･表示にする*/
td.overflow {
  max-width: 288px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*テーブルストライブ*/
.table-striped2 tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}


/*-------table sp-------*/

@media screen and (max-width: 768px) {
  .table thead {
    display: none;
  }

  .class1 {
    width: 15%;
    line-height: 92px;
    height: 100px;
    border-right: 1px solid #dee2e6;
    float: left;
  }

  .class2 {
    width: 15%;
    padding-bottom: .3rem !important;
    float: left;
  }

  .class3 {
    width: 40%;
    padding-bottom: .3rem !important;
    float: left;
  }

  .class4 {
    width: 85%;
    float: left;
  }

  .class5 {
    width: 85%;
    float: left;
    padding-bottom: .6rem !important;
  }

  .table tr {
    display: block;
    border-bottom: 1px solid #dee2e6;
  }

  .table th,
  .table td {
    display: block;
  }

  .table td,
  .table th {
    border-top: none;
    border-bottom: none;
    padding: .6rem .3rem .0rem .3rem;
  }

  .clearfix2::after {
    display: block;
    clear: both;
    content: "";
  }

  .info-table {
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: none;
  }
}