@charset "UTF-8";
/* 
spectra post grid のmd以上の横並び
*/
/* 
spectra post grid デフォルトでイマイチなところをの調整
*/
.spe-post-grid-row-settings .uagb-post__image {
  margin-bottom: 1rem;
}
.spe-post-grid-row-settings .uagb-post__inner-wrap:last-child {
  margin-bottom: 0;
}

/*
spectra post grid のタイトルや抜粋の高さを揃える
post gridのブロックにクラスを追加して使用する
*/
.spe-post-grid-row .uagb-post__inner-wrap {
  display: grid !important;
  grid-template-rows: subgrid;
  grid-row: span 5;
  gap: 0;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .spe-post-grid-row .uagb-post__inner-wrap {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .spe-post-grid-row .uagb-post__inner-wrap {
    margin-bottom: 0;
  }
}

/*
spectra post grid のタイトルを何行で省略するか
.spe-post-grid__title--line-1 から .spe-post-grid__title--line-3 まで、3なら3行で省略
post gridのブロックにクラスを追加して使用する
*/
.spe-post-grid__title--line-1 .uagb-post__title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.spe-post-grid__title--line-2 .uagb-post__title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.spe-post-grid__title--line-3 .uagb-post__title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*
spectra post grid の画像の角丸
.spe-post-grid__image-radius-xs から .spe-post-grid__image-radius-2xl まで。
post gridのブロックにクラスを追加して使用する
*/
.spe-post-grid__image-radius-xs .uagb-post__image {
  overflow: hidden;
  border-radius: 2px !important;
}

.spe-post-grid__image-radius-sm .uagb-post__image {
  overflow: hidden;
  border-radius: 4px !important;
}

.spe-post-grid__image-radius-md .uagb-post__image {
  overflow: hidden;
  border-radius: 8px !important;
}

.spe-post-grid__image-radius-lg .uagb-post__image {
  overflow: hidden;
  border-radius: 16px !important;
}

.spe-post-grid__image-radius-xl .uagb-post__image {
  overflow: hidden;
  border-radius: 24px !important;
}

.spe-post-grid__image-radius-2xl .uagb-post__image {
  overflow: hidden;
  border-radius: 32px !important;
}

.spe-post-grid__image-radius-3xl .uagb-post__image {
  overflow: hidden;
  border-radius: 54px !important;
}

.spe-post-grid__image-radius-4xl .uagb-post__image {
  overflow: hidden;
  border-radius: 80px !important;
}

.spe-post-grid__image-radius-5xl .uagb-post__image {
  overflow: hidden;
  border-radius: 120px !important;
}/*# sourceMappingURL=component-spectra.css.map */