/*
Theme Name: MONAD Child
Theme URI: https://tcd-theme.com/tcd110/
Template: monad_tcd110
Author: TCD
Author URI: https://tcd-theme.com/
Description: WordPress theme "MONAD" was developed with a clinic site such as a psychosomatic clinic. It is characterized by gentle animations that give the image of a reassuring clinic, and has features that make it easy to create a medical information page and a FAQ page.
Version: 1.5.1753681026
Updated: 2025-07-28 14:37:06

*/

/*course grid
.cb_free_space div.card-post-list {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr)!important; 
  margin-top: 2em;
}
/*course list*/
/*.card-post-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 2em;
}

.post-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}
*/
/*.post-card:hover {
  transform: translateY(-5px);
}

.post-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.post-content {
  padding: 1em;
}

.post-title {
  font-size: 1.1em;
  margin: 0 0 0.5em;
}

.post-title a {
  text-decoration: none;
  color: #333;
}

.post-excerpt {
  color: #666;
  font-size: 0.9em;
}
/*course grid


@media screen and (max-width: 1024px) {
  .card-post-list {
    grid-template-columns: repeat(2, 1fr); /* タブレット以下は2列 
  }
}

@media screen and (max-width: 600px) {
  .card-post-list {
    grid-template-columns: 1fr; /* スマホは1列 
  }
}

.post-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.post-card:hover {
  transform: translateY(-5px);
}

.post-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.post-content {
  padding: 1em;
  flex-grow: 1;
}

.post-title {
  font-size: 1.1em;
  margin: 0 0 0.5em;
}

.post-title a {
  text-decoration: none;
  color: #333;
}

.post-excerpt {
  color: #666;
  font-size: 0.9em;
}
*/