/* ---------------------------------------

    spring

--------------------------------------- */

.season-title {
    color:#DA9798 !important;
}


/* ---------------------------------------
    scene01
--------------------------------------- */

.story-wrapper .scene01 {
    background: #6DB0DF url('../img/spr/bg_blossom.png') no-repeat;
    background-size: contain;
    background-position: top center;
    padding-top: 150px;
    color: #fff;
  }

/* ---------------------------------------
    scene02
--------------------------------------- */

.story-wrapper .scene02 {
    background: #54514E;
    padding: 0;
}

.story-wrapper .scene02-text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 215px;
  }

.story-wrapper .scene02 p {
    text-align: center;
  }

.story-wrapper .scene02 .scene-img {
    position: relative;
    width: 100%;
    height: 214px;
    padding: 0;
}

.story-wrapper .scene02 .scene-img img {
  width: 100%;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.story-wrapper .scene02 .scene-img .show {
    opacity: 1;
}

/* ---------------------------------------
    scene03
--------------------------------------- */

.story-wrapper .scene03 {
    position: relative;
    background: #FFF4D4;
    padding-right: 0;
}

.story-wrapper .scene03 .sushi {
    float: right;
    shape-margin: 5px;
    shape-outside: url(../img/spr/sushi.png);
    shape-image-threshold: 0.5;
    width: 250px;
    height: auto;
}

.scene03:after, .scene03:before {
	content: "";
	clear: both;
	display: block;
}

/* ---------------------------------------
    scene04
--------------------------------------- */

.story-wrapper .scene04 {
    background: #6DB0DF;
    background-size: contain;
    padding: 0;
    color: #fff;
    line-height: 0;
  }

  .story-wrapper .scene04 img {
    width: 100%;
  }

/* ---------------------------------------
    scene05
--------------------------------------- */

.story-wrapper .scene05 {
    padding-bottom: 0;
    background: #FFF;
  }

  .story-wrapper .scene05 p:last-of-type {
    margin-bottom: 40vh;
  }


.scene05 .scene-img {
    margin: 0 30px;
}

  .scene05 .scene-img img {
    width: 100%;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    position: relative;
  }
  
  .scene05 .scene-img img.in-view {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
  
  .scene05 .scene-img img.leaving {
    opacity: 0;
    transform: translateY(20px);
    z-index: 1;
  }

/* ---------------------------------------
    scene06
--------------------------------------- */

.story-wrapper .scene06 {
    background: #FFF;
}

.story-wrapper .quote {
    margin: 60px 0;
    font-size: 18px;
    color: #888;
    text-align: center;
}