/* GC Column List — 記事カード（gymcreate-common.css と同じ見た目） */
.gcr--column { --gcr-ink: #222; --gcr-line: rgba(34,34,34,.14); --gcr-pale: #f4f4f5; --gcr-mute: #8e8e95; font-family: "Noto Sans JP", sans-serif; letter-spacing: .04em; color: var(--gcr-ink); }
.gcr--column *, .gcr--column *::before, .gcr--column *::after { box-sizing: border-box; }
.post_content .gcr--column p, .post_content .gcr--column figure { margin: 0; padding: 0; }
.gcr--column a { text-decoration: none !important; }
.gcr--column img { display: block; border: none; }
.gcr--column .gcr__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.gcr--column .gcr__colc { display: flex; flex-direction: column; padding: 0 !important; overflow: hidden; border: 1px solid var(--gcr-line); border-radius: 4px; background: #fff; color: var(--gcr-ink) !important; transition: border-color .25s; }
.gcr--column .gcr__colc:hover { border-color: var(--gcr-ink); }
.gcr--column .gcr__colc-img { aspect-ratio: 16 / 9; background: var(--gcr-pale); overflow: hidden; border-bottom: 1px solid var(--gcr-line); }
.gcr--column .gcr__colc-img img { width: 100%; height: 100%; object-fit: cover; }
.gcr--column .gcr__colc-cat { align-self: flex-start; margin: 20px 22px 0 !important; padding: 4px 10px; background: var(--gcr-ink); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .08em; border-radius: 3px; }
.post_content .gcr--column .gcr__col-ttl2, .gcr--column .gcr__col-ttl2 { position: static !important; margin: 12px 22px 0 !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; color: inherit !important; font-size: 15.5px !important; font-weight: 500 !important; line-height: 1.65 !important; letter-spacing: .03em !important; }
.post_content .gcr--column .gcr__col-ttl2::before, .post_content .gcr--column .gcr__col-ttl2::after { content: none !important; display: none !important; }
.gcr--column .gcr__colc-date { margin: auto 22px 0 !important; padding: 14px 0 20px !important; font-family: "Jost", sans-serif; font-size: 12px; letter-spacing: .1em; color: var(--gcr-mute); }
.gcr--column .gcr__works-more { display: flex; justify-content: center; margin-top: clamp(40px, 5vw, 56px) !important; }
.gcr--column .gcr__works-btn { display: inline-flex; align-items: center; gap: 16px; padding: 16px 40px !important; border: 1px solid var(--gcr-ink); border-radius: 100px; color: var(--gcr-ink) !important; font-size: 14px; font-weight: 500; letter-spacing: .1em; transition: background .25s, color .25s; }
.gcr--column .gcr__works-btn span { font-family: "Jost", sans-serif; font-weight: 300; font-size: 18px; }
.gcr--column .gcr__works-btn:hover { background: var(--gcr-ink); color: #fff !important; }
@media (max-width: 767px) {
  .gcr--column .gcr__cols { grid-template-columns: 1fr; gap: 12px; }
  .gcr--column .gcr__works-btn { width: 100%; justify-content: center; }
}