@charset "utf-8";

.promotion_vibe .shape_inner {
    width: 100%;
    position: absolute;
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    z-index: 0;
    white-space: nowrap;
    left: 0%;
    bottom: 0px;
    overflow: hidden;
}

.promotion_vibe .shape {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	box-sizing: border-box;
	padding: 0 6.5px;
	width: 10%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	opacity: 0.7;
}

.promotion_vibe .shape + .shape {
	margin-left: -3px;
}

.promotion_vibe .shape:after {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle;
}

.promotion_vibe .shape.shape1 {
	padding-left: 0;
	height: 224px;
}

.promotion_vibe .shape.shape1 .shape_bar {
	background-color: #18113a;
}

.promotion_vibe .shape.shape2 {
	height: 294px;
}

.promotion_vibe .shape.shape2 .shape_bar {
	background-image: linear-gradient(212deg, #18113a, #18113a);
	background-image: -webkit-linear-gradient(212deg, #18113a, #18113a);
	background-image: -moz-linear-gradient(212deg, #18113a, #18113a);
}

.promotion_vibe .shape.shape3 {
	height: 156px;
}

.promotion_vibe .shape.shape3 .shape_bar {
	background-image: linear-gradient(230deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(230deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(230deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape4 {
	height: 353px;
}

.promotion_vibe .shape.shape4 .shape_bar {
	background-image: linear-gradient(208deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(208deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(208deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape5 {
	height: 252px;
}

.promotion_vibe .shape.shape5 .shape_bar {
	background-image: linear-gradient(216deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(216deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(216deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape6 {
	height: 126px;
}

.promotion_vibe .shape.shape6 .shape_bar {
	background-image: linear-gradient(236deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(236deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(236deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape7 {
	height: 404px;
}

.promotion_vibe .shape.shape7 .shape_bar {
	background-image: linear-gradient(204deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(204deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(204deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape8 {
	height: 202px;
}

.promotion_vibe .shape.shape8 .shape_bar {
	background-image: linear-gradient(222deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(222deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(222deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape9 {
	height: 313px;
}

.promotion_vibe .shape.shape9 .shape_bar {
	background-image: linear-gradient(210deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(210deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(210deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape.shape10 {
	padding-right: 0;
	height: 176px;
}

.promotion_vibe .shape.shape10 .shape_bar {
	background-image: linear-gradient(223deg, #18113a 0%, #18113a);
	background-image: -webkit-linear-gradient(223deg, #18113a 0%, #18113a);
	background-image: -moz-linear-gradient(223deg, #18113a 0%, #18113a);
}

.promotion_vibe .shape .shape_bar {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}

.promotion_vibe .shape .shape_bar:after {
	top: auto;
	bottom: -50%;
}

.promotion_vibe .shape1 .shape_bar, .promotion_vibe .shape4 .shape_bar, .promotion_vibe .shape7 .shape_bar, .promotion_vibe .shape10 .shape_bar {
	height: 81.25%;
	-webkit-animation: equalize 3.2s linear infinite;
	animation: equalize 3.2s linear infinite;
}

.promotion_vibe .shape2 .shape_bar, .promotion_vibe .shape5 .shape_bar, .promotion_vibe .shape8 .shape_bar {
	height: 81.25%;
	-webkit-animation: equalize2 3.2s linear infinite;
	animation: equalize2 3.2s linear infinite;
}

.promotion_vibe .shape3 .shape_bar, .promotion_vibe .shape6 .shape_bar, .promotion_vibe .shape9 .shape_bar {
	height: 81.25%;
	-webkit-animation: equalize3 3.2s linear infinite;
	animation: equalize3 3.2s linear infinite;
}

/* iphone6 P */	
@media only screen and (max-width: 414px) {
.promotion_vibe .shape_inner {
    width: 100%;
    position: absolute;
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    z-index: 0;
    white-space: nowrap;
    left: 0%;
    bottom: 265px;
    overflow: hidden;
}
}

/* iphoneX */	
@media only screen and (max-width: 384px) {
.promotion_vibe .shape_inner {
    width: 100%;
    position: absolute;
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    z-index: 0;
    white-space: nowrap;
    left: 0%;
    bottom: 268px;
    overflow: hidden;
}
    }
    
/* iphone5 */	
@media only screen and (max-width: 320px) {
.promotion_vibe .shape_inner {
    width: 100%;
    position: absolute;
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    z-index: 0;
    white-space: nowrap;
    left: 0%;
    bottom: 280px;
    overflow: hidden;
}
}

@-webkit-keyframes equalize {
	0%, 100% {
		margin-top: 0;
		height: 85%;
	}
	10% {
		height: 60%;
	}
	20% {
		height: 80%;
	}
	30% {
		height: 70%;
	}
	40% {
		height: 50%;
	}
	50% {
		height: 78%;
	}
	60% {
		height: 92%;
	}
	70% {
		height: 50%;
	}
	80% {
		height: 67%;
	}
	90% {
		height: 100%;
	}
}

@keyframes equalize {
	0%, 100% {
		margin-top: 0;
		height: 85%;
	}
	10% {
		height: 60%;
	}
	20% {
		height: 80%;
	}
	30% {
		height: 70%;
	}
	40% {
		height: 50%;
	}
	50% {
		height: 78%;
	}
	60% {
		height: 92%;
	}
	70% {
		height: 50%;
	}
	80% {
		height: 67%;
	}
	90% {
		height: 100%;
	}
}

@-webkit-keyframes equalize2 {
	0%, 100% {
		margin-top: 0;
		height: 58%;
	}
	10% {
		height: 85%;
	}
	20% {
		height: 62%;
	}
	32% {
		height: 80%;
	}
	40% {
		height: 92%;
	}
	50% {
		height: 55%;
	}
	60% {
		height: 75%;
	}
	70% {
		height: 100%;
	}
	80% {
		height: 88%;
	}
	90% {
		height: 65%;
	}
}

@keyframes equalize2 {
	0%, 100% {
		margin-top: 0;
		height: 58%;
	}
	10% {
		height: 85%;
	}
	20% {
		height: 62%;
	}
	32% {
		height: 80%;
	}
	40% {
		height: 92%;
	}
	50% {
		height: 55%;
	}
	60% {
		height: 75%;
	}
	70% {
		height: 100%;
	}
	80% {
		height: 88%;
	}
	90% {
		height: 65%;
	}
}

@-webkit-keyframes equalize3 {
	0%, 100% {
		margin-top: 0;
		height: 100%;
	}
	10% {
		height: 80%;
	}
	20% {
		height: 88%;
	}
	30% {
		height: 75%;
	}
	40% {
		height: 62%;
	}
	50% {
		height: 86%;
	}
	60% {
		height: 72%;
	}
	70% {
		height: 55%;
	}
	80% {
		height: 88%;
	}
	90% {
		height: 52%;
	}
}

@keyframes equalize3 {
	0%, 100% {
		margin-top: 0;
		height: 100%;
	}
	10% {
		height: 70%;
	}
	20% {
		height: 88%;
	}
	30% {
		height: 75%;
	}
	40% {
		height: 62%;
	}
	50% {
		height: 86%;
	}
	60% {
		height: 72%;
	}
	70% {
		height: 55%;
	}
	80% {
		height: 88%;
	}
	90% {
		height: 60%;
	}
}



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