/*
 
style.less

*/
[v-cloak] {
  display: none;
}
:root {
  --bs-primary: #7a9fbb;
  --bs-secondary: #6c757d;
  --bs-success: #88c799;
  --bs-danger: #d66b6b;
}
.btn-primary {
  --bs-btn-bg: #5a9bd5;
  /* 背景色 */
  --bs-btn-border-color: #5a9bd5;
  /* 枠線色 */
  --bs-btn-hover-bg: #4a8ac4;
  /* ホバー時の背景色 */
  --bs-btn-hover-border-color: #4a8ac4;
  /* ホバー時の枠線色 */
  --bs-btn-active-bg: #3b79b3;
  /* アクティブ時の背景色 */
  --bs-btn-active-border-color: #3b79b3;
  /* アクティブ時の枠線色 */
  --bs-btn-color: #ffffff;
  /* 文字色 */
}
body {
  color: #333;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
fieldset:disabled {
  cursor: not-allowed;
}
/*
 placeholderの色が濃ゆいので薄くする
*/
input::placeholder,
input.form-control::placeholder {
  color: #aaa;
  opacity: 1;
}
/* フォーカス時は透明にする（非表示） */
input:focus::placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}
/*
    sweetalert2 の設定
*/
.my-swal {
  font-size: 14px;
  /* 文字を小さくする */
}
.my-swal-confirm-btn {
  min-width: 120px;
  font-size: 16px;
  font-weight: bold;
}
.my-swal-cancel-btn {
  min-width: 80px;
  font-size: 14px;
}
.no-bounce-show {
  animation: fadeIn 0.2s ease-out;
}
.no-bounce-hide {
  animation: fadeOut 0.2s ease-in;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}