/* ログイン画面表示切替用 */

#loadlogin_background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #eee;
  opacity: 1;
  display: none;
  z-index: 1000;
}

#loadlogin_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1001;
}

#loadlogin_progress_area {
  display: none;
}

.js_info_wrapper {
  display: none;
}

/* ロード中 */
#now_loading, #now_loading_api {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1100;
  vertical-align: middle;
  padding-top: 300px;
}

.floating_bars_g {
  position: relative;
  margin: 0 auto;
  width: 62px;
  height: 77px;
}

.block_g {
  position: absolute;
  background-color: #4E90F3;
  width: 10px;
  height: 24px;
  -moz-border-radius: 8px 8px 0 0;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: 0.64s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 8px 8px 0 0;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
}

.rotate_g_01 {
  left: 0;
  top: 28px;
  -moz-animation-delay: 0.24000000000000005s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: 0.24000000000000005s;
  -webkit-transform: rotate(-90deg);
}

.rotate_g_02 {
  left: 8px;
  top: 10px;
  -moz-animation-delay: 0.32s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: 0.32s;
  -webkit-transform: rotate(-45deg);
}

.rotate_g_03 {
  left: 26px;
  top: 3px;
  -moz-animation-delay: 0.4s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: 0.4s;
  -webkit-transform: rotate(0deg);
}

.rotate_g_04 {
  right: 8px;
  top: 10px;
  -moz-animation-delay: 0.4800000000000001s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: 0.4800000000000001s;
  -webkit-transform: rotate(45deg);
}

.rotate_g_05 {
  right: 0;
  top: 28px;
  -moz-animation-delay: 0.56s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: 0.56s;
  -webkit-transform: rotate(90deg);
}

.rotate_g_06 {
  right: 8px;
  bottom: 7px;
  -moz-animation-delay: 0.64s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: 0.64s;
  -webkit-transform: rotate(135deg);
}

.rotate_g_07 {
  bottom: 0;
  left: 26px;
  -moz-animation-delay: 0.72s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: 0.72s;
  -webkit-transform: rotate(180deg);
}

.rotate_g_08 {
  left: 8px;
  bottom: 7px;
  -moz-animation-delay: 0.8s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 0.8s;
  -webkit-transform: rotate(-135deg);
}

@-moz-keyframes fadeG {
  0% {
    background-color: #FFFFFF;
  }
  100% {
    background-color: #4E90F3;
  }
}

@-webkit-keyframes fadeG {
  0% {
    background-color: #FFFFFF;
  }
  100% {
    background-color: #4E90F3;
  }
}