@charset "UTF-8";
/* line 3, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/_common.scss */
.mb-min {
  margin-bottom: 0.25rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 29, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/sp.scss */
  a.link-button img {
    width: 100%; }

/* line 42, /Users/master/Workspace/directfarm/sp_game/high_and_low/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: 40vw;
  box-sizing: border-box;
  text-align: center; }
  /* line 50, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp.scss */
  .get-point span {
    font-size: 5vw;
    font-weight: bold;
    line-height: 5vw; }

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

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

/* line 9, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_rule.scss */
.rule-rewards {
  position: absolute;
  top: 247vw;
  right: 4vw;
  width: 60vw; }

/* line 16, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_rule.scss */
.rule-reward {
  height: 10.2vw;
  line-height: 10.2vw;
  font-size: 5vw;
  font-weight: bold;
  text-align: center; }

/** ad */
/*  -------------------------------------------------------------
各プラン広告
 ------------------------------------------------------------- */
/* line 5, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/sp/_ad.scss */
.popup_koukoku_1 {
  position: relative; }

/* line 21, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/sp/_ad.scss */
.ad2 {
  margin: -2px auto 2px auto; }

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

/* line 40, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_ad.scss */
.banner {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative; }
  /* line 46, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_ad.scss */
  .banner img {
    width: 100%; }

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

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

/* line 1, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/sp/_inter_ad.scss */
.inter-ad {
  background-color: #FFFFFF;
  width: 100%;
  z-index: 9999;
  margin: auto;
  padding: 2em 0;
  box-sizing: border-box; }

/* line 24, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_inter_ad.scss */
.inter-ad-head {
  display: block;
  width: 94%;
  margin: 0 auto 1em;
  box-sizing: border-box; }
  /* line 29, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_inter_ad.scss */
  .inter-ad-head img {
    display: none;
    width: 100%; }

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

/* line 41, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_inter_ad.scss */
.inter-ad-body-button {
  border: medium none;
  background-color: #fff;
  cursor: pointer;
  width: 320px;
  margin-left: auto;
  margin-right: auto; }
  /* line 48, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_inter_ad.scss */
  .inter-ad-body-button a {
    cursor: pointer; }
  /* line 51, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_inter_ad.scss */
  .inter-ad-body-button img {
    width: 100% !important; }

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

/* line 60, /Users/master/Workspace/directfarm/sp_game/high_and_low/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/high_and_low/source/css/sp/_game.scss */
.game-content {
  background: url("../img/9999/game/game_image.png") no-repeat;
  background-size: contain;
  position: relative;
  margin-bottom: 3vw; }

/* line 8, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
.game_start .wrapper {
  background: url("../img/9999/layout/bg.png") repeat-x; }

/* line 12, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
#game-screen {
  position: relative;
  z-index: 100; }

/* line 17, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
.game-card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

/* line 24, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
.game-buttons {
  text-align: center;
  margin-bottom: 10px; }
  /* line 28, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
  .game-buttons .game-btn {
    cursor: pointer;
    width: 320px;
    margin: 0 auto 10px;
    opacity: 0;
    visibility: visible; }
    /* line 34, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
    .game-buttons .game-btn:hover {
      opacity: 0.7; }

/* line 40, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
.game-rewards {
  background: url("../img/9999/game/houshu.png") no-repeat;
  background-size: contain;
  box-sizing: border-box;
  width: 100%;
  height: 80vw;
  margin-top: 3vw;
  padding: 25.5vw 6vw 5vw; }

/* line 49, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
.game-reward {
  float: left;
  position: relative;
  width: 50%;
  height: 13.5vw;
  padding: 0; }
  /* line 55, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/sp/_game.scss */
  .game-reward .game-reward-val {
    position: absolute;
    top: 4.75vw;
    left: 20vw;
    font-size: 4vw; }

/******************************
* frontFlip
******************************/
@keyframes frontFlipStart {
  from {
    transform: rotateY(1deg);
    opacity: 1; }
  99.9% {
    opacity: 1; }
  to {
    transform: rotateY(91deg);
    opacity: 0; } }
@keyframes frontFlipping {
  from {
    transform: rotateY(91deg);
    opacity: 0; }
  to {
    transform: rotateY(93deg);
    opacity: 0; } }
@keyframes frontFlipEnd {
  from {
    transform: rotateY(93deg);
    opacity: 0; }
  to {
    transform: rotateY(180deg);
    opacity: 0; } }
/******************************
* backFlip
******************************/
@keyframes backFlipStart {
  from {
    transform: rotateY(-180deg); }
  99.9% {
    opacity: 0; }
  to {
    transform: rotateY(-89deg);
    opacity: 1; } }
@keyframes backFlipping {
  from {
    transform: rotateY(-90deg);
    opacity: 1; }
  to {
    transform: rotateY(-87deg);
    opacity: 1; } }
@keyframes backFlipEnd {
  from {
    transform: rotateY(-87deg);
    opacity: 1; }
  to {
    transform: rotateY(0deg);
    opacity: 1; } }
/******************************
* 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;
    -ms-opacity: 1; }
  29.99% {
    opacity: 0;
    -ms-opacity: 1; }
  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 250, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/_animation.scss */
.game-card-inner {
  perspective: 150rem;
  width: 100%;
  position: relative; }

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

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

/******************************
* アニメーション定義
******************************/
/* line 275, /Users/master/Workspace/directfarm/sp_game/high_and_low/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 278, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/_animation.scss */
.game-card--flip .game-card-back {
  animation: backFlipStart 0.5s ease 0.4s, backFlipping 1.8s 0.9s linear, backFlipEnd 0.6s 2.7s ease-in forwards; }

/* line 284, /Users/master/Workspace/directfarm/sp_game/high_and_low/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 287, /Users/master/Workspace/directfarm/sp_game/high_and_low/source/css/_animation.scss */
.game-card--flip-effect .game-card-back {
  animation: backFlipStart 0.5s ease 0.4s, backFlipping 3.5s 0.9s linear, backFlipEnd 0.6s 4.4s ease-in forwards; }

/* line 293, /Users/master/Workspace/directfarm/sp_game/high_and_low/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 296, /Users/master/Workspace/directfarm/sp_game/high_and_low/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 302, /Users/master/Workspace/directfarm/sp_game/high_and_low/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 305, /Users/master/Workspace/directfarm/sp_game/high_and_low/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; }

/** gacha */