.arc-en-ciel {
  width: 100%;
  height: 6px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table;
}
.bottom .arc-en-ciel {
  position: absolute;
  bottom: 0;
  left: 0;
}
.arc-en-ciel li {
  display: table-cell;
  position: relative;
  font-size: 0;
  line-height: 0;
}
.arc-en-ciel li:before {
  content: " ";
  display: block;
  width: 0px;
  height: 0px;
  border: 3px solid transparent;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.arc-en-ciel .arc1 {
  background: #FDF036;
}
.arc-en-ciel .arc2 {
  background: #ffbc3f;
}
.arc-en-ciel .arc2:before {
  border-left-color: #FDF036;
  border-top-color: #ffbc3f;
  border-bottom-color: #ffbc3f;
}
.arc-en-ciel .arc3 {
  background: #f18c18;
}
.arc-en-ciel .arc3:before {
  border-left-color: #ffbc3f;
  border-top-color: #f18c18;
  border-bottom-color: #f18c18;
}
.arc-en-ciel .arc4 {
  background: #FC1819;
}
.arc-en-ciel .arc4:before {
  border-left-color: #f18c18;
  border-top-color: #FC1819;
  border-bottom-color: #FC1819;
}
.arc-en-ciel .arc5 {
  background: #f92675;
}
.arc-en-ciel .arc5:before {
  border-left-color: #FC1819;
  border-top-color: #f92675;
  border-bottom-color: #f92675;
}
.arc-en-ciel .arc6 {
  background: #893688;
}
.arc-en-ciel .arc6:before {
  border-left-color: #f92675;
  border-top-color: #893688;
  border-bottom-color: #893688;
}
.arc-en-ciel .arc7 {
  background: #2a4baa;
}
.arc-en-ciel .arc7:before {
  border-left-color: #893688;
  border-top-color: #2a4baa;
  border-bottom-color: #2a4baa;
}
.arc-en-ciel .arc8 {
  background: #1081c5;
}
.arc-en-ciel .arc8:before {
  border-left-color: #2a4baa;
  border-top-color: #1081c5;
  border-bottom-color: #1081c5;
}
.arc-en-ciel .arc9 {
  background: #68cef6;
}
.arc-en-ciel .arc9:before {
  border-left-color: #1081c5;
  border-top-color: #68cef6;
  border-bottom-color: #68cef6;
}
.arc-en-ciel .arc10 {
  background: #78bec3;
}
.arc-en-ciel .arc10:before {
  border-left-color: #68cef6;
  border-top-color: #78bec3;
  border-bottom-color: #78bec3;
}
.arc-en-ciel .arc11 {
  background: #01ab9e;
}
.arc-en-ciel .arc11:before {
  border-left-color: #78bec3;
  border-top-color: #01ab9e;
  border-bottom-color: #01ab9e;
}
.arc-en-ciel .arc12 {
  background: #028400;
}
.arc-en-ciel .arc12:before {
  border-left-color: #01ab9e;
  border-top-color: #028400;
  border-bottom-color: #028400;
}
.arc-en-ciel .arc13 {
  background: #9bc229;
}
.arc-en-ciel .arc13:before {
  border-left-color: #028400;
  border-top-color: #9bc229;
  border-bottom-color: #9bc229;
}
.badge {
  color: #ffffff;
  padding: 10px;
  margin: 5px 0 5px 0;
}
.badge[href]:focus,
.badge[href]:hover {
  color: #ffffff;
  text-decoration: none;
}
.badge.badge-danger {
  background: #dc3545;
}
.badge.badge-danger[href]:focus,
.badge.badge-danger[href]:hover {
  background-color: #bd2130;
}
.badge.badge-primary {
  background: #007bff;
}
.badge.badge-primary[href]:focus,
.badge.badge-primary[href]:hover {
  background-color: #0062cc;
}
.badge.badge-secondary {
  background: #6c757d;
}
.badge.badge-secondary[href]:focus,
.badge.badge-secondary[href]:hover {
  background-color: #545b62;
}
.badge.badge-success {
  background: #28a745;
}
.badge.badge-success[href]:focus,
.badge.badge-success[href]:hover {
  background-color: #1e7e34;
}
.badge.badge-warning {
  background: #ffc107;
}
.badge.badge-warning[href]:focus,
.badge.badge-warning[href]:hover {
  background-color: #d39e00;
}
.badge.badge-info {
  background: #17a2b8;
}
.badge.badge-info[href]:focus,
.badge.badge-info[href]:hover {
  background-color: #117a8b;
}
.badge.badge-light {
  background: #f8f9fa;
}
.badge.badge-light[href]:focus,
.badge.badge-light[href]:hover {
  background-color: #dae0e5;
}
.badge.badge-dark {
  background: #343a40;
}
.badge.badge-dark[href]:focus,
.badge.badge-dark[href]:hover {
  background-color: #1d2124;
}