@charset "UTF-8";
/* 
    Created on : 2016/06/28, 14:50:11
    Author     : ooki
*/
/*

このファイルは変数の宣言をまとめておくためのファイルです。
共有で使用する変数は、本ファイルにまとめて記述します。

通常の設定ではコンパイル外になります。（先頭アンダーバー）
各scssでimportして使用して下さい。
        
*/
@-ms-viewport {
  width: auto !important;
}
/* 汎用的なクラス */
.info {
  font-size: 0.9em;
}
@media screen and (max-width: 991px) {
  .info {
    font-size: 0.8em;
  }
}

.error_label {
  font-weight: bold;
  color: red;
}

.alert_label {
  font-weight: bold;
  color: red;
}

.power-lavel {
  font-weight: bold;
  font-size: 1.1em;
}

@media screen and (max-width: 991px) {
  .small_hidden {
    display: none !important;
  }
}

@media not screen and (max-width: 991px) {
  .small_only {
    display: none !important;
  }
}

.border {
  margin: 5px 5px;
  border-top: dashed gray 1px;
  clear: both;
}

.center {
  text-align: center;
}

.auto_scale {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .auto_scale_onlysmall {
    width: 100%;
  }
}

.input_date {
  width: 120px;
}
@media screen and (max-width: 991px) {
  .input_date {
    width: 45%;
  }
}

.input_time {
  width: 100px;
}
@media screen and (max-width: 991px) {
  .input_time {
    width: 40%;
  }
}

.loading {
  position: fixed;
  /* gif画像をスクロールさせない */
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: white;
  opacity: 0.5;
  /* 透過させる */
  z-index: 998;
}
.loading img {
  position: fixed;
  /* gif画像をスクロールさせない */
  width: 96px;
  /* gif画像の幅 */
  height: 96px;
  /* gif画像の高さ */
  margin: -48px 0 0 -48px;
  /* gif画像を画面中央に */
  opacity: 0.8;
  /* 透過させる */
  border-radius: 15px;
  /* 丸角 */
  left: 50%;
  /* gif画像を画面横中央へ */
  top: 50%;
  /* gif画像を画面縦中央へ */
  z-index: 999;
}

.blight-animation {
  animation-name: kf-blight;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes kf-blight {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.return-top-button {
  position: fixed;
  bottom: 5px;
  right: 10px;
  display: none;
}
.return-top-button a {
  display: block;
  padding-top: 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.return-top-button a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*# sourceMappingURL=ui_common.css.map */