.text_red{
 color:#de4911;
}

#product_seasonal_bana{
margin: 0px 0 65px 0;
}


.column--btn__soldout {
  background: #ccc;
  border-radius: 6px;
  color: #fff !important;
  display: block;
  padding: 10px;
  text-align: center;
}


@media screen and (max-width: 767px) {
  /* 商品の枠（liタグ） */
  .item__column--list {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    float: none !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
  }

  /* 1. 商品名（画像と同じタグ内）の下に余白を自動で作り、価格を一番下に押し下げる */
  .item__column--img {
    margin-bottom: auto !important; 
  }

  /* 2. 価格（pタグ）の上の自動マージンは解除し、下側に少しだけ余白を作る */
  .item__column--price {
    margin-top: 10px !important; /* 商品名との間の最低限の隙間 */
    margin-bottom: 8px !important; /* 価格とボタンの間の隙間 */
  }

  /* 3. ボタン（pタグ）は価格のすぐ下にピタッとくっつける */
  .item__column--btn {
    margin-top: 0 !important; 
  }
}