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

    summer

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

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


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

.story-wrapper .scene01 {
    padding-top: 0;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, #f9f5f0 35%, #ede3d9 85%);
    color: #0B405B;
}

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

.story-wrapper .scene02 {
    position: relative;
    padding-top: 80px;
    color: #0B405B;
}

.story-wrapper .scene02 .window {
    width: 290px;
    position: absolute;
    top: -40px;
    right: 0;
}


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

.story-wrapper .scene03 {
    padding-top: 0;
}

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

.story-wrapper .scene04 {
    padding-top: 0;
}

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

.story-wrapper .scene05 {
    padding-top: 120px;
    background-image: linear-gradient(0deg, #FF974F 40%, #ffc9a2 80%, transparent);
    padding-bottom: 0;
    overflow: hidden;
}

.story-wrapper .scene05 .bag {
    text-align: right;
    margin-right: -20px;
    margin-top: 0;
}

.story-wrapper .scene05 .bag img {
    width: 50%;
}

.story-wrapper .scene05 .chochin img {
    width: 40%;
}

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

.story-wrapper .scene06 .phone {
    text-align: right;
    margin-right: 0;
}

.story-wrapper .scene06 .phone img {
    width: 50%;
}

.story-wrapper .scene06 .call {
    text-align: right;
    margin-right: 80px;
}

.story-wrapper .scene06 .call img {
    width: 40%;
}

.story-wrapper .scene06 .call-img {
  opacity: 0;
  transition: opacity 0.3s ease;
  display: block;
  margin: 0 auto;
}

.call-img.blink {
  animation: blink-call 9.8s ease-in-out forwards;
}

@keyframes blink-call {
  0%, 12.2%           { opacity: 0; } 
  12.2%, 24.7%        { opacity: 1; }
  24.7%, 44.9%        { opacity: 0; } 

  44.9%, 55.1%        { opacity: 1; } 
  55.1%, 75.3%        { opacity: 0; }  

  75.3%, 85.5%        { opacity: 1; } 
  85.5%, 100%         { opacity: 0; }
}


/* ---------------------------------------
    scene07
--------------------------------------- */

.story-wrapper .scene07 {
    padding-top: 100px;
    padding-bottom: 0;
}

.story-wrapper .scene07 .mom {
    text-align: right;
    font-style: italic;
    color: #F78028;
}

/* ---------------------------------------
    scene08
--------------------------------------- */

.story-wrapper .scene08 {
    padding-bottom: 0;
}

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