@charset "utf-8";
/* おすすめ券面エリア */
.recomend-card_item.platinum_preferred{
  margin-top: 64px;
  top:auto;
}
.recomend-card_item.gold{
  margin-top: 0px;
  top: -64px;
}
.recomend-card_item.platinum_preferred .recomend-card_item-inner .item_bg{
  right:auto;
  left: 460px;
}
.recomend-card_item.platinum_preferred .recomend-card_item-inner .item_bg.scrollin{
  right:auto;
  left: -183px;
}
.recomend-card_item.gold .recomend-card_item-inner .item_bg{
  right: 460px;
  left:auto;
}
.recomend-card_item.gold .recomend-card_item-inner .item_bg.scrollin{
  right: -183px;
  left:auto;
}

/* KVエリア */
.slide_controller{
  width:224px;
}

.slidebox .inner .imgbox .dining_svgimage ~ p.kv_note{
  color:#EEEEEE;
  top:56%;
}

.slidebox .inner .imgbox .dining_svgimage ~ p.kv_note + p.kv_note{
  color:#EEEEEE;
  top:59%;
}

.slidebox .inner .imgbox .sbilogo + p.kv_note{
  color:black;
}

.slidebox .inner .imgbox .sbilogo + p.kv_note + p.kv_note{
  color:black;
  top:59%;
}

.slidebox .inner .imgbox .family_svgimage + p.kv_note{
  color:#EEEEEE;
}

.slidebox .inner .imgbox .student_svgimage ~ p.kv_note{
  color:#EEEEEE;
  top: 54%;
}

.slidebox .inner .imgbox .vtpoint_svgimage ~ p.kv_note{
  color:#EEEEEE;
  top: 54%;
}

.olive_svgimage {
  position: absolute;
  width: 86%;
  margin-top: 8%;
  margin-left: 13.3%;
}

.dining_svgimage {
  position: absolute;
  width: 30%;
  margin-top: 17%;
  margin-left: 12.5%;
}

.family_svgimage {
  position: absolute;
  width: 24%;
  margin-top:21%;
  margin-left: 13.5%;
}

.student_svgimage{
  position: absolute;
  width: 26%;
  margin-top:21%;
  margin-left: 13.5%;
}

.vtpoint_svgimage{
  position: absolute;
  width: 34%;
  margin-top:9.8%;;
  margin-left: 13%;
}

.sbi_svgimage{
  position: absolute;
  width: 72%;
  margin-top: 11.5%;
  margin-left: 13.5%;
}

.sbilogo{
  position: absolute;
  width: 30%;
  top: 15%;
  left: 13.5%;
}


@media screen and (max-width:640px){
  /* おすすめ券面エリア */
  .recomend-card_item.platinum_preferred{
    margin-top: 24.0vw;
  }
  .recomend-card_item.gold{
    margin-top:24.0vw;
    top: 0;
  }
  .recomend-card_item.platinum_preferred .recomend-card_item-inner .item_bg{
    left: -100px;
    right: 0;
    top: 14.4%;
    height: 90.0%;
  }
  .recomend-card_item.platinum_preferred .recomend-card_item-inner .item_bg.scrollin{
    left: 0;
    right: 0;
  }
  .recomend-card_item.gold .recomend-card_item-inner .item_bg.scrollin{
    left: 0;
    right: 0;
  }
  .platinum_preferred .recomend-card_item-inner .item_card .card-text_wrap::after{
    bottom: 14.4vw;
  }
  .platinum_preferred .recomend-card_item-inner .item_card .card-title::after{
    left:auto;
    top:auto;
  }
  .fade_item01.fadein-left{
    transform : translate(-100px,0);
  }
  /* KVエリア */
  .slide_controller{
    width:100%;
  }

  .slidebox .inner .imgbox .sbilogo + p.kv_note{
    color:white;
    top:69%;
  }
  .slidebox .inner .imgbox .sbilogo + p.kv_note + p.kv_note{
    color:white;
    top:79%;
  }

  .slidebox .inner .imgbox .dining_svgimage ~ p.kv_note{
    color:#EEEEEE;
    font-size: 9px;
    line-height: 12px;
    top:76%;
  }
  .slidebox .inner .imgbox .dining_svgimage ~ p.kv_note + p.kv_note{
    color:#EEEEEE;
    font-size: 9px;
    line-height: 12px;
    top:84%;
  }
  .slidebox .inner .imgbox .family_svgimage ~ p.kv_note{
    color:#EEEEEE;
    font-size: 9px;
    line-height: 12px;
    top:81%;
  }

  .slidebox .inner .imgbox .student_svgimage ~ p.kv_note{
    color:#EEEEEE;
    font-size: 9px;
    line-height: 12px;
    top:77%;
  }

  .slidebox .inner .imgbox .vtpoint_svgimage ~ p.kv_note{
    color:#EEEEEE;
    font-size: 9px;
    line-height: 12px;
    top:77%;
  }

  .olive_svgimage{
    width: 97%;
    margin-top:17%;
    margin-left:5.5%;
  }

  .dining_svgimage{
    width: 60%;
    margin-top:41%;
    margin-left:3.5%;
  }

  .family_svgimage{
    width: 49%;
    margin-top:49%;
    margin-left:5.5%;
  }

  .student_svgimage{
    width: 50%;
    margin-top:47%;
    margin-left:5.5%;
  }

  .vtpoint_svgimage{
    width: 64%;
    margin-top:24%;
    margin-left:2.5%;
  }

  .sbilogo{
    width: 45%;
    top: 20%;
    left: 5%;
  }
  .sbi_svgimage{
    width: 91%;
    top: calc(25% + 20px);
    margin-left: 5%;
    margin-top:0;
  }

}