/* CSS */
.color-1 {
  color: #1abc9c;
}
.color-2 {
  color: #16a286;
}
.color-3 {
  color: #f1c40e;
}
.color-4 {
  color: #e77e23;
}
.color-5 {
  color: #e74d3c;
}

/* CSS Variables */
:root {
  --color-1: #1abc9c;
  --color-2: #16a286;
  --color-3: #f1c40e;
  --color-4: #e77e23;
  --color-5: #e74d3c;
}

body {
  /*background-color: #f8f9fa;*/
  /*
  font-family: "Noto Sans JP";
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-family: "Zen Maru Gothic", sans-serif;
  */
  font-family: "Kosugi Maru", sans-serif;
}
.sidebar {
  background-color: #1abc9c;
  color: white;
  height: 100vh;
}
.sidebar a {
  color: white;
  text-decoration: none;
}
.sidebar a:hover {
  text-decoration: underline;
}
.header {
  /*background-color: #343a40;*/
  background-color: #16a286;
  color: white;
  padding: 0.75rem 1rem;
}
.progress-bar-label {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.offcanvas-header {
  background-color: #1abc9c;
  color: white;
}
.offcanvas-body {
  background-color: #1abc9c;
  color: white;
}

main {
  padding-bottom: 100px; /* フッターボタン分の余白 */
}

ul {
  margin-bottom: 0px;
}

.box-img {
  overflow: hidden;
}

.box-img .img-thumbnail {
 transition: .3s all;
}

.box-img .img-thumbnail:hover {
  transform: scale(1.3, 1.3);
  /*transform-origin: center top;*/
}

.tooltip {
  font-size: 8pt;
}

.driver-popover.driverjs-theme {
  background-color: #f6d860;
  color: #000;
}

/*
.table th {
  width: 150px;
}
*/