/***************** ボタン押下フィードバック *****************/

/* 前進系ボタン共通（transition付与） */
#sps-smp-cart .formbox input[type='submit'],
#sps-smp-cart p.button_or input[type='submit'],
#sps-smp-cart .bto_r input[type='submit'],
#sps-smp-cart #pi_link #mp_link_item1 a {
  -webkit-tap-highlight-color: transparent;
  transition:
    transform 0.1s ease,
    background-color 0.1s ease,
    box-shadow 0.1s ease;
}

/* 前進系ボタン：押した瞬間 */
#sps-smp-cart .formbox input[type='submit']:active,
#sps-smp-cart p.button_or input[type='submit']:active,
#sps-smp-cart .bto_r input[type='submit']:active,
#sps-smp-cart #pi_link #mp_link_item1 a:active {
  transform: scale(0.96);
  background-color: #3a1a10 !important;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
}

/* 後退系ボタン共通（transition付与） */
#sps-smp-cart .ar_link_l a.back,
#sps-smp-cart .btg_r button[type='button'] {
  -webkit-tap-highlight-color: transparent;
  transition:
    transform 0.1s ease,
    background-color 0.1s ease,
    box-shadow 0.1s ease;
}

/* 後退系ボタン：押した瞬間 */
#sps-smp-cart .ar_link_l a.back:active,
#sps-smp-cart .btg_r button[type='button']:active {
  transform: scale(0.96);
  background-color: #888 !important;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3);
}

/* オレンジ系ボタン（購入手続きへ進む・会員登録して購入）の押下色を上書き */
#sps-smp-cart #cartButtonNameSubmit input[type='submit']:active {
  background-color: #a04a20 !important; /* オレンジを暗くした色 */
}