@charset "utf-8";

#la-card-list.itemBox { 
    font-size: min(calc(10 / 550 * 100vw), 10px);
    display:grid; grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(27.8em, auto);
    gap: 5.2em 2.8em;
}

@media all {
   #la-card-list.itemBox > li {transition: 0.3s; position: relative;}
   #la-card-list.itemBox > li > a { 
      padding: 4.5em 3.5em 3.6em; width: 100%; height: 100%;
      display: block; box-shadow: 0 0 7px 0px #ccc;
      border-radius: 2.5em; background: #fff;
   }
   #la-card-list.itemBox > li > a .event_date {
      display: flex; align-items: center;
      gap: 1em; margin-bottom: 2.5em;
   }
   #la-card-list.itemBox > li > a .event_date > #on_date_txt {
      border-radius: 100px; color: #fff; font-size: max(13px, 1.6em);
      font-weight: 600; min-width: 5.1875em; padding: 0.4375em 0.5625em;
      width: fit-content; background: var(--main-color2);
      text-align: center;
   }
   #la-card-list.itemBox > li > a .event_date > #on_date_txt.ongoing {background: var(--main-color);}
   #la-card-list.itemBox > li > a .event_date > #on_date_txt.onend {background:#7C7E81;}

   #la-card-list.itemBox > li > a .event_date > p {
      color: #434343; font-size: max(13px, 1.6em);
      line-height: 1.2;
   }

   #la-card-list.itemBox > li > a .event_date > .plus {
      color: var(--main-color); font-size: max(16px, 2.5rem);
      transform: translateY(-0.1em); margin-left: auto;
   }

   #la-card-list.itemBox > li > a .content_frame > .bo_subject {
      display: block; color: #1b1b1b; position: relative;
      line-height: 1.3; font-size: max(18px, 2.5em);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0.8em;
      font-weight: bold;
   }

   #la-card-list.itemBox > li > a .content_frame > p.txt_cnt {
      display: block; color: #434343; position: relative;
      line-height: 1.3; font-size: max(14px, 1.8em);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
   }
}


@media (min-width: 1024px) {
   #la-card-list.itemBox > li:hover {transform: translateY(-3%);} 
}

@media (max-width: 850px) {
   #la-card-list.itemBox > li > a .event_date {margin: 1.5em 0;}
   #la-card-list.itemBox > li > a .event_date > #on_date_txt {
      position: absolute; top: 0.7em; left: 1em;
   }
   #la-card-list.itemBox > li > a .event_date > .plus {
      top: 0.5em; right: 0.7em; position: absolute;
   }
}

@media (max-width: 680px) {
   #la-card-list.itemBox {grid-template-columns: 1fr; gap: 2.5em; grid-auto-rows: unset;}
   #la-card-list.itemBox > li > a .content_frame > .bo_subject {font-size: max(18px, 2em);}
}