/*!
Theme Name: basic_theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basic_theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

basic_theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}

embed, iframe, object {
  max-width: 100%
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0
}

.wp-caption-text {
  text-align: center
}

.gallery {
  margin-bottom: 1.5em
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%
}

.gallery-columns-2 .gallery-item {
  max-width: 50%
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
  max-width: 25%
}

.gallery-columns-5 .gallery-item {
  max-width: 20%
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%
}

.gallery-caption {
  display: block
}

@media only screen and (max-width: 900px) {
  #leftAreaInfo, #rightAreaInfo {
    float: none;
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px
  }
  .mbb100 {
    margin-top: 0;
    margin-bottom: 0
  }
  .mbb50 {
    margin-top: 0;
    margin-bottom: 0
  }
  .tab-content input[type="radio"]:checked+label {
    border-bottom: 1px solid #333
  }
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
  }
  div.commonBikeLr {
    overflow: visible
  }
  .new-left2 {
    height: auto
  }
  .pc-none {
    display: block !important
  }
  .h53 {
    line-height: 53px
  }
  .pdf {
    background: none;
    background-size: 12px 14px;
    margin: 6px 0 0;
    padding: 0px 0px 0px 0;
    position: relative;
    width: 100%
  }
  .pdf:before {
    content: "";
    top: 2px;
    left: -22%;
    position: absolute;
    width: 10px;
    height: 12px;
    background: url(../img/pdf_icon.png) no-repeat top center;
    background-size: contain
  }
  header {
    background: #FFF
  }
  #headerArea {
    width: 100%;
    height: 55px
  }
  #headerArea {
    height: 55px
  }
  #logo {
    top: 14px;
    float: none;
    margin-left: 0%;
    margin-top: 1px;
    text-align: left;
    padding-left: 10px
  }
  #logo img {
    width: 69%;
    margin-top: 1px
  }
  #catalogueInner {
    width: 100%
  }
  #footerArea {
    width: 100%
  }
  #footerL02 {
    width: 50%
  }
  .wideslider {
    width: 100%;
    margin-top: 55px;
    text-align: left;
    position: relative;
    overflow: hidden
  }
  .clearfix::after {
    content: "";
    display: block;
    clear: both
  }
  .naviTxt {
    position: absolute;
    height: auto
  }
  figure img {
    display: none
  }
  .topNaviArea ul, .carbonTechnicalNaviArea ul {
    height: auto
  }
  .topNaviArea ul li.one, .carbonTechnicalNaviArea ul li.one {
    background: #000 url(/img/index/navi01.jpg) no-repeat center top;
    background-size: cover
  }
  .topNaviArea ul li.two, .carbonTechnicalNaviArea ul li.two {
    background: #000 url(/img/index/navi02.jpg) no-repeat center top;
    background-size: cover
  }
  .topNaviArea ul li.three, .carbonTechnicalNaviArea ul li.three {
    background: #000 url(/img/index/navi03.jpg) no-repeat center top;
    background-size: cover
  }
  .topNaviArea ul li.four, .carbonTechnicalNaviArea ul li.four {
    background: #000 url(/img/index/navi04.jpg) no-repeat center top;
    background-size: cover
  }
  .topNaviArea ul li.five, .carbonTechnicalNaviArea ul li.five {
    width: 100%;
    height: 84px;
    background: #000 url(/img/index/carbon.jpg) no-repeat center top;
    background-size: cover;
    border-right: none !important
  }
  .topNaviArea ul li.five a, .carbonTechnicalNaviArea ul li.five a {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li.five h3, .carbonTechnicalNaviArea ul li.five h3 {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li.six, .carbonTechnicalNaviArea ul li.six {
    width: 100%;
    height: 84px;
    background: #000 url(/img/index/technical.jpg) no-repeat center top;
    background-size: cover;
    border-right: none !important
  }
  .topNaviArea ul li.six a, .carbonTechnicalNaviArea ul li.six a {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li.six h3, .carbonTechnicalNaviArea ul li.six h3 {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li.seven, .carbonTechnicalNaviArea ul li.seven {
    width: 100%;
    height: 84px;
    background: #000 url(/img/index/dna.jpg) no-repeat center top;
    background-size: cover;
    border-right: none !important
  }
  .topNaviArea ul li.seven a, .carbonTechnicalNaviArea ul li.seven a {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li.seven h3, .carbonTechnicalNaviArea ul li.seven h3 {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li, .carbonTechnicalNaviArea ul li {
    width: 50%;
    height: 122px;
    float: left
  }
  .topNaviArea ul li a, .carbonTechnicalNaviArea ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 122px
  }
  .topNaviArea ul li h3, .carbonTechnicalNaviArea ul li h3 {
    animation-name: none;
    visibility: visible !important;
    font-size: 22px;
    line-height: 122px
  }
  .topNaviArea ul li .carbonTxt, .carbonTechnicalNaviArea ul li .carbonTxt {
    height: 84px;
    line-height: 84px
  }
  .topNaviArea ul li:nth-child(odd), .carbonTechnicalNaviArea ul li:nth-child(odd) {
    border-right: 1px solid #666
  }
  #newsArea {
    background-color: #0059a1;
    padding: 35px 20px 0;
    border-top: 8px solid grey
  }
  #newsArea #divRss {
    visibility: visible !important;
    animation-name: none !important
  }
  #newsArea #newsL {
    position: relative;
    float: none;
    width: 100%;
    overflow: visible;
    background-color: #0059a1
  }
  #newsArea #newsL h3 {
    visibility: visible;
    animation-name: none !important;
    font-size: 29px;
    padding-top: 0;
    visibility: visible !important
  }
  #newsArea #newsR {
    position: relative;
    float: none;
    width: 100%;
    padding: 0 0 30px 0;
    overflow: visible;
    background-color: #0059a1;
    position: initial
  }
  #newsArea #newsR .feedEkList {
    overflow: visible !important
  }
  #newsArea #newsR .mt20 {
    margin-top: 32px !important;
    visibility: visible !important;
    animation-name: none !important
  }
  #newsArea .newsTxt {
    position: initial;
    font-size: 36px;
    height: 40px;
    color: #fff;
    top: 0;
    margin: auto;
    z-index: 1;
    line-height: 1
  }
  #newsArea .itemDate {
    width: 25%
  }
  #newsArea .itemTitle {
    width: 73%
  }
  #newsArea .feedEkList li {
    overflow: visible !important;
    padding: 17px 0 16px 0;
    border-bottom: 1px dotted #FFF;
    line-height: 1.2
  }
  #newsArea .feedEkList li a {
    display: block;
    height: auto
  }
  #newsArea .feedEkList li:after {
    content: "";
    display: block;
    clear: both
  }
  #catalogueArea {
    padding: 35px 20px 0;
    border-top: 1px solid #000
  }
  #catalogueArea img {
    margin-bottom: 5px
  }
  #catalogueArea #catalogueTxt {
    font-size: 29px;
    line-height: 1;
    margin: 0;
    visibility: visible !important;
    animation-name: none !important
  }
  #catalogueArea .imgRight2 {
    float: none;
    margin: 0px;
    width: 100%;
    margin-top: 27px;
    margin-bottom: 15px
  }
  #catalogueArea .fs16 {
    font-weight: bold;
    margin-bottom: 5px;
    display: block
  }
  #catalogueArea .imgRight2+p {
    margin-bottom: 10px
  }
  #catalogueArea .imgRight2+p span+br {
    display: none
  }
  #catalogueArea .catalogue.wow {
    visibility: visible !important;
    animation-name: none !important
  }
  #catalogueArea img {
    width: 100%
  }
  #catalogueArea .bb {
    display: inline-block;
    margin-left: 8px;
    background: none
  }
  #catalogueTxt {
    font-size: 29px
  }
  main#bike-item #wrapper .bike2019 h4.blue2 {
    margin-top: 0
  }
  .wow.fadeInUp {
    visibility: visible !important;
    animation-name: none !important
  }
  #sns {
    padding: 10px 0
  }
  footer {
    padding: 0;
    position: relative
  }
  #footerArea {
    font-size: 12px;
    padding: 10px 0 0
  }
  #footerR01, #footerR02, #footerL01, #footerL02 {
    float: none !important;
    margin: 0;
    padding: 0 10px
  }
  .f-right {
    float: none;
    width: 100%
  }
  .f-right ul li {
    width: 100%;
    font-size: 14px;
    height: 52px;
    line-height: 52px;
    float: left;
    border-bottom: 1px dotted grey
  }
  .f-right ul li a {
    display: block;
    height: 52px;
    line-height: 52px
  }
  .f-right #footerR01 {
    height: auto
  }
  .f-right #footerR02 {
    height: auto
  }
  .f-left {
    float: none;
    width: 100%;
    padding: 10px 10px 0
  }
  .f-left #footerL01 {
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative
  }
  .f-left #footerL01 img {
    max-width: 100%;
    width: 50%;
    position: absolute;
    right: 51px;
    bottom: -28px;
    opacity: .4
  }
  .f-left #footerL02 {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 11px
  }
  .linksMark {
    background-position-y: 22px
  }
  #diagonalLine01 {
    position: absolute;
    background-size: contain;
    width: 100%;
    height: 333px;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: .1
  }
  #diagonalLine02 {
    position: absolute;
    background: url(../img/diagonal_line02.png) no-repeat;
    background-size: contain;
    width: 137px;
    height: 316px;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.1
  }
  #copyright {
    position: relative;
    z-index: 1;
    padding: 10px
  }
  #naviArea {
    background: none;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 20px 10px;
    background-color: #f7f7f7
  }
  #naviArea ul {
    line-height: 1
  }
  #naviArea ul li {
    display: inline-block;
    background: none;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
    line-height: 1;
    font-size: 14px;
    line-height: 1 a;
    line-height-display: block
  }
  #naviArea ul li:last-child {
    position: static;
    margin-top: 5px
  }
  #naviArea ul li:after {
    content: "";
    background: #999;
    width: 2px;
    height: 12px;
    position: absolute;
    bottom: 2px;
    right: -3px
  }
  #wrapper {
    width: 100%;
    padding: 15px 20px 60px
  }
  #wrapper h3 {
    line-height: 1.2;
    margin-bottom: 15px !important;
    font-size: 22px !important
  }
  #companyOutline dt {
    display: block;
    float: left;
    margin: 0px;
    padding: 0;
    width: 26%;
    margin-right: 2%;
    line-height: 1.4;
    padding: 10px 0;
    font-size: 12px
  }
  #companyOutline dd {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    width: 72%;
    line-height: 1.4;
    padding: 10px 0;
    font-size: 12px
  }
  .companyOutline-sp #companyOutline dt {
    display: block;
    float: left;
    margin: 0px;
    padding: 0;
    width: 34%;
    margin-right: 2.5%;
    line-height: 1.4;
    padding: 10px 0;
    font-size: 12px
  }
  .companyOutline-sp #companyOutline dd {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    width: 57.5%;
    line-height: 1.4;
    padding: 10px 0;
    font-size: 12px
  }
  .subTitle+br {
    display: none
  }
  .links-t td {
    width: 30%;
    line-height: 1.3;
    text-align: left;
    padding: 10px;
    vertical-align: middle
  }
  .subTitle {
    padding: 0 0 8px 0
  }
  #acs .bikesDetails dd, #acs2 .bikesDetails dd {
    font-size: 12px;
    text-align: left;
    margin: 7px 0;
    padding: 5px 0 6px 43%;
    background: #f5f5f5
  }
  #acs .center img, #acs2 .center img {
    margin-bottom: 8px
  }
  #acs .mb10, #acs2 .mb10 {
    margin-bottom: 10px !important
  }
  .wrapperAccessories, .wrapperApparel {
    width: 100%;
    padding: 30px 20px 60px
  }
  .wrapperAccessories p, .wrapperApparel p {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 13px
  }
  .wrapperApparel .commonLine.mb20+.fs22.fw600 {
    margin-top: 20px
  }
  .bikesDetailsLhalf {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0
  }
  .wrapperPedal, .wrapperNpL {
    width: 100%
  }
  .pedal-k {
    padding: 30px 0 60px
  }
  .bikesDetailsRhalf {
    float: none;
    width: 100%
  }
  .center img {
    margin-bottom: 0;
    margin-top: 5px
  }
  .bikesDetails {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 27px;
    margin-bottom: 25px;
    margin-top: 10px
  }
  .bikesDetails dt {
    width: 40%;
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 7px 0;
    border-radius: 0;
    line-height: 1.2
  }
  .bikesDetails dd {
    font-size: 12px;
    text-align: left;
    margin: 7px 0;
    padding: 5px 0 6px 43%;
    background: #f5f5f5
  }
  .adj-dl {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px
  }
  .adj-dl+.headMachS {
    margin-bottom: 22px;
    padding-bottom: 29px;
    border-bottom: 1px dotted #CCC
  }
  .adj-dl+.fs12 {
    margin-bottom: 32px;
    padding-bottom: 29px;
    border-bottom: 1px dotted #CCC;
    display: block;
    line-height: 1.6
  }
  .adj-dl+.headMachS.mt10.mb30 {
    margin-bottom: 21px !important;
    padding-bottom: 29px;
    border-bottom: 1px dotted #CCC;
    display: block;
    line-height: 1.6
  }
  .bikesDetailsLhalf h3, .bikesDetailsRhalf h3 {
    margin-bottom: 15px;
    line-height: 1.1
  }
  .bikesPhotoL, .bikesPhotoR {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0
  }
  .bikesPhotoL img, .bikesPhotoR img {
    padding: 0 10%
  }
  .caption {
    width: 100%;
    font-size: 12px;
    margin: 0 auto 40px;
    padding: 0;
    font-weight: bold
  }
  .caption-adj {
    margin-bottom: 15px
  }
  .gallery {
    margin-bottom: 0
  }
  .wrapperApparel img {
    margin-bottom: 5px
  }
  .wrapperApparel .caption-adj {
    margin-bottom: 0
  }
  #guarantee-main #gs dd {
    margin-left: 0;
    padding: 0px 0px 0px 1.4em;
    font-size: 14px;
    line-height: 1.4
  }
  #guarantee-main #gs dd b {
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
    line-height: 1.4;
    position: relative
  }
  #guarantee-main #gs dd b+br {
    display: none
  }
  #guarantee-main #gs dd b:before {
    position: absolute;
    content: "■";
    top: 1px;
    left: -22px;
    width: 30px;
    height: 30px
  }
  #guarantee-main #gs dt {
    display: none
  }
  #guarantee-main .fs12 {
    font-size: 12px !important;
    line-height: 1.5;
    display: block
  }
  #guarantee-main .fs12 .d-block {
    margin-top: 5px
  }
  #dream .ryd {
    width: 100%;
    overflow: hidden
  }
  #dream .ryd img {
    max-width: none;
    height: auto;
    width: 131%;
    position: relative;
    right: 23%
  }
  #dream .mb40 {
    margin-bottom: 20px !important
  }
  #dream #pankuzuAreaWh {
    width: 100%;
    font-size: 12px;
    text-align: left;
    color: #fff;
    margin: 10px auto 0;
    padding-bottom: 20px
  }
  #dream #pankuzuAreaWh+img {
    margin-top: 10px
  }
  #dream #wrapper {
    padding-top: 0
  }
  .sp-none {
    display: none
  }
  #teq #pankuzuAreaWh {
    width: 100%;
    font-size: 12px;
    text-align: left;
    color: #fff;
    margin: 10px auto 0;
    padding-left: 10px
  }
  #teq #wrapper {
    padding: 30px 20px 40px
  }
  #teq .wrapper {
    padding: 30px 20px 40px
  }
  #teq .wrapper p {
    margin-bottom: 5px
  }
  .blog p, .category-faq p, .category-support p {
    margin-bottom: 15px;
    line-height: 1.4
  }
  .blog .entry-title, .category-faq .entry-title, .category-support .entry-title {
    font-size: 19px;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    line-height: 1.3
  }
  .blog .entry-meta, .category-faq .entry-meta, .category-support .entry-meta {
    clear: both;
    font-size: 10px;
    margin: 0 auto;
    margin-top: 4px;
    padding: 0px
  }
  .blog #wrapper .widget-title, .category-faq #wrapper .widget-title, .category-support #wrapper .widget-title {
    font-size: 18px !important
  }
  .blog #leftAreaInfo .entry-content img, .category-faq #leftAreaInfo .entry-content img, .category-support #leftAreaInfo .entry-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 250px;
    display: block;
    float: none
  }
  .blog .wrapperPost, .category-faq .wrapperPost, .category-support .wrapperPost {
    width: 100%;
    margin: 0 auto;
    padding: 0
  }
  .blog #leftAreaInfo, .category-faq #leftAreaInfo, .category-support #leftAreaInfo {
    float: none;
    width: 100%;
    text-align: left
  }
  .blog #rightAreaInfo, .category-faq #rightAreaInfo, .category-support #rightAreaInfo {
    float: none;
    width: 100%;
    text-align: left
  }
  .blog .entry-utility, .category-faq .entry-utility, .category-support .entry-utility {
    font-size: 12px;
    margin: 30px 0 70px
  }
  .blog .entry-summary, .blog .entry-content, .category-faq .entry-summary, .category-faq .entry-content, .category-support .entry-summary, .category-support .entry-content {
    margin: 30px auto;
    padding: 0px 10px
  }
  .tab-content {
    width: 100%
  }
  .tab-content .tab-box {
    width: 100%
  }
  .dealerTableShopName {
    width: 25%
  }
  .dealer table tr td {
    font-size: 11px;
    line-height: 1.3;
    padding: 8px 5px;
    vertical-align: middle
  }
  .dealer table .dealerTableTitle .dealerTableWiSho {
    width: 26% !important
  }
  .tab-content .tab-box {
    border-top: none
  }
  .bike2019+.bike2019 {
    margin-top: 0px
  }
  .tab-content label {
    width: 32%;
    padding: 5px 0;
    font-size: 12px;
    margin: 0;
    display: block;
    float: left;
    margin-left: 2%;
    margin-bottom: 8px
  }
  .tab-content input:first-child+label, .tab-content label.kinki {
    margin-left: 0
  }
  .tab-content input[type="radio"]:checked+label {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #31313
  }
  #carbon-tq {
    background: #000
  }
  #carbon-tq .wrapperCarbon {
    width: 100%;
    padding: 0
  }
  #carbon-tq .wrapperCarbonSho {
    padding: 30px 20px;
    width: 100%
  }
  #carbon-tq .carbonR {
    float: none;
    width: 100%;
    margin-top: 20px;
    text-align: center
  }
  #carbon-tq .carbonR img {
    width: 80%
  }
  #carbon-tq .wrapperBl {
    margin-bottom: 0;
    padding: 0 35px
  }
  #carbon-tq .pp15 {
    padding: 0 20px
  }
  #carbon-tq #carbonBg {
    padding: 87px 20px 20px 20px;
    margin: 62px 0 0 0
  }
  #carbon-tq #carbonPhoto {
    position: static;
    width: 100%;
    margin-top: 20px;
    text-align: center
  }
  #carbon-tq .carbonR02 {
    float: none;
    width: 100%;
    text-align: center
  }
  #carbon-tq .carbonL02 {
    float: none;
    width: 100%
  }
  #carbon-tq .carbonL03 {
    display: none
  }
  #carbon-tq .carbonR03 {
    float: none;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 20px 20px 20px
  }
  #carbon-tq #pankuzuAreaCa {
    width: 100%;
    margin: 10px auto;
    padding: 0 0 0 10px;
    top: 61px;
    text-align: left
  }
  #carbon-tq .carbonL {
    padding: 0;
    width: 100%;
    float: none
  }
  #carbon-tq .mb30 {
    margin-bottom: 10px !important
  }
  #carbon-tq .buttonWide {
    /*font-family: 'Viga', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    clear: both;
    display: block;
    width: 85%;
    height: 30px;
    font-size: 15px;
    color: #fff !important;
    text-align: center;
    line-height: 30px;
    outline: none;
    margin: 0 auto;
    border: 1px solid #fff
  }
  #sitemap .linksMark {
    background-position-y: 6px
  }
  #sitemap dt {
    /*font-family: 'Viga', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    display: block;
    float: none;
    clear: left;
    font-size: 16px;
    margin: 0px;
    display: block;
    padding: 8px 0 5px;
    width: 100%
  }
  #sitemap dd {
    /*font-family: 'Viga', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    font-size: 15px;
    margin: 0px;
    padding: 0 0.5em 8px 3%;
    border-bottom: 1px dotted #ccc
  }
  #sitemap dd li {
    padding: 2px 0
  }
  #sitemap dd.d-none {
    height: 0;
    line-height: 0;
    padding: 0
  }
  #pedal .pedalTitleKEO {
    width: 60%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
    margin-top: -1px;
    margin-bottom: 0
  }
  #pedal #wrapperMTBpedals {
    margin-top: 120px
  }
  #pedal .pedalTitleMTB {
    background: #007bc7;
    width: 60%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: -44px;
    margin-bottom: 40px
  }
  #pedal #pankuzuArea {
    position: relative;
    top: 121px
  }
  #pedal .pedalAreaL {
    float: none;
    width: 100%
  }
  #pedal .pedalAreaR {
    float: none;
    width: 100%
  }
  #pedal .pedalAreaC {
    float: none;
    width: 100%
  }
  #pedal .pedalPhoto02 {
    float: none;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 30px;
    margin-bottom: 33px
  }
  #pedal .pedalPhoto02 img {
    margin-bottom: 15px;
    padding: 0 5%
  }
  #pedal .pedalPhoto02+.pedalPhoto02+.pedalPhoto02 {
    border: none;
    padding: 0;
    margin: 0
  }
  #pedal .pedalPhoto, #pedal .pedalPhotoWide {
    display: block;
    width: 80%;
    font-size: 20px;
    margin: 0 auto;
    padding: 0;
    line-height: 1;
    vertical-align: bottom;
    margin-bottom: 50px
  }
  #pedal .pedalPhoto img, #pedal .pedalPhotoWide img {
    padding: 0 20%;
    margin-bottom: 15px
  }
  #pedal .pedalAreaR .pedalPhoto+.pedalPhoto {
    margin-bottom: 0
  }
  #pedal .pedalRACE+.pedalPhoto, #pedal .pedalCOMFORT+.pedalPhoto {
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 30px;
    margin-bottom: 33px
  }
  #pedal .pedalRACE {
    width: 100%;
    height: 79px;
    line-height: 79px
  }
  #pedal .buttonKEOCLEAT {
    background: #FFE100;
    display: block;
    width: 60%;
    height: 30px;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    margin: 40px auto 0 !important;
    border: 1px solid #fff
  }
  #pedal .buttonMTBCLEAT {
    background: #007bc7;
    display: block;
    width: 60%;
    height: 30px;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    margin: 40px auto 0 !important;
    border: 1px solid #fff
  }
  #pedal #wrapperMTBpedals {
    padding-bottom: 60px
  }
  .wrapperNp {
    width: 100%;
    margin-top: 90px
  }
  #pedal-item .detailR07 {
    position: absolute;
    width: 40%;
    margin: 0;
    padding: 0;
    top: 46px;
    right: 7%;
    top: 1%
  }
  #pedal-item .commonLr {
    overflow: visible;
    margin-bottom: 40px
  }
  #pedal-item .fs22 {
    font-size: 23px !important;
    letter-spacing: -1px;
    display: block
  }
  #pedal-item .raceIcon, #pedal-item .confortIcon, #pedal-item .granfondoIcon, #pedal-item .raceIcon2 {
    margin: 0 0 5px;
    line-height: 1;
    display: block;
    position: relative;
    top: 4px;
    padding: 4px 0;
    border-radius: 0
  }
  #pedal-item #leadTxt {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0
  }
  #pedal-item #leadTxt img {
    width: 100%;
    height: auto
  }
  #pedal-item .detailR06 {
    position: static;
    width: 100%
  }
  #pedal-item .bikesPhotoL03, #pedal-item .bikesPhotoR03 {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0
  }
  #pedal-item .bikesPhotoL03 {
    margin-bottom: 20px
  }
  #pedal-item .headMach dd {
    margin-left: 0;
    padding: 3px 0em 0px 1.2em;
    font-size: 11px;
    line-height: 14px
  }
  #pedal-item .bikesDetails {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px
  }
  #pedal-item .bikesDetails+h4 {
    margin-top: 20px
  }
  #pedal-item .bikesDetails+h4+.bikesDetails {
    margin-top: 15px
  }
  #pedal-item .bikesDetailsL {
    float: none;
    width: 100%
  }
  #pedal-item .bikesDetails dd {
    padding: 5px 4px 6px 51%;
    background: #f5f5f5
  }
  #pedal-item .bikesDetails dt {
    width: 46%;
    padding: 8px 4px;
    border-radius: 0
  }
  #pedal-item .bikesDetailsLhalf02 .bikesDetails {
    margin-top: 0
  }
  #pedal-item .bikesDetailsLhalf02, #pedal-item .bikesDetailsLhalf03, #pedal-item .bikesDetailsRhalf02, #pedal-item .bikesDetailsRhalf03, #pedal-item .bikesPhotoLFree, #pedal-item .bikesPhotoCFree, #pedal-item .bikesPhotoRFree {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0
  }
  #pedal-item .wrapperPedal, #pedal-item .wrapperNpL {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 30px;
    margin-bottom: 35px
  }
  #pedal-item .wrapperPedal h3, #pedal-item .wrapperNpL h3 {
    line-height: 1;
    margin-bottom: 0
  }
  #pedal-item .wrapperPedal .gallery img, #pedal-item .wrapperPedal .center img, #pedal-item .wrapperNpL .gallery img, #pedal-item .wrapperNpL .center img {
    margin-bottom: 8px
  }
  #pedal-item p {
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1.4
  }
  #pedal-item .fs12 {
    font-size: 11px !important;
    display: block;
    line-height: 1.4
  }
  #top-dot {
    margin-top: 40px
  }
  #titleAreaInner {
    width: 100%
  }
  #bike-main #pankuzuArea {
    position: relative;
    top: 121px
  }
  #bike-main .bike_AERO {
    margin-bottom: 30px
  }
  #bike-main .bike_AERO h4 {
    line-height: 1
  }
  #bike-main .bikeTitleRoad {
    width: 60%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 0
  }
  #bike-main .bikePhoto {
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 30px;
    margin-bottom: 33px
  }
  #bike-main .bikeTitleTrack {
    background: #00b9ef;
    width: 60%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: -50px;
    margin-bottom: 40px
  }
  #bike-main .bikeTitleMtb {
    background: #004DA0;
    width: 60%;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: -50px;
    margin-bottom: 40px
  }
  #bike-main .bikePhoto02 {
    float: none;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 30px;
    margin-bottom: 33px
  }
  #bike-main .bikePhoto+.bikePhoto {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 50px
  }
  #bike-main #wrapperTRACK {
    margin-top: 50px
  }
  #bike-main #wrapperMTB {
    margin-top: 100px;
    padding-bottom: 60px
  }
  #bike-main #wrapperTRACK .bikePhoto02+.bikePhoto02+.bikePhoto02 {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
  }
  #bike-main #wrapperMTB .bikePhoto02+.bikePhoto02 {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
  }
  #bike-item .detailR08 {
    position: static;
    width: 100%
  }
  #bike-item #leadTxt03 {
    float: none;
    width: 100%
  }
  #bike-item #wrapper div {
    float: none;
    width: 100%
  }
  #bike-item #wrapper div h4 {
    text-align: center
  }
  #bike-item #wrapper div h4 span {
    width: auto;
    margin: 0 auto 4px;
    text-align: center;
    display: inline-block
  }
  #bike-item #wrapper div h4 span:first-child {
    margin-top: 30px;
    width: auto;
    padding: 8px 10px
  }
  #bike-item #wrapper div h4 span:last-child {
    margin-bottom: 15px
  }
  #bike-item #wrapper div h4 span+span {
    margin-left: 4%
  }
  #bike-item .bikesDetails dt {
    width: 41%
  }
  #bike-item .bikesDetails dd {
    padding: 5px 1% 6px 47%
  }
  #bike-item h3 .sub {
    font-size: 14px;
    display: block;
    margin-top: 8px
  }
  #bike-item p {
    margin-bottom: 15px
  }
  #bike-item .caption {
    margin: 0 auto
  }
  #bike-item .mb30-k {
    margin-bottom: 5px
  }
  #bike-item .bikesDetails {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
  }
  #bike-item .bikesDetailsR {
    margin-top: 8px;
    text-align: right
  }
  #bike-item .fs20-fw900-mt20 {
    margin-top: 0;
    font-size: 20px
  }
  #bike-item .fs20-fw900-mt20+.mb30-k {
    padding-bottom: 41px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 45px
  }
  #bike-item .b-dot {
    padding-bottom: 35px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 18px
  }
  #bike-item .kankaku-adj .caption {
    margin-bottom: 15px
  }
  #bike-item .detailR05 {
    position: static
  }
  .wrapper {
    width: 100%
  }
  .bike-ttl {
    font-size: 29px;
    margin-bottom: 70px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 40px
  }
  .bike_ALTITUDE, .bike_ENDURANCE, .bike_AERO, .bike_GRAVEl {
    height: 60px
  }
  .bike-ttl .grey-bike {
    font-size: 29px
  }
  .bikePhoto02 h5 {
    font-size: 26px
  }
  .no-border {
    border: none !important
  }
  .bikePhoto a+span, .bikePhoto span.ale2, .bikePhoto02 a+span, .bikePhoto02 span.ale2 {
    font-size: 19px;
    display: block;
    margin-top: 0px;
    line-height: 1
  }
  .grayArea03 {
    float: none;
    background: #727172;
    /*font-family: 'Heebo', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    font-weight: 600;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 10px 0 5px 0;
    padding: 5px 16px;
    box-sizing: border-box;
    line-height: 1.2;
    margin-top: 9px
  }
  .grayArea03 .fs20 {
    font-size: 17px !important
  }
  main#bike-item div.adj-bike h2 {
    padding-top: 0;
    text-align: center;
    line-height: 1;
    height: auto
  }
  main#bike-item div.adj-bike h2 img {
    width: 75%;
    margin-top: 109px;
    margin-left: 0
  }
  main#bike-item div.adj-bike h2 .epost {
    display: block;
    font-size: 11px;
    margin-top: 5px;
    line-height: 1.3
  }
  main#bike-item #wrapper .bike2019 h4 {
    font-size: 28px;
    text-align: left;
    line-height: 1;
    margin-top: 30px;
    padding-bottom: 7px;
    margin-bottom: 15px;
    position: relative
  }
  main#bike-item #wrapper .bike2019 h4 span {
    font-size: 25px;
    padding: 0;
    margin: 0
  }
  main#bike-item #wrapper .bike2019 h4 span:first-child {
    padding: 0
  }
  main#bike-item #wrapper .bike2019 h4 span.grey {
    display: inline-block;
    margin-left: 2px
  }
  main#bike-item #wrapper .bike2019 .center {
    margin-bottom: 17px;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 11px
  }
  main#bike-item #wrapper h4.fw600 {
    text-align: left
  }
  main#bike-item #wrapper .pp {
    margin-bottom: 6px
  }
  main#bike-item #wrapper .color-price {
    margin-top: 10px;
    margin-bottom: 15px
  }
  main#bike-item #wrapper .color-price .cc2 {
    margin-top: 14px
  }
  main#bike-item #wrapper .spec-wrap {
    margin-top: 6px
  }
  main#bike-item #wrapper .spec-table {
    width: 100%
  }
  main#bike-item #wrapper .spec-table tr {
    border-bottom: 3px solid #FFF
  }
  main#bike-item #wrapper .spec-table tr th {
    background: #dcdddd;
    width: 50%;
    border-radius: 0;
    text-align: center;
    line-height: 1.2;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 12px;
    height: 36px
  }
  main#bike-item #wrapper .spec-table tr td {
    height: 36px;
    vertical-align: middle;
    background: #f5f5f5
  }
  main#bike-item #wrapper .headMachS {
    margin-top: 4px
  }
  main#bike-item #wrapper .headMachS dd {
    font-size: 11px;
    line-height: 1.2
  }
  main#bike-item #wrapper .bikesDetailsR02 {
    width: 100%;
    position: static;
    bottom: 0;
    top: initial;
    text-align: center;
    margin: 10px auto 30px;
    padding-bottom: 33px;
    border-bottom: 1px dotted #CCC
  }
  main#bike-item #wrapper .bikesDetailsR02 div {
    overflow: visible
  }
  .new-left-last {
    margin-bottom: 24px;
    padding-bottom: 2px
  }
  .mb30-k p.geo {
    width: 100%;
    margin-right: 0
  }
  #bike-item .commonLr, #bike-item .commonBikeLr, #bike-item .commonBikeLr {
    position: static
  }
  #bike-item .mb30-k p.geo+p {
    vertical-align: top;
    padding-top: 30px;
    width: 100%;
    margin-bottom: 50px
  }
  #bike-item .mb30-k p.geo+p img {
    width: 800px;
    max-width: none
  }
  #bike-item .mb30-k p.geo+p+span.pc-none {
    margin-top: -54px;
    font-size: 11px;
    margin-bottom: 23px
  }
  #bike-item .geo+p+span {
    margin-top: -49px;
    font-size: 12px;
    margin-top: -15px
  }
  main#bike-item div.adj-bike #bikeTitleInner796_MONOBLADE h2 img {
    width: 75%;
    margin-top: 72px;
    margin-left: 0
  }
  main#bike-item div.adj-bike {
    background-size: 311%;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -506px;
    background-position-y: -23px
  }
  main#bike-item #wrapper .bike2019 h4 span.small {
    font-size: 12px;
    display: block;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 3px
  }
  main#bike-item #bikeTitleArea796_MONOBLADE {
    background-size: 311%;
    background-position-x: -66px
  }
  main#bike-item #bikeTitleArea785_HUEZ_RS {
    background-size: 311%;
    background-position-x: -76px
  }
  main#bike-item #bikeTitleArea765_OPTIMUM {
    background-position-x: -126px
  }
  main#bike-item #wrapper .bike2019 h4 .new {
    font-size: 12px;
    position: absolute;
    width: 50px;
    right: -1px;
    bottom: 37px;
    display: block
  }
  main#bike-item #wrapper .bike2019 h4 .new span {
    font-size: 14px
  }
  main#bike-item #wrapper .modelNameENDURANCE_BICYCLE+.fs15-k {
    font-size: 21px;
    display: inline-block;
    margin-left: 4px
  }
  main#bike-item #wrapper .modelNameENDURANCE_BICYCLE+.fs15-k .mix {
    font-size: 16px;
    position: relative;
    padding: 2px;
    top: -1px
  }
  .t-single .scro {
    overflow-x: scroll;
    display: block;
    width: 100%;
    margin-top: 2px !important
  }
  .t-single .scro+.pc-none {
    font-size: 11px;
    position: relative;
    top: -24px
  }
  .complete .scro {
    overflow-x: scroll;
    display: block;
    width: 100%;
    margin-top: 2px !important
  }
  .complete .scro img {
    width: 800px;
    max-width: none
  }
  .complete .pc-none {
    font-size: 11px;
    position: relative;
    top: 0;
    border-bottom: 1px solid #CCC;
    padding-bottom: 25px;
    margin-bottom: 30px
  }
  .ddd {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0px;
    line-height: 1.4;
    margin: 8px 0
  }
  #bike-item #wrapper #leadTxtEnclosure {
    padding: 10px 19px;
    line-height: 1.8;
    margin: 15px 0
  }
  #bike-item #wrapper #leadTxtEnclosure h4 .heebo.fw900.fs30 {
    margin-top: 0;
    padding: 0
  }
  #bike-item #wrapper #leadTxtEnclosure h4 .heebo+span {
    margin-bottom: 0
  }
  .bike2019 .pedal {
    display: inline-block;
    position: relative;
    top: -9px;
    right: 0
  }
  .new-left {
    margin-bottom: 10px;
    padding-bottom: 22px
  }
  .commonLine+.bike2019 {
    margin-top: 0
  }
  #bike-item .mb30-k p.geo+p .ssm {
    width: 100%;
    margin-top: 0
  }
  #bike-item .mb30-k p.geo+p .ssm img {
    width: 100%
  }
  #bike-item .fs20-fw900-mt20+.mb30-k {
    padding-bottom: 0
  }
  #bike-item .bikesDetails dt {
    width: 37%;
    padding: 3px 4px;
    border-radius: 0
  }
  .m-bottom20 {
    margin-bottom: 20px !important
  }
  #dream .ryd2 img {
    max-width: none;
    height: auto;
    width: 100%;
    position: relative;
    right: 0
  }
  .pp .small {
    font-size: 12px
  }
  .bike2019 .ult {
    font-size: 21px !important
  }
  .bike2019 .grey-small, .bike2019 .grey-small2 {
    font-size: 16px !important;
    left: -11px
  }
  .bike2019 .grey-small2 {
    left: 1px
  }
  .bike2019 .small-adj {
    position: relative;
    left: -6px
  }
  .sla {
    font-size: 19px !important;
    color: #CCC;
    display: inline-block;
    margin-left: 2px !important;
    margin-right: 18px;
    position: relative;
    bottom: 2px;
    margin-right: 5px !important
  }
  main#bike-item #wrapper .bike2019 h4 .new {
    font-size: 14px !important;
    position: static;
    width: 36px;
    right: -1px;
    bottom: 37px;
    display: inline;
    text-align: left;
    margin-left: 6px
  }
  main#bike-item #wrapper .bike2019 h4 .new span {
    font-size: 14px;
    display: inline-block
  }
  main#bike-item #wrapper .bike2019 h4 .new .small {
    font-size: 10px
  }
  #catalogueArea .c-wrap {
    width: 100%;
    margin: 0 auto
  }
  #catalogueArea .c-wrap .catalogue {
    width: 90%;
    margin: 0 auto 20px;
    height: auto;
    font-size: 13px
  }
  #catalogueArea .c-wrap .catalogue .pdf {
    margin-top: -1px;
    display: block;
    font-size: 15px
  }
  #catalogueArea .c-wrap .catalogue .pdf:before {
    content: "";
    top: 7px;
    left: 34px;
    position: absolute;
    width: 10px;
    height: 12px;
    background: url(../img/pdf_icon.png) no-repeat top center;
    background-size: contain
  }
  #catalogueArea .c-wrap .catalogue:last-child {
    margin-right: 0;
    width: 100%
  }
  #catalogueArea .c-wrap .catalogue:last-child img {
    width: 60%;
    height: auto
  }
  #catalogueArea .c-wrap .catalogue:last-child .pdf:before {
    top: 7px;
    left: 53px
  }
  footer .pc-none {
    position: relative;
    text-align: left
  }
  footer .ff, footer .tt {
    display: inline-block;
    width: 22%;
    margin-top: 0;
    position: relative;
    top: -5px;
    height: 0p;
    text-align: center
  }
  .bike2019 h4.green .huez {
    position: absolute;
    left: 97px;
    top: 12px;
    width: 23px;
    height: auto
  }
  .two-wrap div+div {
    margin-left: 0
  }
  .grey {
    position: relative
  }
  .grey .optin {
    position: absolute;
    width: 42px;
    top: 12px;
    left: 19%;
    z-index: 2
  }
  main#bike-item #wrapper .bike2019 h4 span.small {
    font-size: 10px;
    display: inline-block;
    text-align: left;
    margin-top: 2px;
    margin-left: 1px;
    margin-bottom: 3px;
    color: #F5f5f6
  }
  main#bike-item #wrapper .bike2019 h4 .modelNameALTITUDE+span.small {
    color: #000;
    display: block;
    font-size: 12px
  }
  .bike2019 .pedal-top10 {
    top: 0
  }
  .pedal-adjust {
    padding-left: 20px;
    padding-right: 20px
  }
  #pedal-item .no-border-line {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
  }
  /*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
  ;
  .drawer-open {
    overflow: hidden !important
  }
  .drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff
  }
  .drawer-brand {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #222
  }
  .drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none
  }
  .drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #222
  }
  .drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
  }
  .drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
  }
  .drawer-open .drawer-overlay {
    display: block
  }
  .drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .drawer--top.drawer-open .drawer-nav {
    top: 0
  }
  .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    right: 0
  }
  .drawer--left .drawer-nav {
    left: -16.25rem;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0
  }
  .drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem
  }
  .drawer--right .drawer-nav {
    right: -16.25rem;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1)
  }
  .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
    top: -1px
  }
  .drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem
  }
  .drawer-hamburger {
    position: fixed;
    z-index: 4;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent
  }
  .drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent
  }
  .drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px
  }
  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222
  }
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: " "
  }
  .drawer-hamburger-icon:after {
    top: 10px
  }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent
  }
  .drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
    top: 0
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
  }
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
  }
  .drawer--sidebar, .drawer--sidebar .drawer-contents {
    background-color: #fff
  }
}

@media only screen and (max-width: 900px) and (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden
  }
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%
  }
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem
  }
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem
  }
  .drawer--sidebar .drawer-container {
    max-width: 48rem
  }
}

@media only screen and (max-width: 900px) and (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem
  }
  .drawer--sidebar .drawer-container {
    max-width: 60rem
  }
}

@media only screen and (max-width: 900px) {
  .drawer--navbarTopGutter {
    padding-top: 3.75rem
  }
  .drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff
  }
  .drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%
  }
  .drawer-navbar--fixed {
    position: fixed
  }
  .drawer-navbar-header {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center
  }
  .drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none
  }
  .drawer-navbar .drawer-brand:hover {
    background-color: transparent
  }
  .drawer-navbar .drawer-nav {
    padding-top: 3.75rem
  }
  .drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem
  }
}

@media only screen and (max-width: 900px) and (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff
  }
  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0
  }
  .drawer-navbar .drawer-menu--right {
    float: right
  }
  .drawer-navbar .drawer-menu li {
    float: left
  }
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0
  }
  .drawer-navbar .drawer-hamburger {
    display: none
  }
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  .drawer-navbar .drawer-menu {
    padding: 0
  }
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd
  }
  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem
  }
}

@media only screen and (max-width: 900px) {
  .drawer-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
  }
  .drawer-dropdown-menu>li {
    width: 100%;
    list-style: none
  }
  .drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222
  }
  .drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
  }
  .drawer-dropdown.open>.drawer-dropdown-menu {
    display: block
  }
  .drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
  }
  .drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .drawer-container {
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (max-width: 900px) and (min-width: 64em) {
  .drawer-container {
    max-width: 60rem
  }
}

@media only screen and (max-width: 900px) and (min-width: 75em) {
  .drawer-container {
    max-width: 70rem
  }
}

@media only screen and (max-width: 900px) {
  .drawer-toggle.drawer-hamburger {
    display: block
  }
  .drawer-nav {
    background: #000
  }
  .drawer-nav .drawer-menu {
    background: #000;
    position: static
  }
  .drawer-nav .drawer-menu li {
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 1px dotted grey;
    margin: 0
  }
  .drawer-nav .drawer-menu li a {
    color: #FFF !important;
    display: block;
    line-height: 50px
  }
  .drawer-nav .drawer-menu li a:visited {
    color: #FFF !important
  }
  .commonLine {
    display: none
  }
  .commonBikeLr {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0
  }
  .sp-block {
    display: block
  }
  .mt10 {
    margin-top: 0 !important
  }
  .mb10 {
    margin-bottom: 0 !important
  }
  .mb20 {
    margin-bottom: 0 !important
  }
  .mb30 {
    margin-bottom: 0 !important
  }
  .mt30 {
    margin-top: 0 !important
  }
  .mt76 {
    margin-top: 0 !important
  }
  .mt70 {
    margin-top: 0 !important
  }
  .fs22 {
    font-size: 20px !important
  }
  .mb32 {
    margin-bottom: 0 !important
  }
  .mb78 {
    margin-bottom: 0 !important
  }
  .mt50 {
    margin-top: 0 !important
  }
  .mt48 {
    margin-top: 0 !important
  }
  .mb40 {
    margin-bottom: 0 !important
  }
  .mb55 {
    margin-bottom: 0 !important
  }
  .mt54 {
    margin-top: 0 !important
  }
  .ml60 {
    margin-left: 0 !important
  }
  .ml90 {
    margin-left: 0 !important
  }
  #dream .mt73 {
    margin-top: 62px !important
  }
  .h3-adj {
    margin-bottom: 15px;
    margin-top: 30px;
    line-height: 1
  }
  .pagetop {
    display: none
  }
  .pagetop2 {
    width: 36px;
    height: 36px;
    position: fixed;
    display: inline;
    right: 4px;
    bottom: 0;
    background: grey;
    opacity: 0.6;
    line-height: 1;
    z-index: 2
  }
  .pagetop2 a {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    text-decoration: none
  }
  .pagetop2 a::before {
    font-family: FontAwesome;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
  }
  main #apparelTitleArea {
    background: url(../../apparel/img/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #apparelTitleArea #bikeTitleInner {
    width: 100%;
    font-size: 38px;
    color: #fff;
    text-align: left;
    line-height: 1 !important
  }
  main #apparelTitleArea #bikeTitleInner h2 {
    padding-top: 115px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #titleArea {
    background: url(../img/title_bg.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #titleAreaInner {
    width: 100%;
    font-size: 38px;
    text-align: left;
    line-height: 1
  }
  main #titleAreaInner h2 {
    padding-top: 115px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #accessoriesTitleArea {
    background: url(../../accessories/img/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #accessoriesTitleArea #bikeTitleInner {
    width: 100%;
    font-size: 38px;
    text-align: center;
    line-height: 1 !important
  }
  main #accessoriesTitleArea h2 {
    padding-top: 115px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #guarantee_systemTitleArea {
    background: url(../../img/guarantee_system/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 55px;
    background-position-x: -216px;
    font-size: 38px
  }
  main #guarantee_systemTitleArea #titleAreaInner {
    width: 100%;
    font-size: 32px;
    text-align: left;
    line-height: 1
  }
  main #guarantee_systemTitleArea #titleAreaInner h2 {
    padding-top: 0;
    line-height: 269px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #infoTitleArea {
    background: url(../img/info_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    font-size: 38px;
    background-position-x: -216px
  }
  main #dealerTitleArea {
    background: url(../../img/dealer/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 0;
    font-size: 38px;
    background-position-x: -216px
  }
  main #movieTitleArea {
    background:url("../../img/movie/Movie_title.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 0;
    font-size: 38px;
    background-position-x: -216px
  }
  main #pedalTitleArea {
    background: url(../../pedal/img/index/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #pedalTitleArea #bikeTitleInner {
    width: 100%;
    text-align: center;
    line-height: 1 !important;
    font-size: 38px
  }
  main #pedalTitleArea h2 {
    padding-top: 110px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #titleAreaTECHNICAL {
    background: url(../../img/technical/title_bg.jpg) no-repeat bottom;
    background-size: cover;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #titleAreaTECHNICAL #titleAreaInner {
    width: 100%;
    text-align: center;
    line-height: 1 !important;
    font-size: 38px
  }
  main #titleAreaTECHNICAL h2 {
    padding-top: 110px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #bikeTitleArea {
    background: url(../../bike/img/index/title_bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #bikeTitleArea #bikeTitleInner {
    /*font-family: 'Viga', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    width: 100%;
    font-size: 38px;
    color: #fff;
    line-height: 1 !important
  }
  main #bikeTitleArea h2 {
    padding-top: 110px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main #pedalMtbTitleArea {
    background: url(../../pedal/img/mtb_pedals/title_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -216px
  }
  main #pedalMtbTitleArea #bikeTitleInner {
    /*font-family: 'Viga', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    width: 100%;
    font-size: 38px;
    color: #fff;
    line-height: 1 !important
  }
  main #pedalMtbTitleArea h2 {
    padding-top: 110px;
    text-align: center;
    text-shadow: 1px 1px 1px #000
  }
  main#bike-item div#bikeTitleAreaTRACK h2 img, main#bike-item div#bikeTitleInnerMTB h2 img {
    width: 65%;
    margin-top: 99px;
    margin-left: 0
  }
  #company #titleAreaInner h2 {
    padding-top: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 269px;
    font-size: 30px
  }
  #prps #titleArea {
    background: url(../img/title_bg.jpg) no-repeat top center;
    background-size: 430%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 55px;
    background-position-x: -556px;
    background-position-y: -128px
  }
  #prps #titleAreaInner h2 {
    padding-top: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 269px;
    font-size: 30px
  }
  #dealer #titleAreaInner h2 {
    padding-top: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 269px
  }
  #bike-item div.adj-bike {
    background-size: cover;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -396px
  }
  #bike-item div.adj-bike div {
    width: 100%;
    font-size: 38px;
    line-height: 1 !important
  }
  #bike-item div.adj-bike h2 {
    padding-top: 0;
    text-align: left;
    line-height: 1;
    height: 269px
  }
  #bike-item div.adj-bike h2 img {
    width: 45%;
    margin-top: 90px;
    margin-left: 21px
  }
  #pankuzuArea {
    width: 100%;
    text-align: left;
    font-size: 11px;
    background: #000;
    margin: 0 auto 10px;
    padding: 10px;
    color: #FFF;
    border-top: 1px #666 solid
  }
  #pankuzuArea a {
    color: #FFF
  }
  #pankuzuArea a:visited {
    color: #FFF
  }
  .nav-next {
    float: none;
    font-size: 10px;
    text-align: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 40px
  }
  .nav-previous {
    float: none;
    font-size: 10px;
    width: 100%;
    text-align: center
  }
  .wrapperPost {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
  }
  .wrapperPost img {
    max-width: 100% !important
  }
}

@media only screen and (min-width: 415px) and (max-width: 900px) {
  #catalogueInner {
    padding: 0 20%
  }
  #catalogueArea .catalogue.wow {
    display: block;
    padding: 4px 19%
  }
  #catalogueArea div:last-child {
    margin-bottom: 0
  }
  main #apparelTitleArea {
    background-position-x: -136px
  }
  main #titleArea {
    background-position-x: -136px
  }
  main #accessoriesTitleArea {
    background-position-x: -136px
  }
  main #guarantee_systemTitleArea {
    background-position-x: -136px
  }
  main #infoTitleArea {
    background-position-x: -136px
  }
  main #dealerTitleArea {
    background-position-x: -136px
  }
  main #pedalTitleArea {
    background-position-x: -136px
  }
  main #bikeTitleArea {
    background-position-x: -136px
  }
  main #pedalMtbTitleArea {
    background-position-x: -136px
  }
  #bike-item div.adj-bike {
    background-position-x: -276px
  }
  #pedal .pedalPhoto02 img {
    padding: 0 20%
  }
  .wrapperApparel img {
    width: 70%
  }
  .wrapperApparel .center.mt30.mb30 .apa-adj {
    width: 20%
  }
  .f-left #footerL01 img {
    max-width: 100%;
    width: 42%;
    position: absolute;
    right: 0%;
    bottom: -36px;
    opacity: .4
  }
  #prps #titleArea {
    background: url(../img/title_bg.jpg) no-repeat top center;
    background-size: 200%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 55px;
    background-position-x: -126px;
    background-position-y: -118px
  }
  main#bike-item div.adj-bike {
    background-size: 181%;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -506px;
    background-position-y: -23px
  }
  main#bike-item #bikeTitleArea785_HUEZ_RS {
    background-size: 221%;
    background-position-x: -76px;
    background-position-y: -65px
  }
  main#bike-item div.adj-bike h2 img {
    width: 55%;
    margin-top: 93px;
    margin-left: 0
  }
  main#bike-item div.adj-bike h2 img {
    width: 55%;
    margin-top: 93px;
    margin-left: 0
  }
  main#bike-item div#bikeTitleAreaTRACK h2 img {
    width: 35%;
    margin-top: 87px;
    margin-left: 0
  }
  main#bike-item div#bikeTitleAreaMTB h2 img {
    width: 35%;
    margin-top: 87px;
    margin-left: 0
  }
  main#bike-item #bikeTitleArea796_MONOBLADE {
    background-size: 281%;
    background-position-x: -6px;
    background-position-y: -66px
  }
  main#bike-item div.adj-bike #bikeTitleInner796_MONOBLADE h2 img {
    width: 55%;
    margin-top: 64px;
    margin-left: 0
  }
  #catalogueArea .c-wrap .catalogue:last-child {
    margin-right: 0;
    width: 100%;
    margin-bottom: 0
  }
  #catalogueArea .c-wrap .catalogue:last-child .pdf:before {
    top: 7px;
    left: 91px
  }
  #catalogueArea .c-wrap .catalogue .pdf:before {
    content: "";
    top: 7px;
    left: 54px;
    position: absolute;
    width: 10px;
    height: 12px;
    background: url(../img/pdf_icon.png) no-repeat top center;
    background-size: contain
  }
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
  .bike2019 h4.green .huez {
    position: absolute;
    left: 97px;
    top: 13px;
    width: 23px;
    height: auto
  }
}

@media only screen and (max-width: 374px) {
  #newsArea .itemDate {
    width: 28%;
    margin-right: 3%;
    font-size: 12px
  }
  #newsArea .itemTitle {
    width: 69%;
    font-size: 12px
  }
  #pedal .pedalTitleKEO, #pedal .pedalTitleMTB {
    height: 43px;
    font-size: 21px;
    line-height: 43px
  }
  .blog #leftAreaInfo .entry-content img, .category-faq #leftAreaInfo .entry-content img, .category-support #leftAreaInfo .entry-content img {
    max-height: 100%
  }
  .blog .entry-title, .category-faq .entry-title, .category-support .entry-title {
    font-size: 17px;
    line-height: 1.2
  }
  main #apparelTitleArea h2 {
    font-size: 30px
  }
  main #titleArea h2 {
    font-size: 30px
  }
  main #accessoriesTitleArea h2 {
    font-size: 30px
  }
  main #guarantee_systemTitleArea h2 {
    font-size: 30px
  }
  main #infoTitleArea h2 {
    font-size: 30px
  }
  main #dealerTitleArea h2 {
    font-size: 30px
  }
  main #pedalTitleArea h2 {
    font-size: 30px
  }
  main #bikeTitleArea h2 {
    font-size: 30px
  }
  main #pedalMtbTitleArea h2 {
    font-size: 30px
  }
  main #bike-item div.adj-bike {
    font-size: 30px
  }
  #companyOutline dt {
    width: 30%
  }
  #companyOutline dd {
    width: 68%
  }
  #naviArea ul li {
    padding: 0 7px
  }
  #naviArea {
    padding: 15px 10px
  }
  #sitemap dt {
    font-size: 15px
  }
  #sitemap dd {
    font-size: 13px
  }
  #bike-item #wrapper div h4 span+span {
    margin-left: 3%
  }
  #bike-item #wrapper div h4 span:first-child {
    margin-top: 30px;
    width: auto;
    padding: 8px 3%
  }
  #bike-item #wrapper div h4 span {
    font-size: 13px;
    word-spacing: -3.5px
  }
  .f-left #footerL01 img {
    max-width: 100%;
    width: 50%;
    position: absolute;
    right: 14px;
    bottom: -28px;
    opacity: .4
  }
  #footerL02 .fs16 {
    font-size: 15px !important
  }
  .bike-ttl {
    font-size: 27px
  }
  .bike-ttl .grey-bike {
    font-size: 27px
  }
  .bikePhoto02 h5 {
    font-size: 24px
  }
  .color-price .cc2 img {
    height: 52px;
    width: auto
  }
  main#bike-item div.adj-bike {
    background-size: 369%;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -114px;
    background-position-y: -20px
  }
  main#bike-item div.adj-bike.bike795ls {
    background-position-x: -464px
  }
  main#bike-item div.adj-bike.bike795ls h2 img {
    width: 75%;
    margin-top: 121px;
    margin-left: 0
  }
  main#bike-item .fs18 {
    font-size: 15px !important
  }
  main#bike-item #wrapper .bike2019 h4 span.modelNameALTITUDE, main#bike-item #wrapper .bike2019 h4 span.modelNameALTITUDE {
    margin-top: 0
  }
  main#bike-item #wrapper .bike2019 h4 span.modelNameALTITUDE .grey, main#bike-item #wrapper .bike2019 h4 span.modelNameALTITUDE .grey {
    margin-top: 0
  }
  main#bike-item #bikeTitleArea796_MONOBLADE {
    background-size: 371%;
    background-position-x: -106px
  }
  main#bike-item #bikeTitleArea796_MONOBLADE2019 {
    background-size: 369%;
    width: 100%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 62px;
    background-position-x: -514px;
    background-position-y: -20px
  }
  main#bike-item #bikeTitleArea785_HUEZ {
    background-size: 369%;
    background-position-x: -484px
  }
  main#bike-item #bikeTitleArea785_HUEZ_RS {
    background-size: 361%;
    background-position-x: -76px
  }
  main#bike-item #wrapper .bike2019 h4 span {
    font-size: 23px;
    padding: 0;
    margin: 0
  }
  .fs22 {
    font-size: 19px !important
  }
  #bike-item .fs20-fw900-mt20 {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.4
  }
  main#bike-item #wrapper .modelNameENDURANCE_BICYCLE+.fs15-k {
    font-size: 15px;
    display: inline-block;
    margin-left: 2px
  }
  main#bike-item #wrapper .modelNameENDURANCE_BICYCLE+.fs15-k .mix {
    font-size: 12px;
    position: relative;
    padding: 2px;
    top: -1px;
    display: inline-block;
    margin-left: 3px
  }
  .carbonTxtCo {
   /* font-family: 'Heebo', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    font-size: 65px;
    height: 74px;
    font-weight: 900;
    color: #fff;
    margin: auto;
    margin-bottom: 60px;
    z-index: 1;
    line-height: 39px
  }
  .carbonTxtCo .carbonTxtThinCo {
    /*font-family: 'Heebo', sans-serif;*/
   font-family: 'Work Sans', sans-serif; 
    font-size: 37px;
    font-weight: 300;
    line-height: 1
  }
  .carbonTxtCo {
    margin-bottom: 50px
  }
  #prps #titleArea {
    background: url(../img/title_bg.jpg) no-repeat top center;
    background-size: 430%;
    width: 100%;
    height: 269px;
    margin: 0 auto;
    margin-top: 55px;
    background-position-x: -446px;
    background-position-y: -68px
  }
  #prps #titleAreaInner h2 {
    padding-top: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 269px;
    font-size: 30px
  }
  .pp .small {
    font-size: 10px;
    letter-spacing: -.8px
  }
  .bike2019 h4.green .huez {
    position: absolute;
    left: 110px;
    top: 11px;
    width: 26px;
    height: auto
  }
  .bike2019 h4.green .huez {
    position: absolute;
    left: 30%;
    top: 7px;
    width: 20px;
    height: auto
  }
  main#bike-item #wrapper .bike2019 h4 .new {
    margin-left: 3px;
    display: inline-block
  }
  main#bike-item #wrapper .bike2019 h4 .ult {
    font-size: 18px !important;
    margin-left: 4px;
    display: inline-block
  }
  main#bike-item #wrapper .bike2019 h4 span.modelNameALTITUDE {
    display: block;
    text-align: left
  }
  main#bike-item #wrapper .bike2019 h4 span {
    font-size: 22px;
    padding: 0;
    margin: 0
  }
  main#bike-item #wrapper h4.mtb span.modelNameALTITUDE, main#bike-item #wrapper h4.blue2 span.modelNameALTITUDE {
    display: inline-block;
    text-align: left
  }
}


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