.data-field-html {
 //    max-height: 20px;
 //   overflow: hidden;
    transition: max-height 0.5s ease;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.addetal .data-field-html.active {
    max-height: 500px;
    white-space: normal;
}


.highlight {
    all: unset; /* すべてのプロパティをリセット */
}

a.disabled{ pointer-events: none; color:#000;}
span.disable-links {
    pointer-events: none;
}
.disable-links a{ color:#000; }


/******  List View CSS ******/

#imagegallery-list img.list_picture {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

#imagegallery-list .card {
    margin-top: 30px;
    margin-bottom: 15px;
}

.imagegallery-listentry .card-title {
    font-size: larger;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*****  Single View CSS *****/

.imagegallery-single-body .col {
    padding: 10px 15px;
}

.imagegallery-single img.list_picture {
    max-width: 100%;
    height: auto;
}

/*****  Add entry CSS *****/

.imagegallery-addentry .form-group label,
.imagegallery-asearch .form-group label {
    font-weight: bold;
    padding-top: 20px;
}



@media (max-width: 430px) {

  /* テーブル構造を解除 */
  .timeTableView table,
  .timeTableView thead,
  .timeTableView tbody,
  .timeTableView tr,
  .timeTableView th,
  .timeTableView td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* ヘッダー行を非表示 */
  .timeTableView thead {
    display: none;
  }

  /* 各行をカードに */
  .timeTableView tbody tr {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #fff;
  }

  /* 各セルにラベルを付ける */
  .timeTableView td:nth-child(1)::before { content: "学年："; font-weight: bold; }
  .timeTableView td:nth-child(2)::before { content: "科目名："; font-weight: bold; }
  .timeTableView td:nth-child(3)::before { content: "実施日："; font-weight: bold; }
  .timeTableView td:nth-child(4)::before { content: "区分・回数："; font-weight: bold; }
  .timeTableView td:nth-child(5)::before { content: "授業内容："; font-weight: bold; }
  .timeTableView td:nth-child(6)::before { content: "担当者："; font-weight: bold; }
  .timeTableView td:nth-child(7)::before { content: "所属："; font-weight: bold; }
  .timeTableView td:nth-child(8)::before { content: ""; }
}