@charset "UTF-8";
/* CSS Document */

/* === 横スクロール抑止（row基点） === */
.birth-grid-row{
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative;
  overflow-x: clip;  /* 横だけカット */
}

/* === グリッドの土台（UL） === */
.birth-grid-row > .birth-list{
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  box-sizing: border-box !important;

  /* デフォルト：>=1280px は 5 カラム */
  grid-template-columns: repeat(5, 1fr) !important;
  justify-items: stretch;
  align-items: start;
}

/* 各カード（LIは常に100%） */
.birth-grid-row > .birth-list > li.birth-prd-lst-unit-tk{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* 画像はみ出し対策（任意） */
.birth-grid-row .image-tk{ width:100%; aspect-ratio:1/1; overflow:hidden; }
.birth-grid-row .image-tk img{
  display:block !important; width:100% !important; height:100% !important; object-fit:cover;
}

/* ===== ブレイクポイント ===== */
/* 768～1279px：4カラム */
@media (max-width: 1279px){
  .birth-grid-row > .birth-list{ grid-template-columns: repeat(4, 1fr) !important; }
}
/* 481～767px：3カラム */
@media (max-width: 767px){
  .birth-grid-row > .birth-list{ grid-template-columns: repeat(3, 1fr) !important; }
}
/* ～480px：2カラム */
@media (max-width: 480px){
  .birth-grid-row > .birth-list{ grid-template-columns: repeat(2, 1fr) !important; }
}

/* 文字の1文字折り対策 */
.birth-grid-row .prd-lst-name a,
.birth-grid-row .prd-lst-exp,
.birth-grid-row .prd-lst-price{
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere;
}