.kuchikomi {
  border: 1px solid #666;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f3f3f3;
}

.kuchikomi img {
  max-width: 100%;
}

.under_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

.under_marker_pink {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #F4B3C2));
  background: linear-gradient(transparent 60%, #F4B3C2 60%);
}

.under_marker_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FEF263));
  background: linear-gradient(transparent 60%, #FEF263 60%);
}

.under_marker_gray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #CED1D3));
  background: linear-gradient(transparent 60%, #CED1D3 60%);
}

.marker {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #ffff66));
  background: linear-gradient(transparent 0%, #ffff66 0%);
}

.marker_pink {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #ffd5df));
  background: linear-gradient(transparent 0%, #ffd5df 0%);
}

.marker_yellow {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #FEF263));
  background: linear-gradient(transparent 0%, #FEF263 0%);
}

.marker_gray {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #CED1D3));
  background: linear-gradient(transparent 0%, #CED1D3 0%);
}

.red_bold {
  font-weight: bold;
  color: #db0000;
}

.pink_bold {
  font-weight: bold;
  color: #ff388e;
}

.blue_bold {
  font-weight: bold;
  color: #0068B7;
}

.signalred_bold {
  font-weight: bold;
  color: #E8383D;
}

.marker_orange {
    background: linear-gradient(transparent 0%, #f6dfcf 0%);
}