@charset "UTF-8";
/* CSS Document */
.tb-style {
    border-collapse: separate;
    border-spacing: 1rem;
    background: radial-gradient(circle at center,
      #7493AF 20%,
      #4a6176 40%,
      #3a4e61 80%
    );
		width: 95%;
		margin: 0 auto;
  }
.tb-style tr.has-bg {
  background-image: url('https://www.2525r.com/contents/data/rwd/store-00565-005/bk.jpg');
  background-size: cover;
  background-position: center;
  display: flex;                    /* ← flexboxに変更 */
  justify-content: space-evenly;   /* ← 均等配置 */
  align-items: center;             /* ← 上下中央揃え */
  padding: 1rem 0.2rem 0.5rem 0.2rem;                   /* ← 上下左右1rem */
  box-sizing: border-box;
}

.has-bg td {
  width: 23%;
  vertical-align: middle;
  flex-shrink: 0;                  /* ← 縮まないように */
}

.has-bg td img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 760px) {
	.tb-style {
    border-collapse: separate;
    border-spacing: 0.7rem;
    background: radial-gradient(circle at center,
      #7493AF 20%,
      #4a6176 40%,
      #3a4e61 80%
    );
		width: 95%;
		margin: 0 auto;
  }
	.tb-style tr.has-bg {
  background-image: url(https://www.2525r.com/contents/data/rwd/store-00565-005/bk.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.5rem 0.2rem 0rem 0.2rem;
    box-sizing: border-box;
}

  .has-bg td {
    width: 22%;
  }
}