@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/

.vegas-wrapper {
  position: absolute;
  width: 96%;
  height: calc(100vh - 170px);
  right:0;
  left: 0;
  margin:auto;
}

.vegas-timer-progress {
  background: #919191;
  display: none;
}

/*.vegas-timer {
  height: 2px !important;
  background: #e4e4e4;
}*/

#fv-slider {
  position: absolute;
  width: 100%;
  max-width: 640px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/*
.vegas-slide-inner {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: contain !important;
}*/

.metaslider {
    position: absolute !important;
    z-index:0;
/*    height: 640px;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}

/*========= レイアウトのためのCSS ===============*/


.fadeIn {
  position: relative;
  opacity: 0;
  -webkit-transition: top 5s, opacity 2s;
  -o-transition: top 5s, opacity 2s;
  transition: top 5s, opacity 2s;
}

.fadeIn.show {
  opacity: 1;
}

.fadeInLeft {
  position: relative;
  opacity: 0;
  left: -40px;
  -webkit-transition: left 2s, opacity 1s;
  -o-transition: left 2s, opacity 1s;
  transition: left 2s, opacity 1s;
}

.fadeInLeft.show {
  left: 0;
  opacity: 1;
}

.fadeInRight {
  position: relative;
  opacity: 0;
  right: -120px;
  -webkit-transition: right 2s, opacity 1s;
  -o-transition: right 2s, opacity 1s;
  transition: right 2s, opacity 1s;
}

.fadeInRight.show {
  right: 0;
  opacity: 1;
}

.fadeInUp {
  position: relative;
  top: 20px;
  opacity: 0;
  -webkit-transition: top 1.6s, opacity .5s;
  -o-transition: top 1.6s, opacity .5s;
  transition: top 1.6s, opacity .5s;
}
.fadeInUp.show {
  top: 0;
  opacity: 1;
}

.flex-control-paging li a {
  width: 6px !important;
  height: 6px !important;
}

.metaslider .flex-control-nav {
 bottom: -47px !important;
}

.metaslider .caption-wrap {
  bottom:-30px !important;
  text-align:left !important;
  background:transparent !important;
  color: #191919 !important;
  font-size: .75em;
}



@media screen and (min-width: 576px) {

}

@media screen and (min-width: 768px) {

.vegas-wrapper {
  height: calc(100vh - 400px);
}


}


@media screen and (min-width: 992px) {
#splash {
  margin-top: 0;
}

.vegas-wrapper {
  height: calc(100vh - 179px);
}


}

@media screen and (min-width: 1200px) {

/*.vegas-timer {
  height: 4px !important;
}*/


#metaslider-id-379 {
  max-width:580px !important;
}

}

@media screen and (min-width: 1600px) {

}