/*** 主に印鑑のデザイン ***/

.name-area, .stamp-area {
  border-color: gray;
}
.name-box, .stamp-box {
  width: 50px;
}

/* ハンコ名前欄 */
.name-box{
  font-size: 11px;
  line-height: 10px;
  padding: 2px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50px;
}

/* ハンコ欄 */
.stamp-box {
  height: 50px;
}

/* ハンコ */
/* 承認 */
.stamp {
  border:1px solid #ef454a;
  border-radius:50%;
  color:#ef454a;
  width:46px;
  height:46px;
  margin:auto;
  text-align: center;
}

.stamp span {
  display: block;
  width:100%;
}

/* 名前 */
.stamp span:first-child {
  font-size:11px;
  font-weight: bold;
  padding-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 日付 */
.stamp span:last-child {
  font-size:9px;
  font-weight: bold;
}


/* 否決 */
.stamp-ng {
  line-height: 12px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50px;
}
.stamp-ng span {
  color:#ef454a;
  font-size: 11px;
  font-weight: bold;


}

/* 削除（斜線） */
.stamp-diagonal {
  width: 100%;
  height: 100%;
  background: #fff;
  background-image: linear-gradient(to right top, transparent 50%, #333 50%, #333 calc(50% + .5px), transparent calc(50% + .5px));
}

/* OR条件のはんこ欄 */
.or_hover {
  position: relative;
}
.hover_name {
  display: none;
  position: absolute;
  top: -28px;
  padding: 4px;
  border-radius: 5px;
  background: #0d83a7;
  color: #fff;
  font-weight: bold;
}
.hover_name::after {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -19px;
  margin-left: 10px;
  border: solid transparent;
  border-color: rgba(51, 204, 153, 0);
  border-top-color: #0d83a7;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}
.or_hover:hover + .hover_name {
  display: block;
}

/* PCサイズ */
@media screen and (min-width: 768px) {


}

/* スマホサイズ */
@media screen and (max-width: 767px) {


}