@font-face{
	font-family:'icomoon';
	src:url("../fonts/icomoon/icomoon.eot?ia5jl8");
	src:url("../fonts/icomoon/icomoon.eot?ia5jl8#iefix") format("embedded-opentype"),
	    url("../fonts/icomoon/icomoon.ttf?ia5jl8") 	format("truetype"),
	    url("../fonts/icomoon/icomoon.woff?ia5jl8") format("woff"),
	    url("../fonts/icomoon/icomoon.svg?ia5jl8#icomoon") format("svg");
	font-weight:normal;
	font-style:normal
}

/* Top Banner */
.lp-top-banner {
    background: url(../img/banner-image-bg.png);
    background-size: cover;
}
.lp-top-banner > div {
    width: 100%;
    text-align: center;
}

.lp-top-banner-text-before-1 {
    padding-top: 70px;
}
.lp-top-banner-text-before-2 {
    padding-top: 20px;
}

.lp-top-banner-text-after-1 {
    padding-top: 70px;
}
.lp-top-banner-text-after-2 {
    padding-top: 40px;
}
.lp-top-banner-text-after-3 {
    padding-top: 40px;
}
.lp-top-banner .app-button-area {
    text-align: center;
}
.lp-top-banner .app-button-area a {
    display: inline-block;
}
.lp-top-banner .app-button-area img.app-store {
    width: 156px;
}
.lp-top-banner .app-button-area img.google-play {
    width: 200px;
}

.lp-top-banner-footer {
    padding-top: 50px;
}

@media screen and (max-width:767px) {
    .lp-top-banner .row .col-6:first-child,
    .lp-top-banner .row .col-6:not(:first-child) {
        text-align: center;
    }
    .lp-top-banner .app-button-area img.app-store {
        width: 120px;
    }
    .lp-top-banner .app-button-area img.google-play {
        width: 160px;
    }
}

/* Countdown */
.block-countdown {
    z-index: 1;
    padding: 34px 0 20px;
    background: #3A3A3A;
    color: #fff;
}
.countdown-area .countdown-text {
    font-size: 30px;
}
.countdown-area .countdown-main {
    font-size: 40px;
}
.countdown-area .countdown-main .yyc-day,
.countdown-area .countdown-main .yyc-hou,
.countdown-area .countdown-main .yyc-min,
.countdown-area .countdown-main .yyc-sec {
    font-size: 70px;
    font-weight: bold;
    font-style: italic;
    padding-left: 8px;
    padding-right: 8px;
}
.countdown-area #timer-countdown {
    display: inline-block;
}

.block-action-button-top {
    background: #F2F3F5;
    padding: 80px 0;
}
.block-action-button-top .sub-title {
    font-size: 24px;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .countdown-area .countdown-text,
    .countdown-area .countdown-main {
        font-size: 20px;
    }
    .countdown-area .countdown-main .yyc-day,
    .countdown-area .countdown-main .yyc-hou,
    .countdown-area .countdown-main .yyc-min,
    .countdown-area .countdown-main .yyc-sec {
        font-size: 24px;
    }
}

/* Release Live */
.block-release-live {
    background-image: url('../img/release-live-bg.png');
    background-color: #FFFFFF;
    padding: 80px 0;
    text-align: center;
}
.lp-top-banner__live-release {
    width: 100%;
    max-width: 720px;
    padding: 10px;
    margin: 0px auto;
}
