/* copy-box フェード */

#copy-box img {
  animation: 10s ease forwards infinite;
}

#copy-box img:nth-child(1)  { animation-name: copy1; }
#copy-box img:nth-child(2)  { animation-name: copy2; }
#copy-box img:nth-child(3)  { animation-name: copy1; }
#copy-box img:nth-child(4)  { animation-name: copy3; }

@keyframes copy1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } }
@keyframes copy2 { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } }
@keyframes copy3 { 0% { opacity: 0; } 30% { opacity: 0; } 35% { opacity: 1; } 100% { opacity: 1; } }



/* キラリ */

#concept-copy,
.left-inner div,
.point-inner div {
  position: relative;
  overflow: hidden;
}
#concept-copy:before,
.left-inner div:before,
.point-inner div:before {
    animation: 5s 0s shine linear infinite;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
    content: '';
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
}
@keyframes shine {
	20% { left: 150%; }
	100% { left: 150%; }
}



/* はねるアンカーボタン */

.anchor li,
#concept-list-box li {
  position: relative;
  top: 0;
  animation: 8s ease forwards infinite;
}

.anchor li:nth-child(1) { animation-name: hop1; }
.anchor li:nth-child(2) { animation-name: hop2; }
.anchor li:nth-child(3) { animation-name: hop3; }
.anchor li:nth-child(4) { animation-name: hop4; }

#concept-list-box li:nth-child(1) { animation-name: hop1; }
#concept-list-box li:nth-child(2) { animation-name: hop2; }
#concept-list-box li:nth-child(3) { animation-name: hop3; }
#concept-list-box li:nth-child(4) { animation-name: hop4; }

@keyframes hop1 { 10% { top:0; } 11% { top:3px; } 12% { top:0; } 15% { top:0; } 16% { top:3px; } 17% { top:0; } }
@keyframes hop2 { 20% { top:0; } 21% { top:3px; } 22% { top:0; } 25% { top:0; } 26% { top:3px; } 27% { top:0; } }
@keyframes hop3 { 30% { top:0; } 31% { top:3px; } 32% { top:0; } 35% { top:0; } 36% { top:3px; } 37% { top:0; } }
@keyframes hop4 { 40% { top:0; } 41% { top:3px; } 42% { top:0; } 45% { top:0; } 46% { top:3px; } 47% { top:0; } }



/* スケジュールを順番にフェード

.time-schedule .time-schedule-inner dl > * {
  opacity: 0.4;
  animation: 18s ease forwards infinite;
}

.time-schedule .time-schedule-inner dl > *:nth-child(1)  { animation-name: fade1; }
.time-schedule .time-schedule-inner dl > *:nth-child(2)  { animation-name: fade1; }
.time-schedule .time-schedule-inner dl > *:nth-child(3)  { animation-name: fade2; }
.time-schedule .time-schedule-inner dl > *:nth-child(4)  { animation-name: fade2; }
.time-schedule .time-schedule-inner dl > *:nth-child(5)  { animation-name: fade3; }
.time-schedule .time-schedule-inner dl > *:nth-child(6)  { animation-name: fade3; }
.time-schedule .time-schedule-inner dl > *:nth-child(7)  { animation-name: fade4; }
.time-schedule .time-schedule-inner dl > *:nth-child(8)  { animation-name: fade4; }
.time-schedule .time-schedule-inner dl > *:nth-child(9)  { animation-name: fade5; }
.time-schedule .time-schedule-inner dl > *:nth-child(10) { animation-name: fade5; }
.time-schedule .time-schedule-inner dl > *:nth-child(11) { animation-name: fade6; }
.time-schedule .time-schedule-inner dl > *:nth-child(12) { animation-name: fade6; }
.time-schedule .time-schedule-inner dl > *:nth-child(13) { animation-name: fade7; }
.time-schedule .time-schedule-inner dl > *:nth-child(14) { animation-name: fade7; }
.time-schedule .time-schedule-inner dl > *:nth-child(15) { animation-name: fade8; }
.time-schedule .time-schedule-inner dl > *:nth-child(16) { animation-name: fade8; }

@keyframes fade1 {  0% { opacity: 0.4; } 10% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade2 { 10% { opacity: 0.4; } 20% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade3 { 20% { opacity: 0.4; } 30% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade4 { 30% { opacity: 0.4; } 40% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade5 { 40% { opacity: 0.4; } 50% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade6 { 50% { opacity: 0.4; } 60% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade7 { 60% { opacity: 0.4; } 70% { opacity: 1; } 90% { opacity: 1; } }
@keyframes fade8 { 70% { opacity: 0.4; } 80% { opacity: 1; } 90% { opacity: 1; } }
 */