.text-light {
  color: #616161 !important;
}

.text-lighter {
  color: #d7d0d0 !important;
}

.text-comment {
  font-size: 0.9rem !important;
}

.bg-black {
  background-color: #333333 !important;
}

.bg-lighter {
  background-color: #887c7c !important;
}

.btn {
  display: block;
  text-align: center;
}

.text-smaller {
  font-size: 0.875rem !important;
}

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

.fs-adjust label {
  font-size: 1rem !important;
}

.fs-adjust .btn {
  font-size: 1rem !important;
}

.fs-adjust .form-control {
  font-size: 1rem !important;
}

.tooltip-inner {
  max-width: 70%;
  text-align: left;
}

/* チェックボックス */
input[type=checkbox],
input[type=checkbox]+label {
  /* マウスオーバー時にカーソル変更 */
  cursor: pointer;
  /* クリック時に文字が選択されないように */
  user-select: none;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.asc:after {
  content: " \2193";
}
.desc:after {
  content: " \2191";
}

tr[data-href]:hover {
  cursor: pointer;
}

.thumbnail-img {
  object-fit: cover;
  object-position: center center;
  max-height: 500px;
  max-width: 100%;
  border: #e0e0e0 0.5px solid;
}

.icon-center {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.icon-center .material-icons {
  font-size: 20px;
  line-height: 1;
}

@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs Medium");
  font-weight: 100;
}

@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs Medium");
  font-weight: 200;
}

@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs Medium");
  font-weight: 300;
}

@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs Medium");
  font-weight: 400;
}

@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body,
tooltip,
popover {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "YakuHanJPs", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body,
  tooltip,
  popover {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}