@charset "utf-8";
/* CSS Document */

@font-face {
    src: url("../fonts/abarth_black-webfont.eot");
    src: url("../fonts/abarth_black-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/abarth_black-webfont.woff2") format("woff2"),url("../fonts/abarth_black-webfont.woff") format("woff"),url("../fonts/abarth_black-webfont.ttf") format("truetype"),url("../fonts/abarth_black-webfont.svg#abarth_blackregular") format("svg");
    font-display: swap;
    font-family: 'Abarth';
    font-style: normal;
    font-weight: normal
}

@font-face {
    src: url("../fonts/abarth_heavy-webfont.eot");
    src: url("../fonts/abarth_heavy-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/abarth_heavy-webfont.woff2") format("woff2"),url("../fonts/abarth_heavy-webfont.woff") format("woff"),url("../fonts/abarth_heavy-webfont.ttf") format("truetype"),url("../fonts/abarth_heavy-webfont.svg#abarth_heavyregular") format("svg");
    font-display: swap;
    font-family: 'Abarth_heavy';
    font-style: normal;
    font-weight: normal
}

@font-face {
    src: url("../fonts/abarth_light-webfont.eot");
    src: url("../fonts/abarth_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/abarth_light-webfont.woff2") format("woff2"),url("../fonts/abarth_light-webfont.woff") format("woff"),url("../fonts/abarth_light-webfont.ttf") format("truetype"),url("../fonts/abarth_light-webfont.svg#abarth_lightregular") format("svg");
    font-display: swap;
    font-family: 'Abarth_Light';
    font-style: normal;
    font-weight: normal
}

@font-face {
    src: url("../fonts/abarth_medium-webfont.eot");
    src: url("../fonts/abarth_medium-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/abarth_medium-webfont.woff2") format("woff2"),url("../fonts/abarth_medium-webfont.woff") format("woff"),url("../fonts/abarth_medium-webfont.ttf") format("truetype"),url("../fonts/abarth_medium-webfont.svg#abarth_mediumregular") format("svg");
    font-display: swap;
    font-style: normal;
    font-weight: normal
}

@font-face {
    src: url("../fonts/abarth-icon.eot?15w6eh");
    src: url("../fonts/abarth-icon.eot?#iefix15w6eh") format("embedded-opentype"),url("../fonts/abarth-icon.ttf?15w6eh") format("truetype"),url("../fonts/abarth-icon.woff?15w6eh") format("woff"),url("../fonts/abarth-icon.svg?15w6eh#icomoon") format("svg");
    font-display: swap;
    font-family: 'ab-icon';
    font-style: normal;
    font-weight: normal
}

@font-face {
    src: url("../fonts/AbarthBlack.otf") format("opentype");
    font-family: abarthfont;
}

.abarthfont,.ab-font {
    font-family: abarthfont;
}

.hero-wrap-text {
    text-align: center;
}
.hero-wrap-text-wrap-btn {
    width: 100%;
    text-align: center;
	max-width: 100%;
}

.hero-wrap-text-wrap-btn .btn {
    max-width: 70%;
}



.movie {
    padding: 2em 0 0;
}

.header {
    z-index: 1000;
    position: relative;
    /* top: 0; */
    width: 100%;
    height: 120px;
    background-color: #000;
    text-align: center;
	padding: 1em 0 0 0;
}

.logo {
    z-index: 998;
    position: relative;
    /*top: 10px;*/
    width: 100%;
    margin: 0;
    text-align: center;
}

.header_txt {text-align: center; font-weight: bold; font-size: 130%; margin: 0; padding: 1em; color: #fff;}
.header_txt span {display: inline-block;}
.header_txt .whgd {font-size: 80%;}

@media only screen and (max-width: 736px){
	.logo img {
		 width: 60px !important; 
	}
}

.container { width: 960px; margin: 0 auto; padding: 1.5em; }
.shop_info {color: #333;}
.shop_info h3 {font-weight: bold; color: #333; font-size: 150%;}
.shop_info .caption {font-weight: bold; font-size: 85%;}
.shop_info img {margin-top: 1.5em;}
.shop_info .btn.btn-primary {padding: 1em;}


/*.col-md-6 {width: 50% !important;}*/
.col-xs-12 {width: 100%;}

@media screen and (min-width: 576px) {
	.col-xs-12 {width: 50%;}
}
@media screen and (min-width: 992px) {
	.col-xs-12 {width: 50%;}
}





.specification-bkyellow {
    padding:1.5em 1.5em 2rem 1.5em;
    background-color: #DAEF34 !important;
    color: #000;
}


.section-specification-price h2,
.section-specification-unit h2{
    margin-bottom: 0;
    color: #000;
    font-weight: 400 !important;
    font-size: 3rem;
    font-family: abarthfont;
    text-align: center !important;
}

.lineup-outer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 1020px;
    margin: 4rem auto 0;
    padding: 0 2rem
}

@media screen and (max-width: 768px) {
    .lineup-outer {
        display:block;
        margin: 3rem auto 0;
        padding: 0
    }
}

.lineup-wrap+.lineup-wrap {
    margin-left: 6.5%
}

@media screen and (max-width: 768px) {
    .lineup-wrap+.lineup-wrap {
        margin:2.5rem 0 0
    }
}

.lineup-name {
    color: #000;
    font-weight: bold;
    font-size: 1.6rem
}

@media screen and (max-width: 768px) {
    .lineup-name {
        font-size:1.4rem
    }
}

.lineup-name.is-hasLimited {
    position: relative;
    padding-right: 3.5rem
}

.lineup-name .ab-font {
    display: block;
    padding-top: 0.3rem;
    font-size: 2.9rem
}

@media screen and (max-width: 768px) {
    .lineup-name .ab-font {
        font-size:2.3rem
    }
}

.lineup-name .limited {
    position: absolute;
    right: 0;
    bottom: 0.75rem;
    padding: 0.5rem;
    border: 1px solid #000;
    font-weight: 500;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    .lineup-name .limited {
        font-size:1.2rem
    }
}

.lineup-price {
    margin: 1rem 0 0 0;
    padding: 0
}

.lineup-price-item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .lineup-price-item {
        display:block
    }
}

.lineup-price-item+.lineup-price-item {
    margin-top: 1rem
}

.lineup-price-item-label {
    padding-bottom: 0.25rem;
    font-weight: bold;
    font-size: 1.5rem
}

.lineup-price-item-label>span {
    font-weight: 500;
    font-size: 1.1rem
}

.lineup-price-item-price {
    padding-left: 1rem;
    font-size: 1.1rem
}

@media screen and (max-width: 768px) {
    .lineup-price-item-price {
        text-align:right
    }
}

.lineup-price-item-price .ab-font {
    margin: 0 0.25rem 0 0.5rem;
    font-size: 2.4rem
}

.lineup-note {
    margin-top: 2.5rem;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .lineup-note {
        margin-top:2rem;
        font-size: 1.1rem
    }
}

.model-color-item .label {
    color: #000;
}