a {
  color:#000066;
}
a:hover {
  color: #FF0000;
  text-decoration: none;
}
/* 訪問済みリンク文字色*/
a:visited {
  color:#330099;
  text-decoration: none;
}
/* テーブル内行間調整、パーセント大で行間広がります、フォントサイズの指定も可能です（要追記）*/
table { line-height: 130% ;
}
/* テーブルセル余白調整*/
td, th {
padding: 5px 5px;
}

.bnr-container {
    display: flex
;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
}
.bnr_button {
    width: 100%;
    height: auto;
    border: none;
    cursor: pointer;
    background-color: #FFF;
    transition: opacity 0.3sease-in-out;
}
.bnr_button img {
    padding: 10px;
}
.bnr_button:hover img {
  opacity: 0.8; /* ホバー時に画像を薄くする */
}
.product__model{
  display:block;
}
.product-list__model {
 font-size: 0.75em;
 font-weight: bold;
}

/* テーブルの幅指定 */
.base-table {
  width: 100%;
  max-width: 500px;
  border: 1px solid #000;
  border-collapse: collapse; /* ← セルとセルの間の線を1本化して表示 */
}

/* 外側テーブル直下の td のみに枠線を適用 */
.base-table > tbody > tr > td {
  border: 1px solid #000; /* ← 各セルに枠線を追加 */
}

.in-table {
　width: 100%;
  border: 0px ;
}

.img-td {
  width: 80px;
  vertical-align: middle;
}

.txt-td {
  vertical-align: top;
}

.pro-td1 {
  width: 30%;
  text-align: center;
  vertical-align: middle;
}
  
.pro-td2 {
  text-align: center;
  vertical-align: middle;
}