@charset "UTF-8";
/* line 3, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #333333; }

/* line 8, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mb-min {
  margin-bottom: 0.25rem; }

/* line 11, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mb-1 {
  margin-bottom: 0.5rem; }

/* line 14, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mb-2 {
  margin-bottom: 1rem; }

/* line 17, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mt-min {
  margin-top: 0.25rem; }

/* line 20, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mt-1 {
  margin-top: 0.5rem; }

/* line 23, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.mt-2 {
  margin-top: 1rem; }

/* line 27, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.display-none {
  display: none; }

/* line 31, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.w-100 {
  display: block;
  width: 100%; }

/* line 36, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* line 42, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.float-left {
  float: left; }

/* line 46, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_common.scss */
.float-right {
  float: right; }

/* line 3, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
body {
  padding: 0;
  margin: 0; }

/* line 8, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
footer {
  padding: 10px 5px 10px 20px;
  color: #FFFFFF;
  background-color: #7864e6;
  font-size: 10px;
  text-align: center; }

/* line 16, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
.button img {
  width: 92%;
  cursor: pointer; }
  /* line 19, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
  .button img:hover {
    opacity: 0.7; }

/* line 24, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
.button-center {
  text-align: center;
  margin-bottom: .5em; }

/* line 29, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
a.link-button {
  cursor: pointer;
  visibility: hidden;
  width: 320px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  /* line 36, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
  a.link-button img {
    width: 100%; }

/* line 42, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
.get-point {
  background: url("../img/9999/cong/pt_get.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 91.5vw;
  padding-top: 45.5vw;
  box-sizing: border-box;
  text-align: center; }
  /* line 50, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
  .get-point span {
    font-size: 5vw;
    font-weight: bold;
    line-height: 5vw; }

/* line 58, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp.scss */
.game-result-img {
  margin-bottom: 1em; }

/** rule page */
/* line 1, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-main {
  background: url("../img/9999/rule/teruteru_tenkiate_rule_sp.png") no-repeat;
  background-size: contain;
  height: 353vw;
  width: 100%;
  position: relative; }

/* line 10, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-rewards-area {
  position: relative;
  top: 145vw;
  left: 0;
  width: 94%;
  box-sizing: border-box; }

/* line 19, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-rewards {
  position: absolute;
  padding: 0;
  left: 3%;
  width: 100%; }

/* line 26, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-rewards-normal {
  top: 33vw; }
  /* line 28, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
  .rule-rewards-normal .rule-reward {
    height: 13vw;
    line-height: 13vw; }

/* line 34, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-rewards-event {
  top: 87vw; }
  /* line 36, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
  .rule-rewards-event .rule-reward {
    height: 15.5vw;
    line-height: 15.5vw; }

/* line 42, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_rule.scss */
.rule-reward {
  font-size: 5vw;
  font-weight: bold;
  text-align: right;
  padding-right: 3vw;
  box-sizing: border-box;
  margin: 0;
  width: 50%;
  float: left; }

/** ad */
/*  -------------------------------------------------------------
各プラン広告
 ------------------------------------------------------------- */
/* line 5, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.close-meerkat {
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  text-indent: -9000px;
  width: 40px;
  z-index: 10;
  right: 5px;
  top: 125px; }

/* line 17, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.popup_koukoku_1 {
  position: relative; }

/* line 21, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.popup_koukoku {
  display: block;
  margin: 0px 10px;
  padding: 80px 0px 0px 0px; }

/*  -------------------------------------------------------------
通常広告
 ------------------------------------------------------------- */
/* line 30, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.ad2 {
  width: 300px;
  margin: -2px auto 2px auto; }

/* line 35, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.ad3 {
  width: 320px;
  margin: -2px auto 2px auto; }

/* line 40, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.banner {
  width: 100%;
  text-align: center;
  position: relative; }

/* line 46, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.mb-ad {
  margin-bottom: 10px; }

/* line 49, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_ad.scss */
.mt-ad {
  margin-top: 10px; }

/* line 1, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
#inter-ad {
  width: 100%;
  /*height: 100vh;*/
  background-color: transparent;
  position: absolute;
  top: 4em;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1000;
  box-sizing: border-box;
  display: none; }

/* line 15, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad {
  background-color: #FFFFFF;
  width: 100%;
  z-index: 9999;
  margin: auto;
  padding: 2em 1.2em;
  box-sizing: border-box; }

/* line 24, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad-head {
  width: 100%;
  margin: 0 auto; }
  /* line 27, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
  .inter-ad-head img {
    display: none;
    width: 100%; }

/* line 33, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad-body-title {
  display: none;
  width: 100%;
  margin-bottom: 1em; }

/* line 39, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad-body-button {
  border: medium none; }
  /* line 41, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
  .inter-ad-body-button a {
    cursor: pointer; }
  /* line 44, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
  .inter-ad-body-button img {
    width: 100% !important;
    max-width: 300px; }

/* line 50, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad-body-button-next img {
  visibility: hidden; }

/* line 53, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_inter_ad.scss */
.inter-ad-body-button-lose img {
  visibility: hidden;
  display: none; }

/** game */
/* line 1, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative; }

/* line 6, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content--1 {
  background-image: url("../img/9999/game/game_image.png"); }

/* line 9, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content--2 {
  background-image: url("../img/9999/game/game_image_2.png"); }

/* line 12, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content--3 {
  background-image: url("../img/9999/game/game_image_3.png"); }

/* line 15, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content--4 {
  background-image: url("../img/9999/game/game_image_4.png"); }

/* line 18, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-content--5 {
  background-image: url("../img/9999/game/game_image_5.png"); }

/* line 23, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
#game-screen {
  position: relative;
  z-index: 1000; }

/* line 28, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-cards {
  text-align: center;
  position: relative;
  display: none; }

/* line 34, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  width: 23%;
  margin: 0 0.5%;
  position: absolute;
  top: 0;
  z-index: 10; }

/* line 44, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card--1 {
  left: 1%; }

/* line 47, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card--2 {
  left: 25.5%; }

/* line 50, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card--3 {
  left: 50%; }

/* line 53, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card--4 {
  left: 74.5%; }

/* line 57, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-card-inner {
  height: 100%; }

/* line 61, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-rewards-area {
  background: url("../img/9999/game/houshu.png") no-repeat;
  box-sizing: border-box;
  position: relative; }

/* line 67, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-rewards {
  position: absolute; }

/* line 71, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_game.scss */
.game-reward {
  box-sizing: border-box;
  font-weight: bold;
  float: left;
  margin: 0;
  text-align: right;
  width: 50%; }

/* line 1, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-content {
  margin-bottom: 3vw; }
  /* line 4, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
  .game-content .game-loading {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 12vw;
    z-index: 100; }

/* line 14, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-cards {
  margin-bottom: 10px;
  height: 32.5vw; }

/* line 19, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-card {
  width: 23%;
  margin: 0 0.5%;
  height: 32.5vw; }

/* line 25, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-rewards-area {
  background-size: contain;
  height: 90vw;
  margin: 5vw 0 3vw;
  position: relative;
  width: 100%; }

/* line 33, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-rewards {
  padding: 0;
  left: 6%;
  width: 88%; }

/* line 39, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-rewards-normal {
  top: 22vw; }
  /* line 41, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
  .game-rewards-normal .game-reward {
    height: 10.5vw;
    line-height: 10.5vw; }

/* line 47, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-rewards-event {
  top: 57vw; }
  /* line 49, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
  .game-rewards-event .game-reward {
    height: 15vw;
    line-height: 15vw; }

/* line 55, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/sp/_game.scss */
.game-reward {
  font-size: 4vw;
  padding-right: 3vw; }

/******************************
* frontFlip
******************************/
@keyframes frontFlipStart {
  from {
    transform: rotateY(1deg);
    opacity: 1; }
  99.9% {
    opacity: 1; }
  to {
    transform: rotateY(90deg);
    opacity: 0; } }
@keyframes frontFlipping {
  from {
    transform: rotateY(90deg);
    opacity: 0; }
  to {
    transform: rotateY(91deg);
    opacity: 0; } }
@keyframes frontFlipEnd {
  from {
    transform: rotateY(91deg);
    opacity: 0; }
  to {
    transform: rotateY(180deg);
    opacity: 0; } }
/******************************
* backFlip
******************************/
@keyframes backFlipping {
  from {
    transform: rotateY(-90deg);
    opacity: 0; }
  70% {
    opacity: 0; }
  to {
    transform: rotateY(-88deg);
    opacity: 1; } }
@keyframes backFlipEnd {
  from {
    transform: rotateY(-88deg);
    opacity: 1; }
  to {
    transform: rotateY(0deg);
    opacity: 1; } }
/******************************
* midFlip
******************************/
@keyframes midFlipping {
  from {
    transform: rotateY(-90deg);
    opacity: 1; }
  to {
    transform: rotateY(-88deg);
    opacity: 1; } }
@keyframes midFlipEnd {
  from {
    transform: rotateY(-88deg);
    opacity: 0; }
  to {
    transform: rotateY(0deg);
    opacity: 0; } }
/******************************
* frontAfterChange
******************************/
@keyframes frontAfterChangeStart {
  from {
    transform: rotateY(0deg);
    opacity: 1; }
  29.99% {
    opacity: 1; }
  30% {
    opacity: 0; }
  to {
    transform: rotateY(144deg);
    opacity: 0; } }
@keyframes frontAfterChanging1 {
  from {
    transform: rotateY(144deg);
    opacity: 0; }
  to {
    transform: rotateY(103deg);
    opacity: 0; } }
@keyframes frontAfterChanging2 {
  from {
    transform: rotateY(103deg);
    opacity: 0; }
  to {
    transform: rotateY(100deg);
    opacity: 0; } }
@keyframes frontAfterChanging3 {
  from {
    transform: rotateY(100deg);
    opacity: 0; }
  to {
    transform: rotateY(100deg);
    opacity: 0; } }
@keyframes frontAfterChanged {
  from {
    transform: rotateY(100deg);
    opacity: 0; }
  to {
    transform: rotateY(180deg);
    opacity: 0; } }
@keyframes frontAfterReversed {
  from {
    transform: rotateY(100deg);
    opacity: 0; }
  19.9% {
    opacity: 0; }
  20% {
    opacity: 1; }
  to {
    transform: rotateY(0deg);
    opacity: 1; } }
/******************************
* backAfterChange
******************************/
@keyframes backAfterChangeStart {
  from {
    transform: rotateY(-180deg);
    opacity: 0; }
  29.99% {
    opacity: 0; }
  30% {
    opacity: 1; }
  to {
    transform: rotateY(-36deg);
    opacity: 1; } }
@keyframes backAfterChanging1 {
  from {
    transform: rotateY(-36deg);
    opacity: 1; }
  to {
    transform: rotateY(-77deg);
    opacity: 1; } }
@keyframes backAfterChanging2 {
  from {
    transform: rotateY(-77deg);
    opacity: 1; }
  to {
    transform: rotateY(-80deg);
    opacity: 1; } }
@keyframes backAfterChanging3 {
  from {
    transform: rotateY(-80deg);
    opacity: 1; }
  to {
    transform: rotateY(-80deg);
    opacity: 1; } }
@keyframes backAfterChanged {
  from {
    transform: rotateY(-80deg);
    opacity: 1; }
  to {
    transform: rotateY(0deg);
    opacity: 1; } }
@keyframes backAfterReversed {
  from {
    transform: rotateY(-80deg);
    opacity: 1; }
  19.9% {
    opacity: 0; }
  20% {
    opacity: 0; }
  to {
    transform: rotateY(-180deg);
    opacity: 0; } }
/******************************
* スタイル定義
******************************/
/* line 276, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card-inner {
  perspective: 150rem;
  width: 100%;
  position: relative; }

/* line 282, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card-front,
.game-card-back,
.game-card-mid {
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden; }

/* line 294, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card-mid {
  opacity: 0;
  border-radius: 10px;
  transform: rotateY(90deg);
  border: 2px solid #333; }

/* line 301, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card-back {
  transform: rotateY(90deg); }

/******************************
* アニメーション定義
******************************/
/* line 310, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip .game-card-front {
  animation: frontFlipStart 0.5s ease 0.4s, frontFlipping 1.8s 0.9s linear, frontFlipEnd 0.6s 2.7s ease-in forwards; }
/* line 313, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip .game-card-mid {
  animation: midFlipping 1.8s 0.9s linear, midFlipEnd 0.6s 2.7s ease-in forwards; }
/* line 316, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip .game-card-back {
  animation: backFlipping 1.8s 0.9s linear, backFlipEnd 0.6s 2.7s ease-in forwards; }

/* line 322, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip-effect .game-card-front {
  animation: frontFlipStart 0.5s ease 0.4s, frontFlipping 3.5s 0.9s linear, frontFlipEnd 0.6s 4.4s ease-in forwards; }
/* line 325, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip-effect .game-card-mid {
  animation: midFlipping 3.5s 0.9s linear, midFlipEnd 0.6s 4.4s ease-in forwards; }
/* line 328, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--flip-effect .game-card-back {
  animation: backFlipping 3.5s 0.9s linear, backFlipEnd 0.6s 4.4s ease-in forwards; }

/* line 335, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-change .game-card-front {
  animation: frontAfterChangeStart 0.5s ease 0.4s, frontAfterChanging1 0.4s 0.9s linear, frontAfterChanging2 0.6s 1.3s linear, frontAfterChanging3 1.4s 1.9s linear, frontAfterChanged 0.4s 3.3s ease-in forwards; }
/* line 338, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-change .game-card-mid {
  display: none; }
/* line 341, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-change .game-card-back {
  animation: backAfterChangeStart 0.5s ease 0.4s, backAfterChanging1 0.4s 0.9s linear, backAfterChanging2 0.6s 1.3s linear, backAfterChanging3 1.4s 1.9s linear, backAfterChanged 0.4s 3.3s ease-in forwards; }

/* line 347, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-reverse .game-card-front {
  animation: frontAfterChangeStart 0.5s ease 0.4s, frontAfterChanging1 0.4s 0.9s linear, frontAfterChanging2 0.6s 1.3s linear, frontAfterChanging3 1.4s 1.9s linear, frontAfterReversed 0.4s 3.3s ease-in forwards; }
/* line 350, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-reverse .game-card-mid {
  display: none; }
/* line 353, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/_animation.scss */
.game-card--after-reverse .game-card-back {
  animation: backAfterChangeStart 0.5s ease 0.4s, backAfterChanging1 0.4s 0.9s linear, backAfterChanging2 0.6s 1.3s linear, backAfterChanging3 1.4s 1.9s linear, backAfterReversed 0.4s 3.3s ease-in forwards; }

@keyframes game-loading-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* line 14, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div {
  left: 94px;
  top: 48px;
  position: absolute;
  animation: game-loading-spinner linear 1s infinite;
  background: #149cdf;
  width: 12px;
  height: 24px;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px; }

/* line 26, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background: #149cdf; }

/* line 32, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #149cdf; }

/* line 38, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #149cdf; }

/* line 44, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #149cdf; }

/* line 50, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #149cdf; }

/* line 56, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #149cdf; }

/* line 62, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #149cdf; }

/* line 68, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #149cdf; }

/* line 74, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #149cdf; }

/* line 80, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #149cdf; }

/* line 86, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background: #149cdf; }

/* line 92, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #149cdf; }

/* line 98, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: transparent; }

/* line 106, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */ }

/* line 115, /Users/master/Workspace/directfarm/sp_game/weather_guessing/source/css/loading.scss */
.game-loading-spinner div {
  box-sizing: content-box; }

/** gacha */