@charset "UTF-8";
/* =============================================================================================== */
/* 本文 */
/* =============================================================================================== */
/* line 7, cmn.scss */
.elua a {
  color: #333; }
/* line 10, cmn.scss */
.elua img {
  vertical-align: bottom;
  width: auto;
  height: auto;
  max-width: 100%; }
/* line 16, cmn.scss */
.elua .hover:hover {
  opacity: 0.7 !important;
  cursor: pointer; }
/* line 20, cmn.scss */
.elua .bgimg {
  background-position: center center;
  background-size: cover; }
/* line 25, cmn.scss */
.elua .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  /* line 30, cmn.scss */
  .elua .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* =============================================================================================== */
/* フェードイン */
/* =============================================================================================== */
/* line 42, cmn.scss */
.fadein-bottom {
  transform: translateY(20px); }

/* line 45, cmn.scss */
.fadein-top {
  transform: translateY(-20px); }

/* line 48, cmn.scss */
.fadein-right {
  transform: translateX(20px); }

/* line 51, cmn.scss */
.fadein-left {
  transform: translateX(-20px); }

/* line 54, cmn.scss */
.fadein-bottom {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s; }

/* line 59, cmn.scss */
.fadein {
  opacity: 0;
  transition: all 1s; }

/* line 63, cmn.scss */
.fadein.isPlay {
  opacity: 1;
  transform: translate(0); }

/* =============================================================================================== */
/* マスクアニメーション                                                                            */
/* =============================================================================================== */
/* line 70, cmn.scss */
.maskimg {
  overflow: hidden;
  position: relative; }

/* line 74, cmn.scss */
.maskimg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #EBE4DC;
  transition: 1.5s cubic-bezier(0.12, 0.97, 0.37, 1); }

/* line 82, cmn.scss */
.isPlay-left:before {
  transform: translate(100%, 0); }

/* line 85, cmn.scss */
.isPlay-right:before {
  transform: translate(-100%, 0); }

/* line 88, cmn.scss */
.isPlay-top:before {
  transform: translate(0, 100%); }

/* line 91, cmn.scss */
.isPlay-bottom:before {
  transform: translate(0, -100%); }

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