/* ===========================================
画面設定
===========================================*/
/*フッター用画面全体の設定*/
.wrapper {
  height: 100%;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}

/*フッターの設定*/
footer {
  width: 100%;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  position: absolute;
  bottom: 0;
}

/*1200px以下の設定*/
@media (max-width: 1200px) {

  /*画面パネルの設定*/
  .w-50 {
    width: 75% !important;
  }

}

/*768px以下の設定*/
@media (max-width: 768px) {

  /*画面パネルの設定*/
  .w-50 {
    width: 90% !important;
  }

}

/* ===========================================
ボタン設定
===========================================*/
/*Buttonの色*/
.btn {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #f0ad4e;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #ff8a2d;
  --bs-btn-hover-border-color: #ff8a2d;
  --bs-btn-active-border-color: #bf6d2c;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #bf6d2c;
}