/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* topの画像横並びスタイル */
.wp-block-group.grid-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 1rem !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
  flex-direction: row !important;
}

.grid-item {
  flex: 0 0 auto !important;
  scroll-snap-align: start;
  width: 250px;
}

.grid-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}


/* info-style */
.top-info-style .wp-block-latest-posts__featured-image {
  width: 260px !important;
  height: 260px !important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0; /* お好みで */
  border-radius: 8px; /* 任意 */
}

.top-info-style .wp-block-latest-posts__featured-image img {
  width: 260px !important;
  height: 260px !important;
  object-fit: cover !important;
  display: block !important;
  max-width: none !important;    /* max-widthを解除 */
  max-height: none !important;   /* max-heightを解除 */
}