* {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

html {
  font-size: 62.5%; }

body {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  margin: 0; }

.passcode-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7); }
  .passcode-container .passcode-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center; }
    .passcode-container .passcode-inner .passcode-input-text {
      font-size: 1.6rem;
      margin: 2rem auto;
      width: 20rem;
      height: 3rem;
      -moz-user-select: -moz-auto;
      -webkit-user-select: auto;
      user-select: auto; }
    .passcode-container .passcode-inner .passcode-input-ok {
      width: 9.5rem;
      height: 3rem; }
    .passcode-container .passcode-inner .passcode-input-cancel {
      margin-left: 1rem;
      width: 9.5rem;
      height: 3rem; }

.passcode-message-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 120;
  background-color: rgba(65, 105, 225, 0.6); }
  .passcode-message-container .passcode-message {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.6); }

.processing-now {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: #000;
  background-image: url("../res/load.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30% auto;
  opacity: .7; }