@charset "utf-8";

.kiraku-latest-posts--grid .kiraku-home-journal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px 30px;
}
.kiraku-latest-posts--grid .kiraku-blog-card{min-width:0}
.kiraku-latest-posts--grid .kiraku-blog-card a{display:block;color:inherit;text-decoration:none}
.kiraku-latest-posts--grid .kiraku-blog-card__img{aspect-ratio:3/2;overflow:hidden;margin-bottom:15px;background:#e4dfd4}
.kiraku-latest-posts--grid .kiraku-blog-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.kiraku-latest-posts--grid .kiraku-blog-card a:hover .kiraku-blog-card__img img{transform:scale(1.025)}
.kiraku-latest-posts--grid .kiraku-blog-card h3{
  margin:0;
  font-family:"Noto Serif CJK JP","Noto Serif JP",serif !important;
  font-size:16px !important;
  font-weight:400;
  line-height:1.5 !important;
  letter-spacing:0;
  color:#FFFFFF !important;
  text-align:left;
}
.kiraku-latest-posts--grid .kiraku-blog-card a:hover h3,
.kiraku-latest-posts--grid .kiraku-blog-card a:focus-visible h3{
  text-decoration:underline;
  text-underline-offset:4px;
}

.kiraku-home-news-slider .kiraku-blog-card{min-width:0}
.kiraku-home-news-slider .kiraku-blog-card a{display:block;color:inherit;text-decoration:none}
.kiraku-home-news-slider .kiraku-blog-card__img{aspect-ratio:1.618/1;overflow:hidden;margin-bottom:15px;background:#e4dfd4}
.kiraku-home-news-slider .kiraku-blog-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.kiraku-home-news-slider .kiraku-blog-card a:hover .kiraku-blog-card__img img{transform:scale(1.025)}
.kiraku-home-news-slider .kiraku-blog-card__meta{display:flex;font-family:"Noto Serif JP",serif;font-size:15px;font-weight:500;letter-spacing:.075em;color:#000000;margin-bottom:10px}
.kiraku-home-news-slider .kiraku-blog-card h3{margin:0;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0}

@media(min-width:768px) and (max-width:1024px){
  .kiraku-latest-posts--grid .kiraku-home-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .kiraku-latest-posts--grid .kiraku-home-journal-grid{
    grid-template-columns:repeat(2,calc(50% - (15px / 2)));
    gap:15px;
  }
  .kiraku-latest-posts--grid .kiraku-blog-card h3{font-size:15px !important}
}