@charset "utf-8";

/* temhain-N16 */
.temhain-N16 {
}


.temhain-N16 .contents-list {

}

.temhain-N16 .contents-item:first-child .cardset {
  border-top: 1px solid var(--border-color);
}

.temhain-N16 .cardset {
  align-items: flex-start;
  gap: 4rem;
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--border-color);
  transition: 0.3s;
}



.temhain-N16 .cardset.cardset-hor .cardset-body {
  padding: 0;
}

.temhain-N16 .cardset .cardset-tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.temhain-N16 .cardset .cardset-tit .tit-text {font-size:2rem}

.temhain-N16 .cardset .cardset-tit+.cardset-desc {
  margin-top: 0.4rem;
  margin-bottom: 0;
}

.temhain-N16 .cardset .cardset-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s;
  margin-top: 0.8rem;
  color: var(--text-color3);
}

.temhain-N16 .cardset .cardset-info {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 2.4rem;
}

.temhain-N16 .cardset .cardset-info span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
  color: var(--text-color3);
}

.temhain-N16 .cardset .cardset-info span+span {
  position: relative;
  padding-left: 0.8rem;
}

.temhain-N16 .cardset .cardset-info span+span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.2rem;
  background: var(--border-color);
}

.temhain-N16 .pagiset {

}

@media (max-width: 992px) {
  .temhain-N16 {
    padding-top: 3rem;
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .temhain-N16 .contents-top {
    display: block;
  }

  .temhain-N16 .inputset {
    margin-top: 0.8rem;
  }

  .temhain-N16 .contents-list {
    margin-top: 1.2rem;
  }

  .temhain-N16 .cardset {
    padding: 2.4rem 0;
  }

  .temhain-N16 .contents-item:first-child .cardset {
    background: transparent;
  }

  .temhain-N16 .cardset.cardset-hor .cardset-body {
    padding: 0.8rem 0.8rem 0 0.8rem;
  }

  .temhain-N16 .cardset .cardset-tit+.cardset-desc {
    margin-top: 0;
  }

  .temhain-N16 .cardset .cardset-info {
    gap: 0.4rem;
    margin-top: 1.6rem;
  }

  .temhain-N16 .cardset .cardset-info span+span {
    padding-left: 0.4rem;
  }

  .temhain-N16 .pagiset {

  }
}

 .meta {color:#999999; float:right}
  .meta i {color:#999999}
  
  
  
  .contents-item > a.cardset{ display:flex; align-items:center; width:100%; }
  .contents-item .cardset-body{ display:flex; align-items:center; width:100%; gap:1.2rem; min-width:0; }
  .contents-item .cardset-tit{ display:flex; align-items:center; flex:1 1 auto; min-width:0; flex-wrap:wrap; }
  .contents-item .cardset-tit .tit-text{ min-width:0; }

  .contents-item .cardset-info.meta{
    margin-left:auto; display:flex; align-items:center; gap:.8rem;
    white-space:nowrap; line-height:1; font-size:1.5rem; margin-top:-10px;
  }
  .contents-item .cardset-info.meta i{ line-height:1; vertical-align:middle; }

  .board-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
  .board-tabs a{ padding:8px 12px; border:1px solid #ddd; border-radius:999px; font-size:14px; line-height:1; background:#fff; }
  .board-tabs a.is-active{ background:#111; color:#fff; border-color:#111; }

  @media (max-width:768px){
    .contents-item > a.cardset{ flex-wrap:wrap; }
    .contents-item .cardset-body{ flex-wrap:wrap; align-items:flex-start; }
    .contents-item .cardset-info.meta{
      width:100%; margin-left:0; justify-content:flex-end;
      margin-top:.4rem; font-size:1.3rem;
    }
  }