/* TOONDAYS: 衣装一覧・イベントカード試作 v1.2
   Scoped to .tdce-gallery to avoid changing existing WordPress tables. */
.tdce-gallery {
  --tdce-blue:#2b76bd;
  --tdce-blue-dark:#154f83;
  --tdce-blue-tint:#e7f3ff;
  /* Global defaults. Change these 3 variables to update every event at once. */
  --tdce-event-bg:#e7f3ff;
  --tdce-event-text:#154f83;
  --tdce-event-border:#c9def3;
  --tdce-border:#d6e3ef;
  --tdce-photo-gap:3px;
  --tdce-event-gap-x:8px;
  --tdce-event-gap-y:12px;
  width:100%;box-sizing:border-box;
  color:#252c36;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.tdce-gallery *, .tdce-gallery *::before, .tdce-gallery *::after {box-sizing:border-box;}
.tdce-gallery .tdce-year {
  font-size:28px;letter-spacing:.01em;color:#23272e;
  font-weight:800;line-height:1.25;margin:0 0 18px;padding:0;
  border:0;background:none;box-shadow:none;
  text-transform:none;
}
.tdce-gallery .tdce-row {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--tdce-event-gap-x);align-items:stretch;
  margin-bottom:var(--tdce-event-gap-y);
}
.tdce-gallery .tdce-group {
  grid-column:span var(--tdce-span, 1);
  min-width:0;margin:0;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--tdce-border);border-radius:10px;
  background:#fff;box-shadow:0 2px 6px rgba(36,77,115,.045);
}
.tdce-gallery .tdce-event {
  min-height:43px;display:flex;align-items:center;justify-content:center;
  margin:0;padding:6px 5px;
  background:var(--tdce-event-bg);color:var(--tdce-event-text);
  text-align:center;font-size:11px;font-weight:800;line-height:1.45;
  border:0;border-bottom:1px solid var(--tdce-event-border);
  overflow-wrap:anywhere;letter-spacing:normal;text-transform:none;box-shadow:none;
}
.tdce-gallery .tdce-photos,
.tdce-gallery .tdce-shows {
  display:grid;grid-template-columns:repeat(var(--tdce-cols, 1),minmax(0,1fr));
  gap:var(--tdce-photo-gap);min-width:0;
}
.tdce-gallery .tdce-photos { padding:4px 4px 0;flex:1 0 auto;align-items:start; }
.tdce-gallery .tdce-photo-link {display:block;min-width:0;border-radius:6px;overflow:hidden;line-height:0;background:#f2f5f8;}
.tdce-gallery .tdce-photo-link img {
  display:block;margin:0;padding:0;border:0;box-shadow:none;
  width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;
}
.tdce-gallery .tdce-shows {padding:3px 4px 4px;margin-top:auto;}
.tdce-gallery .tdce-show {
  grid-column:span var(--tdce-show-span,1);
  min-width:0;min-height:39px;
  display:flex;align-items:center;justify-content:center;
  padding:4px 2px;border-radius:4px;background:#f5f8fb;
  color:#344154;text-align:center;font-weight:700;font-size:10px;line-height:1.45;
  overflow-wrap:anywhere;
}
.tdce-gallery .tdce-show a {color:inherit;text-decoration:none;}
.tdce-gallery .tdce-show a:hover{text-decoration:underline;}
@media (min-width:680px) {
  .tdce-gallery .tdce-event{font-size:13px;min-height:47px;padding:8px 7px;}
  .tdce-gallery .tdce-show{font-size:12px;min-height:44px;padding:6px 5px;}
  .tdce-gallery .tdce-photos{padding:6px 6px 0;}
  .tdce-gallery .tdce-shows{padding:4px 6px 6px;}
  .tdce-gallery{--tdce-event-gap-x:8px;--tdce-event-gap-y:12px;--tdce-photo-gap:3px;}
}

/* Event colors. Attach tdce-color-* to each .tdce-group.
   Custom exact color: style="--tdce-event-bg:#HEX;--tdce-event-text:#HEX;--tdce-event-border:#HEX" */
.tdce-gallery .tdce-group.tdce-color-blue{--tdce-event-bg:#e7f3ff;--tdce-event-text:#154f83;--tdce-event-border:#c9def3;}
.tdce-gallery .tdce-group.tdce-color-red{--tdce-event-bg:#ffe8eb;--tdce-event-text:#8b2638;--tdce-event-border:#f1c3ca;}
.tdce-gallery .tdce-group.tdce-color-pink{--tdce-event-bg:#ffe9f4;--tdce-event-text:#87305d;--tdce-event-border:#efc5db;}
.tdce-gallery .tdce-group.tdce-color-green{--tdce-event-bg:#e5f5e8;--tdce-event-text:#245f40;--tdce-event-border:#c7e6cf;}
.tdce-gallery .tdce-group.tdce-color-yellow{--tdce-event-bg:#fff4d4;--tdce-event-text:#715019;--tdce-event-border:#e9d7a3;}
.tdce-gallery .tdce-group.tdce-color-orange{--tdce-event-bg:#fff0df;--tdce-event-text:#854719;--tdce-event-border:#f0d2ae;}
.tdce-gallery .tdce-group.tdce-color-purple{--tdce-event-bg:#f1eaff;--tdce-event-text:#60328a;--tdce-event-border:#d8c8f2;}

.tdce-gallery.tdce-contain .tdce-photo-link img{object-fit:contain}