/* レスポンシブで横スクロール防止 */
.wrap-delighter {
	overflow: hidden;
}

.delighter .boxInner { transition: all .7s ease-out; }
.delighter .boxInner:nth-child(1) { transform: translate(-30%, 0);  opacity: 0}
.delighter .boxInner:nth-child(2) { transform: translate(0, 50%);  opacity: 0}
.delighter .boxInner:nth-child(3) { transform: translate(30%, 0);  opacity: 0}

.delighter.started .boxInner:nth-child(1) { transform: translate(0, 0); opacity: 1}
.delighter.started .boxInner:nth-child(2) { transform: translate(0, 0); opacity: 1}
.delighter.started .boxInner:nth-child(3) { transform: translate(0, 0); opacity: 1}

.delighter .aLeft { transition: all .7s ease-out; }
.delighter .aLeft:nth-child(1) { transform: translate(-25%, 0);  opacity: 0}
.delighter .boxInner__top-right:nth-child(2) { transform: translate(0, 0);  opacity: 1}

.delighter.started .aLeft:nth-child(1) { transform: translate(0, 0); opacity: 1}
.delighter.started .boxInner__top-right:nth-child(2) { transform: translate(0, 0); opacity: 1}

.delighter .aRight { transition: all .7s ease-out; }
.delighter .aRight:nth-child(1) { transform: translate(25%, 0);  opacity: 0}
.delighter .boxInner__top-left:nth-child(2) { transform: translate(0, 0);  opacity: 1}

.delighter.started .aRight:nth-child(1) { transform: translate(0, 0); opacity: 1}
.delighter.started .boxInner__top-left:nth-child(2) { transform: translate(0, 0); opacity: 1}