button
{
  -webkit-user-select: none; /* iOS Safari */
  user-select: none;         /* ほかのブラウザ */
  -webkit-touch-callout: none; /* 長押しの「コピー/共有」系メニューを抑止 */
  -webkit-user-drag: none;     /* 画像などのドラッグ開始抑止（念のため） */
  }

  @supports (-webkit-touch-callout: none) {
  button, .btn {
    touch-action: manipulation;
  }
}

.button_bk
{
  touch-action: manipulation;
  -webkit-user-select: none; /* iOS Safari */
  user-select: none;         /* ほかのブラウザ */
  -webkit-touch-callout: none; /* 長押しの「コピー/共有」系メニューを抑止 */
  -webkit-user-drag: none;     /* 画像などのドラッグ開始抑止（念のため） */
  }


  .btn-swal2-styled {
  font-size: 1rem;
  margin: .1em;
  padding: 10px 16px;
  font-weight: 500;
  line-height: 1.2;
  min-height: 44px;
  box-shadow: none;
  border: 0;
  border-radius: .25em;
  background: initial;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  transform:scale(1);


  transition: transform 0.01s ease-out, box-shadow 0.5s ease-out;

}


.btn-swal2-styled:active {
  /* transition: transform 1.05s ease-out, box-shadow 0.05s ease-out;   */
  background-color: #dd9700;
  transform: scale(0.95);

}

.btn-swal2-confirm {
  background-color: #7066e0;
  color: #fff;
  /* transition: transform 1.05s ease-out, box-shadow 1.05s ease-out;
  background-color: #7066e0;

  */
}

.btn-swal2-confirm_ {
  background-color: #7066e0;
  color: #fff;
  /* transition: transform 1.05s ease-out, box-shadow 1.05s ease-out;
  background-color: #7066e0;

  */
}

.btn-swal2-glay {
  background-color: #7b7f9e;
  color: #fff;
  /* transition: transform 1.05s ease-out, box-shadow 1.05s ease-out;
  background-color: #7066e0;
  */
}

.btn-swal2-disable {
  background-color: #676767;
  color: #000000;

}
.btn-swal2-confirm-l {
  background-color: #7066e0;
  background-color_: #7066e0;
  color: #fff;
  min-width: 200px;
}

.btn-swal2-mod-pc
{
  font-size: 1.0rem;

}


.btn-swal2-cancel {
  background-color: #aaa;
  color: #fff;
}
.swal2-container {
  background: rgba(0, 0, 0, 0.4) !important; /* 白半透明 */
  backdrop-filter: blur(6px);                     /* ぼかし */
}

.swal2-html
{
  font-size: 1.0rem;
}


:root{
  --hint-color_: #ffd400;
  --hint-color: #ffff00;
  --hint-color-r: #e07066;
  --hint-color-g: #66e070;


  --hint-thick: 12px;
}


.blink_div{
  position: relative;
  z-index: 0;
  border-radius: .5em;
}

.blink_div::after{
  content:"";
  position:absolute; inset:-12px;
  border-radius: inherit;
  border: var(--hint-thick) solid var(--hint-color);
  pointer-events:none;
  opacity: 0.0;
  animation: hardBlink 1.4s ease-in-out infinite;
}


.blink{
  position: relative;
  z-index: 0;
}

.blink::after{
  content:"";
  position:absolute; inset:-12px;
  border-radius: inherit;
  border: var(--hint-thick) solid var(--hint-color);
  pointer-events:none;
  opacity: 0.0;
  animation: hardBlink 1.4s ease-in-out infinite;
}

@keyframes softBlink {
  0%   { opacity: 0.0; }
  20%  { opacity: 1.0; }
  100% { opacity: 0.0; }
}

@keyframes hardBlink {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}