/***************************************************
　Liv '17 WEB Site
  copyright2017 GIANT-JAPAN. All Right Reserved.

  ファイル概要：スタイルシート
***************************************************/
 @charset "UTF-8";

 @import url("//fonts.googleapis.com/css?family=Open+Sans:700%2C600%2C400%2C300");
 @import url("//fonts.googleapis.com/css?family=Roboto:700%2C400%2C300");

/**************************************************
    ウェブフォント
**************************************************/
@font-face {
    font-family: 'RideLifePerformance';
    src: url('../fonts/ridelife-performance-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ridelife-performance-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ridelife-performance-webfont.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ridelife-performance-webfont.ttf')  format('truetype')/* Safari, Android, iOS */;
  }

@font-face {
    font-family: 'RideLifePerformanceLight';
    src: url('../fonts/ridelife-performancelt-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ridelife-performancelt-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ridelife-performancelt-webfont.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ridelife-performancelt-webfont.ttf')  format('truetype')/* Safari, Android, iOS */;
  }

@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");

/**
 * @license
 * MyFonts Webfont Build ID 3294125, 2016-10-11T05:56:45-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: IntervalProLight by Mostardesign
 * URL: http://www.myfonts.com/fonts/mostardesign/interval-sans-pro/light/
 * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2004-2011. All rights
 * reserved.
 * Licensed pageviews: 1,000,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3294125
 *
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3243ad");


@font-face {
    font-family: 'IntervalProLight';
    src: url('../fonts/3243AD_0_0.eot');
    src: url('../fonts/3243AD_0_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/3243AD_0_0.woff2') format('woff2'),
        url('../fonts/3243AD_0_0.woff') format('woff'),
        url('../fonts/3243AD_0_0.ttf') format('truetype');
}




 /**************************************************

    boostrapレイアウト上書き

 **************************************************/

@media (min-width: 768px) {
  .container {
    width: 100%;
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .container {

  }
}
@media (min-width: 1200px) {
  .container {
   width: 1170px;
  }
}

.no-gutter [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.l0-gutter [class*='col-'] {
    padding-right:5px;
    padding-left:0;
}


/**************************************************

    共通スタイル

**************************************************/
body {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    -webkit-text-size-adjust: 100%;
}

h1 {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    text-transform: none;
    font-style: normal;
    font-weight: 400;
    color: #000;
}

h1 {
    font-size: 50px;
    margin: 0;
}

h2, .h2 {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
}

img {
    vertical-align: middle;
}
img {
    border: 0;
}

.text-center {
    text-align: center;
}

.font-middle {
    font-size: 16px;
}
.f-size_small {
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

.cap {
    font-size: 12px;
}

a {
    color: #5f25a0;
}

a:hover {
    color: #9730d0;
}



a.btn-banner,
span.btn-banner {
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -ms-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
    background: rgba(0,0,0,.2);
    border-color: #fff;
    font-size: 13px;
    border-radius: unset;
    text-transform: uppercase;
    padding: 3px 30px 3px 30px;
    line-height: 25px;
    color: #fff;
}

a.btn-banner:hover,
a.btn-banner:active,
a.btn-banner:focus,
span.btn-banner:hover,
span.btn-banner:active,
span.btn-banner:focus {
    background: rgba(0,0,0,.4);
    border-color: rgba(255,255,255,.9);
    color: rgba(255,255,255,.9);
}

a.btn-banner.bottom,
span.btn-banner.bottom {
    margin-top: 10%;
}

.background-black-50pct {
    background: rgba(0,0,0,.5);
}


[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "gianticons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.wrapper {
    z-index: 99999!important;
}

.mt30 {
  margin-top: 30px;
}

/* model year alert */
@keyframes alertFadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes alertFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
#model-year-alert {
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}
#model-year-alert.active {
  animation: alertFadein 0.5s ease-in-out 1 forwards;
}
#model-year-alert.active.close {
  visibility: visible;
  animation: alertFadeOut 0.5s ease-in-out 1 forwards;
}
#model-year-alert .model-year-item {
  width: 675px;
  height: 350px;
  margin: auto;
  padding: 50px;
  text-align: center;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #model-year-alert .model-year-item {
    width: 90%;
    height: 93.3333333333vw;
    padding: 2.66666666666vw;
  }
}
#model-year-alert .model-year-item header {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #model-year-alert .model-year-item header {
    font-size: 3.73333333324vw;
  }
}
#model-year-alert .model-year-item .select-area {
  width: 100%;
  margin: 30px auto 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
}
#model-year-alert .model-year-item .select-area button {
  width: 100%;
  border: none;
  border-radius: 6px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #model-year-alert .model-year-item .select-area button {
    font-size: 3.19999999992vw;
  }
}
#model-year-alert .model-year-item .select-area button.ok-button {
  background: #641662;
  color: #fff;
  padding: 20px 12px;
  margin-bottom: 20px;
}
#model-year-alert .model-year-item .select-area button.cancel-button {
  background: #dfdfdf;
  color: #666;
  padding: 20px 12px;
}


/**************************************************
    ヘッダー
**************************************************/
.brandswitch {
    top: 0;
    position: fixed;
    width: 100%;
    height: 40px;
     background: #f4f4f4;
    text-align: left;
    z-index: 100000;
}

.brandswitch .container #logos {
    padding-left: 0;
}

.brandswitch .container #logos ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.brandswitch .container #logos ul li {
    display: inline;
    margin: 0 10px 0 2px;
}

.brandswitch .container #logos ul li a {
    line-height: 40px;
    display: inline-block;
    outline: 0;
    color: #999;
}

.brandswitch .container #logos .country {
    float: left;
    padding: 12px 0 0 20px;
}

.brandswitch .container #logos .country a {
    font-size: 15px;
    line-height: 16px;
    display: block;
    color: #aaa;
    cursor: pointer;
}
.brandswitch .container #logos .country a i {
    margin-right: 5px;
}


.brandswitch .container #pc-social-area {
    padding-right: 0;
    padding-top: 6px;
}


.brandswitch .container #pc-social-area ul li {
    display: block;
}
.brandswitch .container #pc-social-area ul li a {
   display: inline-block;
   float: right;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   background: #000;
   text-align: center;
   position: relative;
   margin-left: 10px;
}

.brandswitch .container #pc-social-area ul li img {
    width: 55%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#footer #sp-social-area ul li {
    display: block;
    margin-bottom: 0;
}
#footer #sp-social-area ul li a {
   display: inline-block;
   float: left;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #000;
   text-align: center;
   position: relative;
   margin-left: 10px;
}

#footer #sp-social-area ul li img {
    width: 55%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.flag_jpn {
    background-position: -1px -1786px;
}
.flag {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background-image: url("../images/flags.png");
}

body>header {
    width: 100%;
    overflow-y: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0!important;
    z-index: 7777;
    display: block;
    color: #fff;
    background:#fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    -webkit-transition: background 500ms linear 0s;
    -moz-transition: background 500ms linear 0s;
    -ms-transition: background 500ms linear 0s;
    -o-transition: background 500ms linear 0s;
    transition: background 500ms linear 0s;
}

body>header a.logo-desktop {
    float: left;
    display: block;
    padding: 20px 0 20px 0;
}

body>header a, body>header a:focus, body>header a:hover {
    color: #5f25a0;
}

/* スマホ用 */
body>header .hamburger-logo-and-cart {
    height: 61px;
}

body>header .hamburger-logo-and-cart .hamburger {
    padding-top: 20px;
    float: left;
    width: 25%;
}

body>header .hamburger-logo-and-cart .hamburger a#toggle-menu {
    border-radius: 3px;
    outline: none;
}

body>header .hamburger-logo-and-cart .hamburger a#toggle-menu i {
    font-size: 20px;
}

body>header .hamburger-logo-and-cart .logo {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 15px;
}

body>header .hamburger-logo-and-cart .logo a.logo-mobile img {
    display: inline-block;
    height: 30px;
}

body>header .hamburger-logo-and-cart .logo a.country {
    font-size: 14px;
    padding-left: 18px;
}

body>header .hamburger-logo-and-cart .cart {
    float: left;
    width: 25%;
    text-align: right;
    padding-top: 15px;
}

.visible-xs {
        display: none!important;
    }

/**************************************************
    グローバルメニュー
**************************************************/

header.navbar-fixed-top {
    top: 40px;
    z-index: 100000;
    min-height: 50px;
}
header .container {
    position: relative;
}
body>header nav.menu-desktop ul {
    margin: 0 180px 0 0;
    padding-top: 15px;
    float: right;
    list-style: none;
    display: table;
}

body>header nav.menu-desktop ul li {
    display: block;
    position: relative;
    float: left;
}

body>header nav.menu-desktop ul li a {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    letter-spacing: .1em;
    display: block;
    position: relative;
    padding: 0;
    line-height: 60px;
    margin: 0 0 0 25px;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: color 500ms linear 0s;
    -moz-transition: color 500ms linear 0s;
    -ms-transition: color 500ms linear 0s;
    -o-transition: color 500ms linear 0s;
    transition: color 500ms linear 0s;
}

body>header section.header-search {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-flow: row wrap;
    height: 60px;
    justify-content: space-around;
    max-width: 1044px;
    padding: 0;
    position: absolute;
    transition: width .4s cubic-bezier(0,0,0,1) 0s;
    width: 180px;
    top: 16px;
    right: 28px;
}

body header section.header-search.header-search-active {
    background: 0 0;
    width: calc(100% - 260px);
}
body>header section.header-search.header-search-active {
    z-index: 1100;
}
body>header section.header-search.header-search-active form {
    width: 100%;
}
body header section.header-search.header-search-active a.hide-expanded-search {
    color: #eee;
}
body>header section.header-search.header-search-active form a.hide-expanded-search {
    display: block;
    color: #aaa;
    position: absolute;
    right: 10px;
    top: 22px;
}

body>header section.header-search .header-search-input-wrapper {
    border-radius: 4px;
    flex-grow: 6;
    margin-left: 25px;
    min-width: 40px;
    padding: 5px;
    border: 1px solid #ddd;
    position: relative;
    height: 36px;
    width: 155px;
}
body header section.header-search .header-search-input-wrapper {
    background: rgba(255,255,255,1);
    border-color: #ccc;
}
body>header section.header-search.header-search-active .header-search-input-wrapper {
    width: unset;
}
body header section.header-search.header-search-active .header-search-input-wrapper {
    background: #fff;
}
body>header section.header-search .header-search-input-wrapper .twitter-typeahead {
    width: 100%;
}

@media (max-width: 920px){
  body>header section.header-search {
    width: 55px;
    right: 43px;;
  }
  body>header section.header-search .header-search-input-wrapper {
    width: 55px;
  }
  body>header nav.menu-desktop ul {
    margin: 0 60px 0 0;
  }
}

@media (max-width: 790px){
  body>header section.header-search {
    width: 45px;
    right: 48px;;
  }
  body>header section.header-search .header-search-input-wrapper {
    width: 45px;
  }
  body>header nav.menu-desktop ul {
    margin: 0 49px 0 0;
  }
}
.tt-menu {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    text-align: left;
}
body>header section.header-search .header-search-input-wrapper .twitter-typeahead div.tt-menu {
    border-radius: 0;
    margin-left: -6px;
    margin-top: 3px;
    width: calc(100% + 12px);
}
body>header section.header-search a.hide-expanded-search {
    display: none;
}
body>header section.header-search .header-search-input-wrapper input {
    background: 0 0;
    border: none;
    font-family: sans-serif,Verdana,Arial;
    color: #333;
    font-size: 16px;
    height: 100%;
    left: 0;
    outline: 0;
    padding: 0 34px 0 40px;
    top: 0;
    width: 100%;
    line-height: 22px;
}

body>header section.header-search .header-search-input-wrapper::before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e003";
    display: block;
    height: 17px;
    left: 12px;
    position: absolute;
    top: 9px;
    transition: all .2s cubic-bezier(0,0,0,1) 0s;
    width: 17px;
    color: #666;
}

#ui-id-1 {
  z-index: 999999;
  top: 104px!important;
}


/**************************************************
    メガメニュー
**************************************************/
.megamenu {
    background: #fff;
    border-bottom: 1px solid #aaa;
    opacity: 1;
    width: 100%;
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 131px;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.2);
}

.megamenu.fullscreen {
    display: block;
    text-align: center;
    top: 40px;
    z-index: 10000;
    overflow: hidden;
    border: none;
    max-height: calc(100% - 61px);
    border-bottom: 1px solid #aaa;
}


.megamenu .container {
    padding-bottom: 10px;
}

.countryselect {
    background: #fff;
}

.megamenu .container h2 {
    margin: 0;
    padding: 20px 0 20px 0;
    text-transform: uppercase;
    font-size: 22px;
}

.megamenu .container h2.jp {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-style: normal;
    text-indent: -0.1em;
}

.countryselect h2 {
    font-family: "Open Sans",Arial,Helvetica;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 5px;
    color: #aaa;
}

.megamenu .container ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.megamenu.fullscreen li {
    text-align: left;
}

.megamenu .container ul li a {
    font-size: 12px;
    color: #666;
    display: block;
    padding: 5px 24px 5px 0;
    outline: 0;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    position: relative;
    z-index: 9999;
}

.megamenu .container ul li.fd>a {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 16px;
    color: #666;
}

#megamenugear.megamenu .container ul li.fd>a {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-size: 16px;
}

#megamenugear.megamenu .container ul li a {
    padding: 0 0 5px;
}

.megamenu .container ul li.gear-name a {
    padding: 5px 0px 5px 0;
}

#megamenugear.megamenu .container ul li img {
    max-width: 240px;
    width: 100%;
    height: auto;
}

#btn-new-gear {
  clear: both;
  margin: 60px auto 30px;;
  width: 350px;
  position: relative;
  border-radius: 6px;
  background: #5f25a0;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
}

#btn-new-gear:hover {
  opacity: 0.8;
}
#btn-new-gear a {
  color: #fff;
}

#btn-new-gear a:hover {
  color: #fff;
  text-decoration: none;
}

#btn-new-gear-inner {
  text-align: center;
  padding: 5% 0;
}

@media (max-width: 768px) {
  #btn-new-gear {
    width: 70%;
  }
}
@media (max-width: 560px) {
  #btn-new-gear {
    width: 100%;
  }
}

.megamenu.fullscreen li i.flag {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.flag_afghanistan{background-position:-1px -1px}
.flag_albania{background-position:-1px -18px}
.flag_algeria{background-position:-1px -35px}
.flag_american_samoa{background-position:-1px -52px}
.flag_andorra{background-position:-1px -69px}
.flag_angola{background-position:-1px -86px}
.flag_anguilla{background-position:-1px -103px}
.flag_antigua_and_barbuda{background-position:-1px -120px}
.flag_argentina{background-position:-1px -137px}
.flag_armenia{background-position:-1px -154px}
.flag_aruba{background-position:-1px -171px}
.flag_australia{background-position:-1px -188px}
.flag_austria{background-position:-1px -205px}
.flag_azerbaijan{background-position:-1px -222px}
.flag_bahamas{background-position:-1px -239px}
.flag_bahrain{background-position:-1px -256px}
.flag_bangladesh{background-position:-1px -273px}
.flag_barbados{background-position:-1px -290px}
.flag_belarus{background-position:-1px -307px}
.flag_belgium{background-position:-1px -324px}
.flag_belize{background-position:-1px -341px}
.flag_benin{background-position:-1px -358px}
.flag_bermuda{background-position:-1px -375px}
.flag_bhutan{background-position:-1px -392px}
.flag_bolivia{background-position:-1px -409px}
.flag_bosnia_and_herzegovina{background-position:-1px -426px}
.flag_botswana{background-position:-1px -443px}
.flag_brazil{background-position:-1px -460px}
.flag_british_indian_ocean_territory{background-position:-1px -477px}
.flag_british_virgin_islands{background-position:-1px -494px}
.flag_brunei{background-position:-1px -511px}
.flag_bulgaria{background-position:-1px -528px}
.flag_burkina_faso{background-position:-1px -545px}
.flag_burma{background-position:-1px -562px}
.flag_burundi{background-position:-1px -579px}
.flag_cambodia{background-position:-1px -596px}
.flag_cameroon{background-position:-1px -613px}
.flag_canada{background-position:-1px -630px}
.flag_cape_verde{background-position:-1px -647px}
.flag_cayman_islands{background-position:-1px -664px}
.flag_central_african_republic{background-position:-1px -681px}
.flag_chad{background-position:-1px -698px}
.flag_chile{background-position:-1px -715px}
.flag_china{background-position:-1px -732px}
.flag_colombia{background-position:-1px -749px}
.flag_comoros{background-position:-1px -766px}
.flag_congo_democratic_republic{background-position:-1px -783px}
.flag_congo_republic{background-position:-1px -800px}
.flag_cook_islands{background-position:-1px -817px}
.flag_costa_rica{background-position:-1px -834px}
.flag_cote_divoire{background-position:-1px -851px}
.flag_croatia{background-position:-1px -868px}
.flag_cuba{background-position:-1px -885px}
.flag_cyprus{background-position:-1px -902px}
.flag_czech_republic{background-position:-1px -919px}
.flag_denmark{background-position:-1px -936px}
.flag_djibouti{background-position:-1px -953px}
.flag_dominica{background-position:-1px -970px}
.flag_dominican_republic{background-position:-1px -987px}
.flag_east_timor{background-position:-1px -1004px}
.flag_egypt{background-position:-1px -1021px}
.flag_el_salvador{background-position:-1px -1038px}
.flag_england{background-position:-1px -1055px}
.flag_equador{background-position:-1px -1072px}
.flag_equatorial_guinea{background-position:-1px -1089px}
.flag_eritrea{background-position:-1px -1106px}
.flag_estonia{background-position:-1px -1123px}
.flag_ethiopia{background-position:-1px -1140px}
.flag_falkland_islands{background-position:-1px -1157px}
.flag_faroe_islands{background-position:-1px -1174px}
.flag_fiji{background-position:-1px -1191px}
.flag_finland{background-position:-1px -1208px}
.flag_france{background-position:-1px -1225px}
.flag_french_polynesia{background-position:-1px -1242px}
.flag_gabon{background-position:-1px -1259px}
.flag_gambia{background-position:-1px -1276px}
.flag_georgia{background-position:-1px -1293px}
.flag_germany{background-position:-1px -1310px}
.flag_ghana{background-position:-1px -1327px}
.flag_gibraltar{background-position:-1px -1344px}
.flag_great_britain{background-position:-1px -1361px}
.flag_greece{background-position:-1px -1378px}
.flag_greenland{background-position:-1px -1395px}
.flag_grenada{background-position:-1px -1412px}
.flag_guam{background-position:-1px -1429px}
.flag_guatemala{background-position:-1px -1446px}
.flag_guernsey{background-position:-1px -1463px}
.flag_guinea{background-position:-1px -1480px}
.flag_guinea_bissau{background-position:-1px -1497px}
.flag_guyana{background-position:-1px -1514px}
.flag_haiti{background-position:-1px -1531px}
.flag_honduras{background-position:-1px -1548px}
.flag_hong_kong{background-position:-1px -1565px}
.flag_hungary{background-position:-1px -1582px}
.flag_iceland{background-position:-1px -1599px}
.flag_india{background-position:-1px -1616px}
.flag_indonesia{background-position:-1px -1633px}
.flag_international{background-position:-1px -1650px}
.flag_iran{background-position:-1px -1667px}
.flag_iraq{background-position:-1px -1684px}
.flag_ireland{background-position:-1px -1701px}
.flag_isle_of_man{background-position:-1px -1718px}
.flag_israel{background-position:-1px -1735px}
.flag_italy{background-position:-1px -1752px}
.flag_jamaica{background-position:-1px -1769px}
.flag_japan{background-position:-1px -1786px}
.flag_jersey{background-position:-1px -1803px}
.flag_jordan{background-position:-1px -1820px}
.flag_kazakhstan{background-position:-1px -1837px}
.flag_kenya{background-position:-1px -1854px}
.flag_kiribati{background-position:-1px -1871px}
.flag_kuwait{background-position:-1px -1888px}
.flag_kyrgyzstan{background-position:-1px -1905px}
.flag_laos{background-position:-1px -1922px}
.flag_latin_america{background-position:-1px -1939px}
.flag_latvia{background-position:-1px -1956px}
.flag_lebanon{background-position:-1px -1973px}
.flag_lesotho{background-position:-1px -1990px}
.flag_liberia{background-position:-1px -2007px}
.flag_libya{background-position:-1px -2024px}
.flag_liechtenstein{background-position:-1px -2041px}
.flag_lithuania{background-position:-1px -2058px}
.flag_luxembourg{background-position:-1px -2075px}
.flag_macau{background-position:-1px -2092px}
.flag_macedonia{background-position:-1px -2109px}
.flag_madagascar{background-position:-1px -2126px}
.flag_malawi{background-position:-1px -2143px}
.flag_malaysia{background-position:-1px -2160px}
.flag_maledives{background-position:-1px -2177px}
.flag_mali{background-position:-1px -2194px}
.flag_malta{background-position:-1px -2211px}
.flag_marshall_islands{background-position:-1px -2228px}
.flag_martinique{background-position:-1px -2245px}
.flag_mauretania{background-position:-1px -2262px}
.flag_mauritius{background-position:-1px -2279px}
.flag_mexico{background-position:-1px -2296px}
.flag_micronesia{background-position:-1px -2313px}
.flag_moldova{background-position:-1px -2330px}
.flag_monaco{background-position:-1px -2347px}
.flag_mongolia{background-position:-1px -2364px}
.flag_montserrat{background-position:-1px -2381px}
.flag_morocco{background-position:-1px -2398px}
.flag_mozambique{background-position:-1px -2415px}
.flag_namibia{background-position:-1px -2432px}
.flag_nauru{background-position:-1px -2449px}
.flag_nepal{background-position:-1px -2466px}
.flag_netherlands_antilles{background-position:-1px -2483px}
.flag_new_zealand{background-position:-1px -2500px}
.flag_nicaragua{background-position:-1px -2517px}
.flag_niger{background-position:-1px -2534px}
.flag_nigeria{background-position:-1px -2551px}
.flag_niue{background-position:-1px -2568px}
.flag_norfolk_island{background-position:-1px -2585px}
.flag_northern_mariana_islands{background-position:-1px -2602px}
.flag_north_korea{background-position:-1px -2619px}
.flag_norway{background-position:-1px -2636px}
.flag_oman{background-position:-1px -2653px}
.flag_pakistan{background-position:-1px -2670px}
.flag_palau{background-position:-1px -2687px}
.flag_panama{background-position:-1px -2704px}
.flag_papua_new_guinea{background-position:-1px -2721px}
.flag_paraquay{background-position:-1px -2738px}
.flag_peru{background-position:-1px -2755px}
.flag_philippines{background-position:-1px -2772px}
.flag_pitcairn_islands{background-position:-1px -2789px}
.flag_poland{background-position:-1px -2806px}
.flag_portugal{background-position:-1px -2823px}
.flag_puerto_rico{background-position:-1px -2840px}
.flag_qatar{background-position:-1px -2857px}
.flag_romania{background-position:-1px -2874px}
.flag_russia{background-position:-1px -2891px}
.flag_rwanda{background-position:-1px -2908px}
.flag_saint_helena{background-position:-1px -2925px}
.flag_saint_kitts_and_nevis{background-position:-1px -2942px}
.flag_saint_lucia{background-position:-1px -2959px}
.flag_saint_pierre_and_miquelon{background-position:-1px -2976px}
.flag_saint_vincent_and_the_grenadines{background-position:-1px -2993px}
.flag_samoa{background-position:-1px -3010px}
.flag_san_marino{background-position:-1px -3027px}
.flag_sao_tome_and_principe{background-position:-1px -3044px}
.flag_saudi_arabia{background-position:-1px -3061px}
.flag_scotland{background-position:-1px -3078px}
.flag_senegal{background-position:-1px -3095px}
.flag_serbia_montenegro{background-position:-1px -3112px}
.flag_seychelles{background-position:-1px -3129px}
.flag_sierra_leone{background-position:-1px -3146px}
.flag_singapore{background-position:-1px -3163px}
.flag_slovakia{background-position:-1px -3180px}
.flag_slovenia{background-position:-1px -3197px}
.flag_solomon_islands{background-position:-1px -3214px}
.flag_somalia{background-position:-1px -3231px}
.flag_south_africa{background-position:-1px -3248px}
.flag_south_georgia{background-position:-1px -3265px}
.flag_south_korea{background-position:-1px -3282px}
.flag_spain{background-position:-1px -3299px}
.flag_sri_lanka{background-position:-1px -3316px}
.flag_sudan{background-position:-1px -3333px}
.flag_suriname{background-position:-1px -3350px}
.flag_swaziland{background-position:-1px -3367px}
.flag_sweden{background-position:-1px -3384px}
.flag_switzerland{background-position:-1px -3401px}
.flag_syria{background-position:-1px -3418px}
.flag_taiwan{background-position:-1px -3435px}
.flag_tajikistan{background-position:-1px -3452px}
.flag_tanzania{background-position:-1px -3469px}
.flag_testcountry{background-position:-1px -3486px}
.flag_thailand{background-position:-1px -3503px}
.flag_the_netherlands{background-position:-1px -3520px}
.flag_tibet{background-position:-1px -3537px}
.flag_togo{background-position:-1px -3554px}
.flag_tonga{background-position:-1px -3571px}
.flag_trinidad_and_tobago{background-position:-1px -3588px}
.flag_tunisia{background-position:-1px -3605px}
.flag_turkey{background-position:-1px -3622px}
.flag_turkmenistan{background-position:-1px -3639px}
.flag_turks_and_caicos_islands{background-position:-1px -3656px}
.flag_tuvalu{background-position:-1px -3673px}
.flag_uganda{background-position:-1px -3690px}
.flag_uk{background-position:-1px -3707px}
.flag_ukraine{background-position:-1px -3724px}
.flag_uk_ireland{width:32px;height:16px;background:-1px -3741px}
.flag_united_arab_emirates{background-position:-1px -3758px}
.flag_united_states{background-position:-1px -3775px}
.flag_uruquay{background-position:-1px -3792px}
.flag_uzbekistan{background-position:-1px -3809px}
.flag_vanuatu{background-position:-1px -3826px}
.flag_vatican_city{background-position:-1px -3843px}
.flag_venezuela{background-position:-1px -3860px}
.flag_vietnam{background-position:-1px -3877px}
.flag_virgin_islands{background-position:-1px -3894px}
.flag_wales{background-position:-1px -3911px}
.flag_wallis_and_futuna{background-position:-1px -3928px}
.flag_yemen{background-position:-1px -3945px}
.flag_zambia{background-position:-1px -3962px}
.flag_zimbabwe{background-position:-1px -3979px}
.flags-MySprite{width:34px;height:3996px;background:-1px -3996px}


.megamenu .close-megamenu a.btn-close {
    background: #eee;
    color: #aaa;
}

.megamenu {
    overflow: auto;
    padding-bottom: 30px;
}

#megamenugear {

}

.megamenu h3.ridelifeperformance {
    font-family: "intervalsansultralight",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #666;
}

.megamenu h3.opensans {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #666;
}

#megamenuliv-beyond .container h3 {
    margin: 10px 0 15px 0;
    padding: 10px 0 0 0;
    text-decoration: none;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
}



#megamenugear.megamenu h3.ridelifeperformance {
    margin-top: 20px;
}

.megamenu h3 a {
    color: #333;
}

.megamenu ul li.bike-name {
    margin-left: 1em;
}

.megamenu ul li.gear-name img {
    border: solid 1px #efefef;
    padding: 3%;
}

.liv-switch {
    background: #653393;
    padding: 12px;
    display: none;
}

.megamenu-active .liv-switch {
    display: block;
}

#megamenubikes .liv-switch {
    width: 49.333333%;
    bottom: 25px;
    left: 34.33333%;
    position: absolute;
}

#megamenugear .liv-switch {
    width: 100%;
    top: 339px;
    left: 4.33333%;
    position: relative;
}

.liv-switch p {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin-top: 12px;
}


/**************************************************
    バイクメニュー/ギアメニュー
**************************************************/
.bike-menu .wrapper {
    margin-top: 131px;
}

.gear-menu .wrapper {
    margin-top: 151px;
}

.gear-menu ul li.gear-name img {
    border: solid 1px #efefef;
    padding: 3%;
}


.contensmenu .container h2 {
    margin: 0;
    padding: 20px 0 20px 0;
    text-transform: uppercase;
    font-size: 22px;
}

.contensmenu .container h2.jp {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-style: normal;
    text-indent: -0.1em;
}

.contensmenu .container ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}


.contensmenu .container ul li a {
    font-size: 12px;
    color: #666;
    display: block;
    padding: 5px 24px 5px 0;
    outline: 0;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    position: relative;
    z-index: 9999;
}

.contensmenu .container ul li.fd>a {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 16px;
    color: #666;
}

.contensmenu .container ul li.bike-name a {
    color: #5f25a0;
}
.contensmenu .container ul li.bike-name a:hover {
    color: #5f25a0;
}

.contensmenu .container ul li.gear-name a {
    padding: 5px 0px 5px 0;
}

.contensmenu h3 a {
    color: #333;
}

.contensmenu h3.ridelifeperformance {
    font-family: "intervalsansultralight",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #666;
}

.contensmenu h3.opensans {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #666;
}

.col-md-3.ridegear,
.col-sm-3.ridegear {
    margin-right: -15px;
}

a.btn_archive {
    color: #444;
    font-size: 16px;
    margin-top: 36px;
    display: inline-block;
}

.col-bike-index {
  position: absolute;
  bottom: -27px;
  right: 0;
  width: 25%;
  padding: 0 15px;
}

@media (max-width: 768px){
  .col-bike-index {
    position: absolute;
    bottom: inherit;
    top: 0;
    right: 0;
    width: 50%;
    padding: 0 15px;
  }
}

/**************************************************
    過去バイクアーカイブ
**************************************************/
.bike-archive .wrapper {
    margin-top: 131px;
}

#bike_archive h2 {
  margin-bottom: 30px;
}

#archive_area {
  width: 100%;
  margin: 0 auto;
}

#archive_area ul {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  margin: 0;
  padding: 0;
}

#archive_area ul li {
  display: block;
  width: 21%;
  text-align: center;
  list-style: none;
  margin-bottom: 30px;
  background: #5f25a0;
  box-sizing: border-box;
  color: #fff;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 6px;
}
#archive_area ul li a {
  display: block;
  color: #fff;
  padding: 15px 0;
}

@media (max-width: 874px) {
  #archive_area ul li {
    width: 45%;
  }
}
@media (max-width: 768px) {
  #archive_area ul li {
    width: 38%;
  }
}

@media (max-width: 520px) {
  #archive_area ul li {
    width: 100%;
  }
}

#tax_info h3{
  color: #5f25a0;
  font-size: 14px;
}

#tax_info p{
  font-size: 12px;
}
/**************************************************
    トップページ　ビデオ
**************************************************/
.video-wrapper {
    background: #eee;
}

.video-wrapper video {
    width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
}

.make-room-for-brandbar {
    margin-top: 131px;
    position: relative;
}

.make-room-for-brandbar .bx-wrapper {
    margin: 0 auto;
}

#main-slide-pager-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

#main-slide-pager {
    position: relative;
    bottom: 20px;
}

#main-slide-pager .bx-pager-item {
    display: inline-block;
}

#main-slide-pager .bx-pager-item a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    background: rgba(255,255,255,0.3);
    border-radius: 2px;
}

#main-slide-pager .bx-pager-item a {
    font-family: "Open Sans",Arial,Helvetica;
    font-weight: 300;
    color: #fff;
}

#main-slide-pager .bx-pager-item a.active {
    color: #333;
    font-weight: 600;
    background: rgba(255,255,255,0.7);
}

.video-wrapper .text {
    position: absolute;
    padding-top: 18%;
    z-index: 100;
}

.video-wrapper .text h1 {
    font-family: "intervalsansultralight",sans-serif,Verdana,Arial;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
    font-style: normal!important;
    color: #fff;
    text-transform: uppercase;
}

.video-wrapper .text h2 {
    font-family: "RideLifePerformanceLight",Helvetica,Arial;
    font-weight: normal;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 0;
}

.parallax-video-placeholder {
    /*display: none;*/
}

.parallax-HomeBannerTop a.block,
.parallax-HomeBannerTop div.block {
  display: block;
  width: 100%;
  height: 100%;
}

.parallax .text {
    padding-top: 13%;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 1.8em;
}

.parallax .text.ex {
    padding-top: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 26px;
 }
.parallax-HomeBannerTop .text {
    width: auto;
    right: 0;
    left: 0;
    text-align: left;
    background: none;
}

.parallax .text h1 {
    font-size: 50px;
    font-family: "IntervalProLight",sans-serif,Verdana,Arial;
    font-style: normal;
    color: #fff;
    margin-bottom: 5px;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
    font-weight: 100;
}

.xxs_test_ride .parallax .text h1 {
  font-size: 40px;
  padding: 2% 0;
}

.xxs_test_ride .parallax .text h1 span.jp{
  font-size: 36px;
  font-family:'Noto Sans JP', sans-serif;
}

.jp.parallax .text h1 {
    font-size: 36px;
    font-family:'Noto Sans JP', sans-serif;
    font-style: oblique;
    color: #fff;
    margin-bottom: 5px;
    text-shadow: 0 0 0px rgba(0,0,0,1);
    font-weight: 100;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
}

.jp-text.parallax .text h1 {
  font-size: 40px;
  padding: 2% 0;
}
.jp-text.parallax .text h1 span {
  font-size: 36px;
  font-family:'Noto Sans JP', sans-serif;
}

.jp-normal.parallax .text h1 span.en-text {
  font-size: 38px;
  position: relative;
  top: 3px;
}

.jp-normal.parallax .text h1 {
    font-size: 36px;
    font-family:'Noto Sans JP', sans-serif;
    color: #fff;
    padding-bottom: 2px;
    margin-bottom: 5px;
    text-shadow: 0 0 0px rgba(0,0,0,1);
    font-weight: 100;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
     position: relative;
}

.jp.parallax a.btn-banner.bottom {
    margin-top: 6%;
}

.parallax .text h1.intervalpromdeiumitalic {
    font-size: 50px;
    font-family: "IntervalProLight","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif,Verdana,Arial;
    font-style: normal!important;
    color: #fff;
    margin-bottom: 5px;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
}

.parallax .text h1.list-title {
    padding-bottom: 2%;
}

.sub .parallax .text h1 {
    padding: 2% 0;
    text-transform: uppercase;
}

#pan-list {
    margin-bottom: 1em;
}

#pan-list a,
#pan-list {
    font-size: 12px;
    color: #fff;
}


.parallax .text h2 {
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
    font-family: "RideLifePerformanceLight",Helvetica,Arial;
    font-size: 25px;
}

.parallax .text h2.ext {
    text-transform: inherit;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
    font-family: Verdana,Helvetica,Arial,sans-serif!important;
    font-size: 22px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 20px;
}

.parallax .text h2.jp {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family:'Noto Sans JP', sans-serif;
  font-style: oblique;
  font-size: 22px;
}

.parallax-background-mode {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.parallax {
    margin-top: 40px;
    height: 600px;
    position: relative;
}
.parallax.mt113 {
    margin-top: 113px;
}

.parallax.no-image {
    height: 226px;
    margin-top: 0;
}

.no-image #pan-list {
    display: none;
}

.make-room-for-brandbar .parallax {
    margin-top: 0;
}

/**************************************************
    バナーブロック
**************************************************/
.homeblocks {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    overflow: hidden;
}

.homeblocks a {
    padding: 0!important;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    /* transition: all 500ms ease 0s; */
}

.homeblocks a:hover {
    background-size: 103% 103%;
}

.homeblocks a .image-with-overlay {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.homeblocks a .image-with-overlay img {
    display: block;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.homeblocks a .image-with-overlay:hover {
    background-color: rgba(0,0,0,.33);
}

.homeblocks a h2 {
    font-size: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    padding: 15px 0 15px 0;
    color: #fff;
    margin: 0;
}

.toppage .homeblocks a h2 {
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-weight: 100;
    font-style: normal;
    text-transform: uppercase;
}

.generic-summary,
.generic-summary.generic-summary-4-on-one-row,
.homeblocks a,
.homeblocks-slider a,
.content-wrapper-magazinestyle .mainarticle,
.content-wrapper-magazinestyle .subarticles,
.bike-summary,
.bikeseries-summary,
#features div.row div.column,
.gearproduct-summary {
    width: 100%;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.generic-summary.generic-summary-6-on-one-row,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.generic-summary,
.generic-summary.generic-summary-4-on-one-row,
.homeblocks a,
.homeblocks-slider a,
.content-wrapper-magazinestyle .mainarticle,
.content-wrapper-magazinestyle .subarticles,
.bike-summary,
.bikeseries-summary,
#features div.row div.column,
.gearproduct-summary {
    float: left;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.generic-summary.generic-summary-6-on-one-row,
.col-lg-2,
.generic-summary.generic-summary-6-on-one-row,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.generic-summary.generic-summary-4-on-one-row,
.col-xs-4,
.col-sm-4,
.generic-summary.generic-summary-6-on-one-row,
.homeblocks a,
#features div.row div.column,
.col-md-4,
.generic-summary,
.generic-summary.generic-summary-4-on-one-row,
#features div.row div.column,
.col-lg-4,
.generic-summary,
.homeblocks a,
.homeblocks-slider a,
.content-wrapper-magazinestyle .subarticles,
.bikeseries-summary,
#features div.row div.column,
body.gearsubcategory .gearproduct-summary,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.generic-summary.generic-summary-6-on-one-row,
.col-sm-6,
.generic-summary,
.generic-summary.generic-summary-4-on-one-row,
.bike-summary,
.bikeseries-summary,
#features div.row.spread-2-over-3 div.column,
.gearproduct-summary,
.col-md-6, .series-summary,
#features div.row.spread-2-over-3 div.column,
.col-lg-6,
.series-summary,
body.series .bike-summary,
#features div.row.spread-2-over-3 div.column,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.content-wrapper-magazinestyle .mainarticle,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.generic-summary,
.generic-summary.generic-summary-4-on-one-row,
.homeblocks a,
.content-wrapper-magazinestyle .mainarticle,
.content-wrapper-magazinestyle .subarticles,
.bike-summary,
.bikeseries-summary,
#features div.row div.column,
.gearproduct-summary,
.col-sm-12,
.series-summary,
.col-md-12,
.content-wrapper-magazinestyle .mainarticle,
.content-wrapper-magazinestyle .subarticles,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/**************************************************
    バナースライダー
**************************************************/
.homeblocks-slider {
    background: #222;
    max-height: 139px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
}

.homeblocks-slider a {
    padding: 0!important;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.homeblocks-slider a:hover {
    background-size: 103% 103%;
}

.homeblocks-slider a .image-with-overlay {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.homeblocks-slider a .image-with-overlay img {
    display: block;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.homeblocks-slider a .image-with-overlay:hover {
    background-color: rgba(0,0,0,.33);
}

.homeblocks-slider a h2 {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
    color: #fff;
    margin: 0;
}

.toppage .homeblocks-slider a h2 {
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}

.toppage .homeblocks-slider a h2 span.mini {
    font-size: 12px;
}

.homeblocks-slider .bx-wrapper .bx-pager.bx-default-pager {
    position: relative;
    top: -10px;
    z-index: 99999;
}

.homeblocks-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(184,184,184,1);
}

.homeblocks-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.homeblocks-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgba(69,69,69,1);
}

/**************************************************
    新着情報
**************************************************/

#news {
    max-width: 1020px;
    margin: 90px auto 0;
}

#news h2 {
    font-size: 36px;
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

#news ul {
    width: 100%;
    padding: 0 30px 0;
}

#news li {
    list-style: none;
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

#news a  {
    color: #333;
}

#news a:hover  {
    color: #333;
}

#news li .post-image {
    width: 120px;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    float: left;
    clear: left;
    position: relative;
    margin-right: 20px;
}
#news li .post-image img {
    width: 100%;
}


#news li .title {
    font-size: 18px;
    display: block;
    padding: 5px 0;
    margin-top: 15px;
    color: #5f25a0;
}

#news a li .title {
     color: #5f25a0!important;
}

#news li .date {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-size: 14px;
    display: block;
    padding: 5px 30px;
    margin-bottom: 5px;
}

#news .btn-blog li {
    margin: 0 0 0 0;
}

#news li .btn-cat {
    width:31.482143%;
    font-family: "RideLifePerformance",Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 0 20px 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    float: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#news li .btn-cat:hover {
    opacity: 0.7;
}

#news .btn-blog li:last-child .btn-cat  {
    margin: 0;
}

#news li .btn-cat.infomation {
    background: rgba(220,66,18,1);
}

#news li .btn-cat.racing {
    background: rgba(0,113,186,1);
}

#news li .btn-cat.event {
    background: rgba(231,158,18,1);
}

/**************************************************
    フッター
**************************************************/
#wrapper-footer {
    margin-top: 60px;
    background: rgba(34,34,34,1);
}

.bikedetail #wrapper-footer {
    margin-top: 0;
}

#footer {
    width: 100%;
    padding: 40px 30px;
    background: #fff;
}

#footer h3 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-style: normal;
    text-transform: uppercase;
    color: #000;
    border-bottom: solid 1px #606060;
    padding-bottom: 6px;
    display: inline-block;
}

#footer ul {
    padding: 10px 0 20px;
}

#footer ul li {
    list-style: none;
    margin-bottom: 15px;
}

#footer a {
    color: #888;
}

#copyright-and-disclaimer {
    color: #000;
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-style: normal;
}

#wrapper-footer .slogan {
    background: #fff;
    border-top: 2px solid #5f2089;
    border-bottom: 2px solid #5f2089;
    padding: 10px 20px 8px 0;
    text-align: right;
    z-index: 10;
}

/**************************************************
    ポップアップページ
**************************************************/
#main_contener_sub {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#color_size img {
    width: 100%;
    padding: 3%;
}

#color_size p {
    font-size: 12px;
    text-align: center;
}

#color_pipe_sub {
    text-align: center;
    padding: 10px 0;
}

#color_pipe_sub a {
    display: inline-block;
    padding: 0 5px;
    width: 60px;
}

#color_pipe_sub a img {
    border: solid 1px #ddd;
    width: 100%;
}

#footer_sub {
    font-size: 10px;
    text-align: right;
    padding-right: 15px
}


/**************************************************
    下層ページ
**************************************************/

.parallax-CatalogueBanner .text,
.parallax-TeamsAndRidersBanner .text,
.parallax-SimpleBanner .text {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    right: 0;
    padding: 0;
}

.gcw-background-bike-80pct {
    background: rgba(136, 103, 173,.8);
    padding-top: 2%!important;
}

.gcw-background-bike-80pct.CA01 {
    background: rgba(82,43,74,.8);
}
.gcw-background-bike-80pct.CA01FD01 {
    background: rgba(82,43,74,.8);
}
.gcw-background-bike-80pct.CA01FD02 {
    background: rgba(120,80,110,.8);
}
.gcw-background-bike-80pct.CA01FD03 {
    background: rgba(161,144,161,.8);
}

.gcw-background-bike-80pct.CA02 {
     background: rgba(158,36,50,.8);
}
.gcw-background-bike-80pct.CA02FD01 {
     background: rgba(150,36,50,.8);
}
.gcw-background-bike-80pct.CA02FD02 {
     background: rgba(240,83,63,.8);
}
.gcw-background-bike-80pct.CA02FD03 {
     background: rgba(245,136,108,.8);
}

.gcw-background-bike-80pct.CA03 {
     background: rgba(0,117,122,.8);
}

.gcw-background-bike-80pct.CA03FD01 {
     background: rgba(0,117,122,.8);
}

.gcw-background-bike-80pct.CA03FD02 {
     background: rgba(0,174,179,.8);
}

.gcw-background-bike-80pct.CA03FD03 {
     background: rgba(66,193,199,.8);
}

#bikes_content_left h2.ridelifeperformance {
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #999;
}

.navigationblock-filtering h3 {
    font-size: 16px;
}

.navigationblock-filtering ul {
    padding: 0;
}

.navigationblock-filtering ul li {
    list-style: none;
    margin-bottom: 10px;
}

.navigationblock-filtering ul li a {
    color: #333;
    position: relative;
    padding-left: 24px;
}

.navigationblock-filtering ul li a:before {
    display: block;
    content: "";
    border: solid 1px #ddd;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.navigationblock-filtering ul li.active a:after {
        position: absolute;
        display: block;
        content: "";
        width: 5px;
        height: 10px;
        top: 2px;
        left: 6px;
        border: solid 3px #999;
        border-left: 0;
        border-top: 0;
        transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
    }

    .navigationblock-filtering ul.youth {
        margin-top: 30px;
        border-top: solid 1px #333;
        padding-top: 20px;
    }
    .navigationblock-filtering ul.model_year {
        margin-top: 20px;
        border-top: solid 1px #333;
        padding-top: 20px;
    }


    #bikes_content_left_sp .navigationblock-filtering ul.youth,
    #bikes_content_left_sp .navigationblock-filtering ul.model_year {
        margin-right: 20px;
    }


.payoff {
    font-size: 11px;
    color: #94948A
}

.bike-index>header {

}

.bike-index .wrapper {
    margin-top: 131px;
    padding-bottom: 40px;
}

.bike-index h1 {
    margin: 20px 0;
    font-size: 32px;
}

#bike_index {
    position: relative;
      webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;

}

#bike_index.fix dl {
    margin-top: 158px;
}

.bike-index dl {
    width: 32.2899%;
    float: left;
    margin-right: 1.5405405%;
}
.bike-index dl.on-road {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#522b4a+0,5f3b58+50,a190a1+100 */
    background: #522b4a; /* Old browsers */
    background: -moz-linear-gradient(top,  #522b4a 0%, #5f3b58 50%, #a190a1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #522b4a 0%,#5f3b58 50%,#a190a1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #522b4a 0%,#5f3b58 50%,#a190a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#522b4a', endColorstr='#a190a1',GradientType=0 ); /* IE6-9 */
}
.bike-index dl.x-road {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e2432+0,b33c3f+50,f5886c+100 */
    background: #9e2432; /* Old browsers */
    background: -moz-linear-gradient(top,  #9e2432 0%, #b33c3f 50%, #f5886c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9e2432 0%,#b33c3f 50%,#f5886c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9e2432 0%,#b33c3f 50%,#f5886c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2432', endColorstr='#f5886c',GradientType=0 ); /* IE6-9 */
}
.bike-index dl.off-road {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00757a+0,0a8085+50,42c1c7+100 */
    background: #00757a; /* Old browsers */
    background: -moz-linear-gradient(top,  #00757a 0%, #0a8085 50%, #42c1c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00757a 0%,#0a8085 50%,#42c1c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00757a 0%,#0a8085 50%,#42c1c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757a', endColorstr='#42c1c7',GradientType=0 ); /* IE6-9 */
}



.bike-index dl:last-child {
    margin-right: 0;
}

.bike-index dt.index-head {
    padding: 1% 0 3%;
    text-align: center;
    margin-bottom: 4.5%;
     webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.bike-index .fix dt.on-road {
    background: #512A4A;
}
.bike-index .fix dt.x-road {
    background: #9E2331;
}
.bike-index .fix dt.off-road {
    background: #00757A;
}

.bike-index dt.index-head.fix {
    position: fixed;
    top:131px;
    width: 30.5%;
    min-width: 285.7px;
    max-width: 358.41px;
    z-index: 99999999;
    height: 10%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    -webkit-transform: translate3d(0,0,0);
}

.bike-index dl a {
    display: block;
}

.bike-index dl a:hover {
    text-decoration: none;
}

.bike-index dl a:hover img {
    opacity: 0.8;
}

.bike-index dt.index-head h2 {
    font-family: "IntervalProLight";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
}

.bike-index dt.index-head.fix h2 {
    margin-top: 0;
}

.bike-index dt.index-head h3 {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-weight: 100;
    margin-bottom: 15px;
}

.bike-index dd {
    margin-bottom: 4.5%;
}

.bike-index dd .image {
    text-align: center;
}

.bike-index dd .image img {
    width: 94%;
    margin: 0 auto;
    height: auto;
}

.bike-index dd .image img.no-border {
    border: none;
}

.bike-index dd h4 {
    display: block;
    text-align: center;
    color: #fff;
    font-family: "IntervalProLight";
    font-size: 20px;
    font-style: normal;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
    padding: 1% 0 1.5%;
}
.bike-index dd.on-performance h4 {
    background: #512A4A;
    margin-top: -1px;
}
.bike-index dd.on-sport h4 {
    background: #78506D;
}
.bike-index dd.on-lifestyle h4 {
    background: #A190A1;
}

.bike-index dd.x-performance h4 {
    background: #9E2331;
    margin-top: -1px;
}
.bike-index dd.x-sport h4 {
    background: #F0533E;
}
.bike-index dd.x-lifestyle h4 {
    background: #F5876C;
}

.bike-index dd.off-performance h4 {
    background: #00757A;
    margin-top: -1px;
}
.bike-index dd.off-sport h4 {
    background: #00AEB3;
}
.bike-index dd.off-lifestyle h4 {
    background: #42C1C7;
}

#bike_index a:hover .label {
    background: rgba(0,0,0,0.8);
}

#bike_index .label {
    background: rgba(0,0,0,0.5);
    padding: 1.0% 0;
    line-height: 1;
    position: absolute;
    width: 100%;
      webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

#label-performance {
    top: 35.813501%;
    left: 0;
}

.fix #label-performance {
    top: 37.613501%;
    left: 0;
}

#label-sport {
    top: 62.019949%;
    left: 0;
}

.fix #label-sport {
    top: 63.219949%;
    left: 0;
}

#label-lifestyle {
    top: 88.300001%;
    left: 0;
}

.fix #label-lifestyle {
    top: 88.700001%;
    left: 0;
}

#bike_index .label .title-performance {
    font-family: "IntervalProLight";
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

#bike_index .label .title-performance-jp {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #fff;
    font-size: 22px;
    margin: 0;
    font-weight: 100;
    display: inline-block;
    position: relative;
    top: -2px;
}

#bike-index-bn-area {
    min-width: 881px;
}

#btn-youth {
    display: block;
    float: left;
    width: 50%;
}
#btn-giant {
    display: block;
    float: right;
    width: 49.8198198%;
}

#btn-youth img ,
#btn-giant img {
    width: 100%;
}


.bike-series-list>header {
    background: rgba(255,255,255,1);
}
.bike-series-list .wrapper {
    margin-top: 131px;
    background: #eee;
    padding-bottom: 40px;
}

.bike-series-list h1 {
    margin: 20px 0;
    font-size: 32px;
}

.bike-series-list #wrapper-footer {
    margin-top: 0;
}

.series-list-item {
    width: 100%;
    height: 150px;
    margin: 0 auto 30px;
    clear: left;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
     -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    position: relative;
}

a .series-list-item{
    color: #666;
}

.series-imge {
    width: 41.7647058%;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
     -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.series-imge img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.series-title {
    position: absolute;
    color: #fff;
    top: 25%;
    left: 6%;
}

.series-title h2 {
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin: 0;
    font-size: 42px;
    letter-spacing: 2px;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
}

.series-title h3 {
    font-family: "IntervalProLight",Helvetica,Arial;
    font-weight: 100;
    font-style: italic;
    margin: 0;
    letter-spacing: 2px;
    text-shadow: 0px 0px 3px rgba(0,0,0,.9);
}

.series-text {
    width: 35.313725%;
    float: left;
    padding: 0.25em 1em;
    font-size: 18px;
}

.series-bike {
    width: 19.6078431%;
    height: 100%;
    float: left;
    position: relative;
    left: 2%;
}

.series-bike img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 4%;
}


.bikes #bikes {
    margin-top: 131px;
}


#bikes_content_right,
#bikes_content_left {
    margin-top: 60px;
}

#bikes_content_right .col-md-6,
#bikes_content_right .col-sm-6,
#bikes_content_right .col-md-4,
#bikes_content_right .col-sm-4{
    padding-left: 10px;
    padding-right: 10px;
}

.bike-item {
    border: solid 1px #efefef;
    margin-bottom: 30px;
}

.bike-item .image.series {
    max-width: 200px;
    margin: 15px auto;
    text-align: center;
}

.bike-item .header {
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    position: relative;
}

.bike-box a:hover  {
    text-decoration: none!important;
}

.bike-item .image {
    text-align: center;
}

.bike-item .image .img-responsive {
    margin: 0 auto;
}

.bike-item .image img {
     -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -ms-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

.bike-box a:hover img {
    opacity: 0.7;
}

.bike-item .text h3 {
    color: #333;
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-size: 18px;
    text-align: center;
    font-weight: 100;
    margin-bottom: 5px;
}

.bike-box a:hover .bike-item .text h3 {
    text-decoration: underline!important;
}

.bike-box .model-count {
    color: #BCBEAD;
    text-align: center;
    font-family: "Open Sans",sans-serif,Verdana,Arial;
}


.gcw-background-ON-ROAD-PERFORMANCE {
    background: none repeat scroll 0 0 #512A4A;
}
.gcw-background-ON-ROAD-SPORT {
    background: none repeat scroll 0 0 #78506D;
}
.gcw-background-ON-ROAD-LIFESTYLE {
    background: none repeat scroll 0 0 #A190A1;
}
.gcw-background-X-ROAD-PERFORMANCE {
    background: none repeat scroll 0 0 #9E2331;
}
.gcw-background-X-ROAD-SPORT {
    background: none repeat scroll 0 0 #F0533E;
}
.gcw-background-X-ROAD-LIFESTYLE {
    background: none repeat scroll 0 0 #F5876C;
}
.gcw-background-OFF-ROAD-PERFORMANCE {
    background: none repeat scroll 0 0 #00757A;
}
.gcw-background-OFF-ROAD-SPORT {
    background: none repeat scroll 0 0 #00AEB3;
}
.gcw-background-OFF-ROAD-LIFESTYLE {
    background: none repeat scroll 0 0 #42C1C7;
}

.main-bikefinder #bikes_content_right .youth .bike-item .header:after {
    content: "";
    display: block;
    height: 86%;
    width: 100%;
    background: #e7e100;
    border-bottom: solid 1px #fff;
    position: absolute;
    top: 0;
    z-index: 0;
}

.main-bikefinder #bikes_content_right .youth .bike-item .header {
    color: #66757f !important;
}

.main-bikefinder #bikes_content_right .youth .bike-item .header p{
    position: relative;
    z-index: 999999;
}


.bike-item-serise {
    position: relative;
    padding-bottom: 7.5%;
}
.bike-item-serise .image {

}
.bike-item-serise .image img {
    width: 100%;
    padding: 8%;
}

.bike-item-serise .text {
    text-align: center;
    color: #333;
}


.bike-item-serise .text ul {
    padding: 0;
}
.bike-item-serise .text li {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    font-size: 12px;
    color: #aaa;
}


.btn.detail {
    font-size: 9px;
    background: #653393;
    color: #fff;
    position: absolute;
    line-height: 1;
    box-sizing: border-box;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 110px;
    z-index: 10;
    height: 24px;
}

.btn.detail span {
    position: relative;
    z-index: 9999;
}

.btn.detail:before {
    content: "";
    width: 20px;
    height: 24px;
    background: #653393;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: -1px;
    z-index: 1;
    line-height: 1;
}

.btn.detail:after {
    content: "";
    width: 20px;
    height: 24px;
    background: #653393;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -1px;
    z-index: 1;
    line-height: 1;
}

a:hover .btn.detail {
    opacity: 0.7;
}


body.bikedetail>header {
    background: #fff;
}

#bike_datail_content {
    margin-top: 131px;
}

.bikedetail .escapr-r-e-table {
  margin-top: 10px;
}

.bikedetail .escapr-r-e-table h3 {
  text-align: left;
  font-size: 1em;
}

.bikedetail .escapr-r-e-table table {
  width: 448px;
  margin: 0 0 6px 0;
  font-size: 12px;
}

@media (max-width: 767px){
  .bikedetail .escapr-r-e-table table {
    width: 100%;

  }

}

.bikedetail .escapr-r-e-table table th {
  background: #efefef;
  border: solid 1px #ccc;
  width: 50%;
  padding: 6px 12px;
}

.bikedetail .escapr-r-e-table table td {
  border: solid 1px #ccc;
  width: 50%;
  padding: 6px 12px;
  text-align: left;
}



#compare-panel {
    width: 100%;
    display: block;
    background: #eee;
    min-height: 60px;
    display: none;
}

#compare-panel form {
    margin-top: 15px;
    float: left;
}

#compare-panel select {
    width: 200px;
    line-height: 1;
    height: 26px;
}

#compare-panel button {
    background: #333;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 2px;
    display: block;
    float: left;
    margin: 15px 0 0 10px;
}

#compare-panel button i:before {
    top: 1px;
    position: relative;
}

.button-compare {
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -ms-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
    display: block;
    background: #eee;
    border: solid 1px #ddd;
    width: 165px!important;
    padding: 6px 0!important;
    text-align: center;
    margin: 0 0 10px auto;
    position: relative;
}

.button-compare:hover {
    opacity: 0.8;
}

a.button-compare {
    color: #333;
    text-decoration: none;
    margin: 0;
}

a.button-compare:before {
    display: block;
    content: "";
    border: solid 1px #ddd;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}

a.button-compare:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 10px;
    top: 0px;
    left: 11px;
    bottom: 0;
    margin: auto;
    border: solid 3px #0b5a9d;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#pan {
    text-align: right;
    padding: 15px 30px;
}

#pan div {
  line-height: 1.5em;
}

.product-area {
    position: relative;
    max-width: 1170px;
    min-height: 500px;
    height: auto;
    margin: 0 auto;
}

.product-image {
    width: 60%;
    float: left;
    margin-top: 30px;
    text-align: center;
}

.product-image img {
    padding: 0 3.3333333%;
}

.product-text {
    text-align: right;
    width:53%;
    float: right;
    position: absolute;
    right: 30px;
}

#modelname h1 {
    font-size: 34px;
    font-family: 'IntervalProLight';
    font-style: normal;
}

.price {
    font-size: 21px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 2em;
}

.price .tax {
    font-size: 12px;
    padding-left: 0.5em;
     font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

#bn_area {
    width: 220px;
    margin: 20px 0 0 auto;
}

#bn_area img{
    width: 100%;
    margin: 10px 0;
}
#bn_area ul {
    padding: 0;
    margin: 0;
}

#bn_area li {
    list-style: none;
}

.photo-status {
    margin-top: 1em;
    padding-bottom: 2em;
    font-size: 12px;
}

#actionbar {
    border-top: solid 2px #eee;
    height: 80px;
    padding-top: 20px;
}

#actionbar.nodata {
    height: 0;
    padding-top: 0;
}

.vari_title,
.col_title {
    display: block;
    float: left;
    line-height: 40px;
    padding-right: 1em;
}

.vari,
.c-vari,
.p-vari {
    float: left;
    border: solid 1px #ddd;
    margin-right: 10px;
    width: 60px;
}

.vari img,
.c-vari img,
.p-vari img{
    width: 100%;
}

.bikedetail #thumbs{
    margin-right: 30px;
    float: left;
}

.tabs {
    background: #333;
}

.tabs ul {
    margin: 0;
    padding: 0;
}

.tabs li:first-child {
    border-left: solid 1px #fff;
}
.tabs li {
    display: block;
    float: left;
    border-right: solid 1px #fff;
    list-style: none;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 120px;
}

.tabs li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.tabs li a.active {
    background: #555;
}

.tab-content{
	text-align:left;
	padding-bottom:20px;
	zoom:1;
        background: #eee;
}

.tab-content .tabsection {
    margin: 20px 20px 20px;
    zoom:1;
}

.bikedetail .tab-content .tabsection,
.accdetail .tab-content .tabsection{
    margin: 20px 0 20px;
}

.tab-content .right_acc h2 {
	width:inherit;
}

.tab-content p.content {
    font-size: 1em;
    line-height: 1.5em;
}
.tab-content p.intro {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
}
.tab-content ul {
    color: #555555;
    font-size: 1em;
    margin: 0 0 0 15px;
    padding: 0;
}
.tab-content ul li {
    margin: 0 0 5px;
}

#tabsection-overview{
	zoom:1;
}

#tabsection-features,
#tabsection-specifications,
#tabsection-geometry,
#tabsection-technologies,
#tabsection-news,
#tabsection-news,
#tabsection-products,
#tabsection-video,
#tabsection-highlights,
#tabsection-concept,
#tabsection-special_dealers,
#tabsection-motion_efficiency_system,
#tabsection-dbl,
#tabsection-gcm,
#tabsection-oap,
#tabsection-controllability,
#tabsection-durability,
#tabsection-related,
#tabsection-gallery,
#tabsection-relation_gear,
#tabsection-models,
#tabsection-movie,
#tabsection-impression,
#tabsection-gallery360 {
	display:none;
}

/* バイク詳細　360ギャラリー　*/
#tabsection-gallery360 {
    background: #cdcdcb;
    margin: 0 auto;
    position: relative;
}
#tabsection-gallery360 .icon {
    position: absolute;
    top: 20px;
    right: 20%;
    z-index: 999;
}

div.spritespin {
    width: 870px;
    height: 570px;
    margin: 0 auto;
    cursor: pointer;
}

@media (max-width: 991px) {
  div.spritespin {
      width: 600px!important;
      height: 400px!important;
  }
}

@media (max-width: 650px){
  div.spritespin {
      width: 450px!important;
      height: 300px!important;
  }
}

@media (max-width: 500px){
  div.spritespin {
      width: 350px!important;
      height: 250px!important;
  }
}

/* バイク詳細　特徴　*/
.item-bike-highlights .text h4 {
  font-size: 18px;
  font-family: "Open Sans",Arial,Helvetica;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
  margin: 0;
}

.item-bike-highlights .text p {
  padding-bottom: 1em;
}

/* バイク詳細　概要　*/
.comment_cap {
    font-size: 14px;
    font-weight: bold;
}

.comment {
    font-size: 10px;
    color: #aaa;
}

#tabsection-overview dl dt,
#tabsection-overview dl dd {
    /*
    display: block;
    text-align: left;
    float: left;
    */
    display: table-cell;
    border-bottom: solid 1px #999;
    font-weight: normal;
    line-height: 30px;

}

#tabsection-overview dl {
    width: 85%;
    margin: 30px 0;
    display: table-row;
    font-size: 12px;
}

#tabsection-overview dl dt {
    clear: left;
    width: 20%;
}

#tabsection-overview dl dd {
    width: 75%;
    padding-left: 1%;
}

#relatedmodels {
    margin-top: 40px;
}

#relatedmodels h3 {
    font-size: 18px;
    font-family: "Open Sans",Arial,Helvetica;
    text-transform: uppercase;
    font-weight: 600;
}

.series_w {
    background: #fff;
    border: solid 1px #aaaaaa;
    text-align: center;
    padding: 10px 0;
    position: relative;
    margin-bottom: 20px;
}

.series_w .image {
    max-height: 70%;
    margin-bottom: 20px;
}

.series_w .image img {
     -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -ms-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

.series_w a:hover img {
    opacity: 0.7;
}

.series_w .image.fs {
    width: 75%;
    margin: 0 auto 20px;
}

.series_w .name {
    font-size: 12px;
}

.series_w:hover .name {
    text-decoration: underline;
}

#fullspec_area dl dt,
#fullspec_area dl dd {
    border-bottom: solid 1px #999;
    font-weight: normal;
    line-height: 30px;
    display: table-cell;
}

#fullspec_area dl {
    margin: 0;
    display: table;
    width: 80%;
}

#fullspec_area dl dt {
    clear: left;
    width: 25%;
    padding: 6px 0 6px 10px;
}

#fullspec_area dl dd {
    width: 75%;
    padding: 6px 10px 6px 0;
    white-space: nowrap;
}

#fullspec_area dl dt.bg-white,
#fullspec_area dl dd.bg-white {
    background: #fff;
}

#relatedgear {
    margin-top: 40px;
}

#relatedgear h3 {
    font-size: 18px;
    font-family: "Open Sans",Arial,Helvetica;
    text-transform: uppercase;
    font-weight: 600;
}

#geometory_area {
    margin-top: 40px;
}

#geometory_area .img-responsive {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
}

#geometory_area table {
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}

#geometory_area table th,
#geometory_area table td {
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    border: solid 1px #aaa;
}

#geometory_area table th {
    background: #ccc;
    color: #333;
    line-height: 1;
    padding: 8px 0;
}

#geometory_area table th.geo-th span {
    display: block;
    background: #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0 auto;
}

#geometory_area table td {
    background: #fff;
    color: #333;
    line-height: 30px;
}

#tabsection-technologies img {
    margin-right: 20px;
}

#tabsection-gallery {
    padding: 0 0 15px 0;
    display:none;
}
#tabsection-gallery .left {
    float:left;
    width: 60%;
}

#tabsection-gallery .left #image img {
    width: 100%;
    height: auto;
}

#tabsection-gallery .right {
    float:right;
    width: 40%;
}
#tabsection-gallery .thumbs {
    padding: 0 0 0 15px;
}
#tabsection-gallery .thumbs .item {
    float: left;
    height: 75px;
    margin: 0 10px 10px 0;
    width: 100px;
}
#tabsection-gallery .thumbs .item-third {
    margin-right: 0;
}
#tabsection-gallery #caption {
    color: #333333;
    padding: 10px;
    text-align: left;
}
#tabsection-gallery .thumbs-scroller {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#tabsection-manual {
    padding: 0;
    display:none;
}

#tabsection-movie .mov{
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    margin: 60px auto 30px;
}

#tabsection-movie iframe#video-frame {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

/***************************************************
　バイク詳細画面　比較ページ
***************************************************/
 .compari{
     padding: 15px;

 }

 .compari h3 {
    font-family: "RideLifePerformance",Helvetica,Arial;
    font-weight: 600;
    color: #333;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 25px
 }

 #bike_kyotsu table {
     font-size: 14px;
     font-family: "Open Sans",sans-serif,Verdana,Arial;
 }

/* 比較画面テーブル用 */
.spec table
{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	table-layout:fixed;
	border-collapse:collapse;
        width: 96%;
}

.spec th
{
	width:30%;
	border:solid 1px #999999;
        height: 4em;
	background-color:#EAEAEA;
	font-size:90%;
	font-weight:bold;
	color:#333;
	white-space:nowrap;
	padding: 0 0 0 5px;
}

.spec td
{
	width:70%;
	padding: 0 0 0 5px;
        height: 4em;
	border:solid 1px #999999;
	font-size:90%;
	white-space:normal;
	font-family: "Open Sans",sans-serif,Verdana,Arial;
}

.compari-bike-img {
    width: 35%;
    margin: 10px 0;
}

.compari-bike-img img {
    width: 100%;
}

body.acclist>header {
    background: #fff;
}

.acclist .parallax {
    height: auto;
    margin-top: 212px;
}

.acclist .parallax .text h1 {
    font-size: 32px;
    line-height: 80px;
}

.acclist .gcw-background-men-onroad-80pct {
    background: rgba(95,37,160,.8);
    padding-top: 0!important;
    height: 80px;
    line-height: 80px;
}

.main-gearfinder {
    margin-top: 101px;
}

.left_acc {
    margin-top: 40px;
}

.left_acc h2.ridelifeperformance {
    font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    color: #999;
}

.left_acc .navigationblock h3 {
    color: #fff;
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-size: 18px;
    line-height: 35px;
    padding-left: 0.5em;
    font-weight: 300;
    background: #5f25a0;
    margin: 0;
    border-bottom: solid 1px #61308b;
    position: relative;
}
.left_acc .navigationblock h3 a {
    color: #fff;
}

.left_acc .navigationblock h3 i {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: auto;
}

.left_acc .navigationblock ul {
    padding: 0;
    margin: 0;
}

.left_acc .navigationblock li {
    list-style: none;
}

.left_acc .navigationblock li a {
    display: block;
    width: 100%;
    line-height: 35px;
    padding-left: 0.5em;
    background: #ddd;
    color: #333;
    border-bottom: dotted 1px #fff;
    font-size: 12px;
}

.left_acc .navigationblock li.active a {
    background: #eee;
}

.left_acc .navigationblock ul.ul_none {
    display: none;
}

.left_acc .navigationblock ul.model_year {
    border-top: solid 1px #efefef;
    margin-top: 30px;
}

.left_acc .navigationblock ul.model_year li a:before {
    display: block;
    content: "";
    border: solid 1px #ddd;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 14px;
}
.left_acc .navigationblock ul.model_year li.active a:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 10px;
    top: 16px;
    left: 6px;
    border: solid 3px #999;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.left_acc .navigationblock ul.model_year li a {
    display: block;
    width: 100%;
    line-height: 16px;
    padding-top: 15px;
    padding-left: 24px;
    background: none!important;
    color: #333;
    border-bottom: none!important;
    font-size: 12px;
    position: relative;
}


.right_acc {
    margin-top: 82px;
}

.c3name {
    margin-left: 15px;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 15px;
    background: #5f25a0;
    padding: 15px 10px;
    color: #fff;
}

.item_w_c1,
.item_w_sh {
    border: solid 1px #ddd;
    margin-bottom: 30px;
}

.item_w_c1 h2.blu_bar,
.item_w_sh h2.blu_bar {
    background: #5f25a0;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;;
    text-align: center;
}

.item_w_c1 h2.blu_bar a,
.item_w_sh h2.blu_bar a {
    color: #fff;
}

.item_w_c1 .img-responsive,
.item_w_sh .img-responsive {
    display: block;
    margin: 0 auto;
}

.item_w_c1 a  img,
.item_w_sh a  img {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.item_w_c1 a:hover img,
.item_w_sh a:hover img {
    opacity: 0.7;
}

.item_w_sh .image {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-top: 10px;
}

.item_w_sh .image img {
    vertical-align: middle;
    width: 76.4396127%;
}
.item_w_sh .text {
    position: relative;
}

.item_w_sh .text h3 {
    font-size: 1em;
    font-family: "Open Sans",Arial,Helvetica;
    padding: 0;
    text-align: center;
    margin: 5px 0;
    position: relative;
    height: 2.5em;

}

.item_w_sh .text h3 a {
    color: #333;
}

.lits_price {
    text-align: center;
    font-size: 12px;
    margin: 10px 0 0;
}

body.accdetail>header {
    background: #fff;
}

#acc_detail {
    margin-top: 131px;
}

.gear-product-area {
    margin-top: 20px;
}

.gear-product-image {
    width: 45%;
    float: left;
    margin: 0 0 40px;
    text-align: center;
}

#acc_product_image_l {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}


#contener_sub_inner {
    position: relative;
    min-height: 710px;
}

.v2 #contener_sub_inner {
    height: auto;
}

.gear-product-image .img-responsive {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 350px;
}

.gear-product-image.v .img-responsive {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 450px;
}

.gear-product-image.v1 .img-responsive {
    width: 450px;
}

.gear-product-image.v2 .img-responsive {
    width: 450px;
}

#acc_product_image_l .img-responsive {
    display: block;
    margin: 0 auto;
    padding: 0 12%;
}

.gear-product-text {
    text-align: left;
    width:55%;
    float: right;
    right: 30px;
}

.gear-product-text .bn_area {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 220px;
}
.gear-product-text .bn_area img {
    width: 100%;
    height: auto;
}

    .gear-product-text .bn_area_left {
        float: left;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 39.63966396%;
    }

    .gear-product-text .bn_area_left.ml10 {
        margin-left: 5%;
    }


    .gear-product-text .bn_area_left img {
        width: 100%;
        height: auto;
    }

#gear-modelname h1 {
    font-size: 26px;
    font-family: "IntervalProLight",sans-serif;
    font-weight: 300;
}

div#acc_product_big_comment_body {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    font-size: 1.1em;
    width: 50em;
}

#g_spec {
     border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 1em 0;
    margin-bottom: 20px;
}

#g_spec p {
    margin-bottom: 5px;
    font-size: 1em;
}

.w100 {
    width: 90px;
    display: block;
    float: left;
    position: relative;
    clear: left;
    margin-bottom: 0px;
}

.t_indent {
    position: relative;
    width: 480px;
    display: block;
    float: left;
    /* text-indent: -5px; */
}

#acc_product_comment_body {
    font-size: 13px;
    line-height: 1.7;
}

.accdetail #actionbar {
    padding-bottom: 20px;
    height: auto;
}

#thumbs .gc-vari {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    float: left;
}

#thumbs .gc-vari img {
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.accdetail .col_title {
    line-height: 60px;
    padding-right: 1em;
}

#tabsection-application {
    display: none;
}

#acc_product_image_l {
    text-align: center;
    height: 540px;
}

ul.acc_icon {
    padding: 0;
}

.acc_icon li {
    margin-right: 10px;
    list-style: none;
    display: inline-block;
}

.accdetail .price .tax {
    padding-left: 0;
}

#thumbs img {
     -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -ms-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}

#thumbs img:hover {
    opacity: 0.7;
}

#thumbs .last {
    margin-right: 40px;
}

.other-img-box {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.other-img-box img {
    margin-right: 10px;
    width: 70px;
    border: solid 1px #ddd;
    padding: 5px;
}

.btn_google_play {
    width: 135px;
    margin-left: 20px;
}

.text_app_download_mini2 {
    margin-top: 20px;
}

#tabsection-related {
    margin: 0;
    padding: 0;
}

#download {
    margin-top: 40px;
    margin-bottom: 40px;
}

.button {
    position: relative;
    width: auto;
    background: #fff;
    border-radius: 6px;
    margin: 0 20px 0 0;
    border: solid 1px #ddd;
    color: #444;
    padding:10px 20px;
    display: inline-block;
    text-align: center;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.button:hover {
    background: #ccc;
    text-decoration: none;
    color: #fff;
}

.button:before {
    content: "\e025";
    padding-right: 10px;
}

.accdetail #wrapper-footer {
    margin-top: 0;
}

.item-gear-gya {
    margin: 15px 0;
}

.item-gear-gya .image {
    background: #fff;
    /*box-shadow: 1px 1px 3px rgba(0,0,0,.5);*/
    /*border: 1px solid rgba(255,255,255,.5);*/
    /*border-radius: 5px;*/
    overflow: hidden;
}

.acc_product_vari {
    background: #fff;
    border: solid 1px #ddd;
    text-align: center;
    position: relative;
    display: block;
}

.acc_product_vari .imge{
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.acc_product_vari .imge img {
    width: 75%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.featured-items .series_w .image img {
    width: 100%;
    padding: 8%;
}


/*  店舗一覧　 */
body.dealers>header {
    background: #fff;
}
#dealers {
    margin-top: 131px;
}

#dealers_title {
    padding: 20px 0 20px 6px;
}

#dealers_title h1 {
    font-size: 32px;
}

#map_area {
    text-align: center;
}

#shop_status_coment dl img {
    width: 100%;
}

#shop_status_coment .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}

#shop_status_coment dl.bg{
    background: #efefef;
    padding: 5px;
    border: solid 1px #ddd;
}

#shop_status_coment dl.bg dd dl{
    margin-bottom: 0;
}

.title_store_name {
    border-bottom: solid 2px #999;
    padding-bottom: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.title_store_name .en {
    font-size: 16px;
    margin: 0;
    font-family: "Open Sans",Arial,Helvetica;
    font-weight: bold;
}

.title_store_name .en span{
    color:#777;
    padding-left: 0.5em;
    font-size: 14px;
    font-weight: 300;
}

.title_store_name .jp {
    font-size: 10px;
    font-weight: normal;
    color: #444;
    margin: 0;
}

#shop_status_coment dd {
    font-size: 12px;
    color: #333;
}

#shop_status_coment dd p{
    margin-bottom: 0;
}

#shop_status_coment dl dd dl dd p{
    font-weight: bold;
    text-align: right;
    position: relative;
}

#shop_status_coment dl dd dl dd p a{
    color: #333;
    padding-left: 5px;
}

.dealers_bottom {
    padding: 0 5px;
    position: relative;
}

.dealers_bottom dl {
    margin: 0;
}

#shop_list_submenu {
    width:15.4761904%;
    float: left;
}

#shop_list_city2menu {
    font-size: 18px;
    font-weight: bold;
}

#shop_list_city2 {
    position: relative;
    left: 20%;
    top:-26px;
    width: 28%;
}

#shop_list_table {
    float: right;
    width:80%;
}

#shop_list_table .title {
    margin-bottom: 10px;
    font-size: 16px;
}
#giant-store,
#g_partne_store,
#g_store_inside {
    margin-bottom: 20px;
}

dl.g_store {
    border-top: solid 1px #ddd;
}

#shop_list_table dl.g_store.last{
    border-bottom: solid 1px #ddd;
}

dl.g_store dd {
    display: inline-block;
}

dl.g_store dd.icon-st {
    width:10%;
    text-align: center;
    background: #eee;
    line-height: 101px;
}

dl.g_store dd.icon-st img {
    width: 60%;
}

dl.g_store dd.store-data {
    width:75%;
    padding-left: 10px;
}

dl.g_store dd.shopimg {
    width:12%;
    position: relative;
}

dl.g_store dd.shopimg img {
    width: 100%;
    position: relative;
    top: -2px;
    right: -5px;
    margin: auto;
}

dl.address dt,
dl.tel-holi-time dt{
    display: inline-block;
    padding-right: 10px;
    font-weight: normal;
}

.shop-name {
    padding:0;
    margin: 0;
    position: relative;
    top: 20px;
    font-size: 14px;
}

dl.address,
dl.tel-holi-time{
    position: relative;
    top:20px;
    font-size: 12px;
}

#gpd_other dl {
    font-size: 12px;
    position: relative;
}

#gpd_other dl:last-child {
    border-bottom: solid 1px #ddd;
}

#gpd_other dt.icon-rank {
    width: 7%;
    display: block;
    float: left;
    clear: left;
    background: #eee;
    padding: 5px 0;
    text-align: center;
    border-top: solid 1px #ddd;
}

#gpd_other dd.shop-name-other {
    width: 40%;
    display: block;
    float: left;
    padding: 5px 0 5px 10px;;
    border-top: solid 1px #ddd;
}

#gpd_other dd.shop-address {
    width: 39%;
    display: block;
    float: left;
    padding: 5px 10px 5px 0;
    border-top: solid 1px #ddd;
}

#gpd_other dd.shop-tel {
    width: 14%;
    display: block;
    float: left;
    padding: 5px 0;
    border-top: solid 1px #ddd;
}

#gpd_other dd.shop-tel a {
    color: #333;
}

#gpd_other dd.shop-tel a:hover {
    color: #333;
    text-decoration: none;
}

#gpd_other dd.shop-name-other div,
#gpd_other dd.shop-address div,
#gpd_other dd.shop-tel div {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

#gpd_other dt.icon-rank div {
    width: 100%;
    height: 40px;
    position: relative;
}

#gpd_other dt.icon-rank div img {
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    bottom:0;
    margin: auto;
}

.title-select-area,
.title-select-map {
    font-size: 16px;
}

#shop_list_submenu ul {
    padding: 0;
}

#shop_list_submenu li {
    list-style: none;
    background: #333;
    line-height: 40px;
    border-bottom: solid 1px #999;
    position: relative;
}

#shop_list_submenu li .glyphicon {
    color: #fff;
    position: absolute;
    right: 0px;
    padding-right: 10px;
    text-align: right;
    line-height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 74%;
}

#shop_list_submenu li.on {
    background: #666;
}

#shop_list_submenu li a {
    color: #fff;
    padding-left: 5px;
}

#shop_list_submenu li .shop_list_sub_body {
    line-height: 1.4;
    background: #ddd;
    padding: 5px 0;
    white-space: normal;
    display: none;
    z-index: 100000;
    position: relative;
}

#shop_list_submenu li .shop_list_sub_body a{
   color: #333;
}

.shop_list_sub_city {
    font-size: 12px;
    display: inline-block;
}

.gps>header{
    background: #fff;
}

.gps .wrapper {
    margin-top: 101px;
    background: #cbcbcb;
}

.gps #wrapper-footer {
    margin-top: 0;
}

/* テクノロジー */
.tech>header {
    background: #fff;
}

#technology {
    margin-top: 131px!important;
}

#technology h1 {
    font-size: 32px;
    margin-top: 20px;
}

.tech .wrapper {
    background: #cbcbcb;
}

.tech #wrapper-footer {
    margin-top: 0;
}

.tech .tab-content {
    background: #fff;
    padding: 0!important;
}

.tech .tabs li.w150 {
    width: 150px!important;
}

.tech .tabs li a {
    font-size: 12px;
}

.tech .tabsection p {
    font-size: 12px;
}

/* about GIANT */
.about>header{
    background: rgba(0,0,0,1);
}

.about .wrapper {
    margin-top: 101px;
    background: #cbcbcb;
}

.about #wrapper-footer {
    margin-top: 0;
}

/* お問合せ */
.contact>header{
    background: rgba(0,0,0,1);
}
.contact h1 {
    font-size: 32px;
    margin: 20px 0;
}

.contact .wrapper {
    margin-top: 101px;
}

.contact #wrapper-footer {
    margin-top: 0;
}

#contact {
    position: relative;
    padding-bottom: 60px;
}

#contact .btn-top {
    background: #ddd;
    position: absolute;
    right: 280px;
    top: 20px;
}

#contact .btn-bottom {
    background: #ddd;
    position: absolute;
    left: 30px;
    bottom: 20px;
}

#contact .btn-faq {
    background: #ddd;
    position: absolute;
    right: 280px;
    top: 20px;
}

#contact .btn,
#privacy .btn{
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

#contact .btn:hover,
#privacy .btn:hover {
    opacity: 0.7;
}


#contact a.btn,
#privacy a.btn {
    color: #333;
}

#contact_inner dl,
#contact_sub_inner dl {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
}

#contact_inner dt,
#contact_sub_inner dt {
    margin-bottom: 10px;
}

/* プライバシーポリシー */
.privacy>header{
    background: rgba(0,0,0,1);
}
.privacy h1 {
    font-size: 32px;
    margin: 20px 0;
}

.privacy .wrapper {
    margin-top: 101px;
}

.privacy #wrapper-footer {
    margin-top: 0;
}

#privacy_inner dl {

}

#privacy_inner dt {
    margin-bottom: 10px;
    border-left: solid 8px #ddd;
    padding-left: 10px;
}

#privacy_inner dd {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ddd;
    padding-left: 18px;
}

#privacy_inner ul {
    padding: 10px 0;
}

#privacy_inner li {
    list-style: none;
}

#privacy {
    position: relative;
}

#privacy .btn-privacy {
    background: #ddd;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* チーム */
.team-riders>header{
    background: rgba(255,255,255,1);
}
.team-riders h1 {
    font-size: 32px;
    margin: 0;
    padding: 2% 0!important;
    text-transform: uppercase;

}

.team-riders .wrapper {
    margin-top: 131px;
}

.team-riders #wrapper-footer {
    margin-top: 0;
}

.padding-top-and-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
}

.content-wrapper-teams {
    background: #eee;
}

.row.text-center .col-centered {
    float: left;
}

.generic-summary article,
.team-summary article {
    text-align: center;
    width: 100%;
    margin: 0 0 30px 0;
    background: #fff;
    border-radius: 8px;
}

.content-wrapper-teams .team-summary article {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.generic-summary article .image img {
}

.content-wrapper-teams .team-summary article .image {
    width: 137%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.content-wrapper-teams .team-summary article .image img {
    position: absolute;
    top: 50%;
    left: 39%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ccc-one-col {
  margin-top: 50px;
}

.content-wrapper-teams .ccc-summary article .image {
    width: 137%;
    height: 0;
    padding-bottom: 34%;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.content-wrapper-teams .ccc-summary article .image img {
    position: absolute;
    top: 63%;
    left: 37%;
    width: 85%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.content-wrapper-teams .team-summary .text {
    height: 80px;
    padding: 0 15px 0 15px;
}

.content-wrapper-teams .team-summary .text h3 {
    height: 25px;
    font-size: 18px;
    padding-top: 5px!important;
}

.content-wrapper-teams .team-summary a:hover {
    text-decoration: none;
}

.generic-summary article .text h3 {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

.content-wrapper-teams .team-summary .text p {
    color: #aaa;
    text-transform: uppercase;
    font-size: 16px;
}

.bike_item a {
  color: inherit;
}

.bike_item a:hover {
  text-decoration: none;
}

/* RIDE GIANT */
.ridegiant>header{
    background: rgba(0,0,0,1);
}
.ridegiant h1 {
    margin: 0 0 20px;
    padding: 0;
}

h3.sans {
  margin: 30px 0 30px;
  font-family: "Open Sans";
}


.ridegiant .wrapper {
    margin-top: 101px;
}

.ridegiant #wrapper-footer {

}

#ridegiant {
    max-width:970px;
    margin: 30px auto 0;
    padding: 0;
}

#title-txt {
    font-size: 20px;
    margin: 20px 0 50px;
}

#title-txt .intervalpro {
    font-family: "IntervalProLight";
    font-size: 22px;
}

.rg-item {
    display: inline-block;
    margin-right: 26px;
}

.ride-giant-text {
  margin-bottom: 20px;
  font-size: 16px;
}
.ride-giant-text-sm {
  font-size: 14px;
}

.rg-bike-item .image {
  min-height: 290px;
  position: relative;
}

.rg-bike-item .image img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

@media (max-width: 768px) {
  .rg-bike-item .image img {
    position: relative;
    bottom: 0;
  }
}



.rg-bike-item a .price{
  color: #333;
}

.rg-bike-item a:hover {
  text-decoration: none;
}

.rg-bike-item h3 {
  font-size: 16px;
  margin-bottom: 0!important;
}

.rg-bike-item h4 {
  font-size: 14px;
}

.rg-bike-item .price {
  font-size: 16px;
}
.rg-bike-item .price span {
  font-size: 12px;
  margin-left: 0.5em;
}

#shop_list_table_cam_rd td .shop_name {
  min-height: 3.5em;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}

#se03 {
    position: relative;
    top: -35px;
    margin-right: 0;
}

#shop_list_table_cam_rd {
    margin-top: 30px;
}

#shop_list_table_cam_rd .title {
    color: #fff;
    font-size: 14px;
    background: #653393;
    padding: 5px 10px;
    margin-bottom: 10px;
}
#shop_list_table_cam_rd .title .intervalpro{
  font-family: "IntervalProLight";
  font-size: 16px;
}

#shop_list_table_cam_rd .ridelifeperformance {
    font-family: "RideLifePerformance";
    font-size: 16px;
}

#area_menu {
    margin: 20px 0;
}

#shop_list_table_cam_rd table {
    font-size: 12px;
    width: 100%;
}

#shop_list_table_cam_rd th {
    font-weight: normal;
    text-align: center;
    background: #ddd;
    padding: 5px 0;
    border-right: solid 1px #ccc;
}

#shop_list_table_cam_rd td {
    padding: 5px 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#shop_list_table_cam_rd tr td:last-child {
    border-right: none;
}


.td-status {
    text-align: center;
    padding: 5px 5px!important;
}

.td-status img {
    width: 100%;
    max-width: 60px;
}

.td-tel {
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

.td-model-size span {
    display: block;
    margin-bottom: 5px;
}

.td-pref {
    text-align: center;
    white-space: nowrap;
}

/* About Liv */
.about-liv .wrapper {
    margin-top: 131px;
}

.about-liv h1 {
    padding: 2% 0;
}

.about-liv h2 {
    color: #5f25a0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: 400;
    margin: 30px 0 18px;
}

.about-liv-left {
    width: 60%;
    float: left;
    padding-right: 30px;
     margin-top: 20px;
}

.about-liv-right {
    width: 35%;
    float: right;
    margin-top: 20px;
}

.three-f-area {
    margin: 30px 0 0;
    font-size: 12px;
}

.three-f-area img {
    width: 250px;
    height: auto;
    margin-top: -5px;
    margin-bottom: 18px;
}

.three-f-area .border-b {
    border-bottom: solid 1px #5f2088;
    padding-bottom: 1em;
}

.three-f-text h3 {
    color: #5f2088;
    font-size: 15px;
}

/*video section*/
.video-area {
	width: 100%;
	margin: 60px auto 50px auto;
}
#video_inner {
	width: 100%;
	position: relative;
}
#threef-movie {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}
.video-area #threef-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* WINTER GEAR */
.winter-gear .wrapper {
    margin-top: 131px;
}

.winter-gift-title {
    margin: 4% 0 2%;
}

.winter-gift-title h2 {
    color: #5F25A0;
    font-size: 24px;
    font-weight: bold;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

.winter-gear .col-xs-12.mb30,
.winter-gear .col-xs-6.mb30{
    margin-bottom: 30px;
}

a .item-ext .text p,
a .item .text p {
    color: #333!important;
}

.item-ext {
    border: solid 1px #5F25A0;
    border-radius: 12px;
}

.item-ext .image {
    float: left;
    width: 24%;
    margin: 1.5% 0;
}

.item-ext .image img {
    width: 100%;
    height: auto;
}

.item-ext .text {
    width: 26%;
    float: left;
}

.item-ext .text h3 {
    color: #5F25A0;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "IntervalProLight",sans-serif;
}

.item-ext .text .price {
    font-size: 16px;
    margin-bottom: 5px;
}

.item-ext .text .price span{
    font-size: 13px;
}

.item-ext .text p {
    font-size: 14px;
}

.item {
    border: solid 1px #5F25A0;
    border-radius: 12px;
}

.item .image {
    float: left;
    width: 51%;
    margin: 1.5% 2%;
    padding: 1%;
    box-sizing: border-box;
}

.item .image img {
    width: 100%;
    height: auto;
}

.item .text {
    width: 41%;
    float: left;
}

.item .text h3 {
    color: #5F25A0;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "IntervalProLight",sans-serif;
}

.item .text .price {
    font-size: 16px;
    margin-bottom: 5px;
}

.item .text .price span{
    font-size: 13px;
}

.item .text p {
    font-size: 14px;
}

.item .image img,
.item-ext .image img {
     -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -ms-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

a:hover .item  img,
.item-ext a:hover img {
    opacity: 0.7;
}

.btn_winter-gear {
    background: #5F25A0;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 280px;
    padding: 10px 5px;
    margin: 0 auto!important;
    border-radius: 8px!important;
    display: block!important;
}

a .btn_winter-gear {
    text-decoration: none;
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -ms-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

.winter-gear a:hover {
    text-decoration: none;
}

a:hover .btn_winter-gear {
    text-decoration: none!important;
    color: #fff;
    opacity: 0.7;
}

/**************************************************
    検索結果一覧
**************************************************/
.search-list .wrapper {
    margin-top: 141px;
    padding-bottom: 40px;
}
.extrabottommargin {
    margin-bottom: 30px;
}

.row-with-divider {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
body.search-list .row-with-divider form {
    text-align: center;
}
body.search-list .row-with-divider form #searchContainer {
    display: inline-block;
}
#searchContainer .twitter-typeahead {
    float: left;
}
#searchContainer input#search,
#searchContainer input#search2,
#searchContainer input#search-no-autocomplete {
    width: 500px;
    padding: 0 10px;
    font-size: 15px;
    display: block;
    float: left;
    height: 34px;
}

@media (max-width: 768px) {
  body>header section.header-search  {
    display: none;
  }
  #searchContainer input#search,
  #searchContainer input#search2,
  #searchContainer input#search-no-autocomplete {
      width: 400px;
  }
}
@media (max-width: 560px) {
  #searchContainer input#search,
  #searchContainer input#search-no-autocomplete {
      width: 300px;
  }
}
@media (max-width: 400px) {
  #searchContainer input#search,
  #searchContainer input#search2,
  #searchContainer input#search-no-autocomplete {
      width: 200px;
  }
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
#searchContainer button {
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    float: left;
    height: 34px;
    background: #333!important;
    border: none!important;
}

.search h2 {
  margin-bottom: 40px;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
}

.bike-search-summary,
.gear-search-summary {
  margin-bottom: 30px;
}

.bike-search-summary:hover,
.gear-search-summary:hover {
  opacity: 0.8;
}

.bike-search-summary a article .image,
.gear-search-summary a article .image  {
  padding: 0 15px;
}

.bike-search-summary a article img,
.gear-search-summary a article img {
    margin: 0 auto;
    max-height: 140px;
}
.bike-search-summary a article .text,
.gear-search-summary a article .text {
  margin: 30px auto;
}

.bike-search-summary a article .text h3,
.gear-search-summary a article .text h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
    font-family: 'IntervalProLight';
}

#newsarticles .row {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

#ui-id-1 .ui-autocomplete {
  z-index: 999999!important;
  top: 90px!important;
}

.news-search-summary {
  margin: 0 0 30px;
  width: 33.33333%;
}
@media (max-width: 768px) {
  .news-search-summary {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .news-search-summary {
    width: 100%;
  }
}

.news-search-summary a article {
  display: flex;
  display: -webkit-flex;
}

.news-search-summary a article .image  {
  padding: 0 15px;
  width: 30%;
}

.news-search-summary a article img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.news-search-summary a article .text {
  width: 70%;
  margin: auto;
  text-align: left;
}

.news-search-summary a article .text h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
    padding-left: 0;
}

#contener_sh_new .tabs {
    background: #fff;
    height: 71px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 100;
}

#contener_sh_new ul {
    text-align: center;
}

#contener_sh_new .tabs li {
    display: inline-block;
    float: none;
    border-right: none;
    list-style: none;
    background: #fff;
    color: #333;
    text-align: center;
    line-height: 1.2;
    /* height: 65px; */
    width: 120px;
    position: relative;
}

#contener_sh_new .tabs li a {
    color: #333;
    font-family: "Open Sans",Arial,Helvetica;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.tab-icon {
    display: inline-block;
    margin: 8px 0 10px;
}

.tab-icon img {
    max-width: 30px;
    max-height: 29px;
}


#contener_sh_new .tabs li a span.arrow {
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    width: 100%;
    z-index: 333;
}

a#showtab-advantage span.arrow {
    top: 67px!important;
}

a#showtab-products span.arrow {
    top: 71px!important;
}

a#showtab-intro span.arrow,
a#showtab-riders span.arrow,
a#showtab-news span.arrow,
a#showtab-gallery span.arrow {
    top: 68px!important;
}

a#showtab-models span.arrow,
a#showtab-outline span.arrow,
a#showtab-content1 span.arrow,
a#showtab-impression span.arrow {
    top: 71px!important;
}
a#showtab-video span.arrow,
a#showtab-technologies.icon-graph span.arrow,
a#showtab-lineup span.arrow,
a#showtab-zwift span.arrow,
a#showtab-install span.arrow {
    top: 70px!important;
}

#contener_sh_new .tabs li a.active {
    background: #fff;
}
#contener_sh_new .tabs li a.active span.arrow {
    display: block;
}

#contener_sh_new .tab-content {
    text-align: left;
    padding-bottom: 20px;
    zoom: 1;
    background: #fff;
}


#contener_sh_new #banner-full,
#contener_sh_new #banner-full2,
#contener_sh_new #banner-full3,
#contener_sh_new #banner-full4 {
    max-width: 970px;
    position: relative;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
}

#contener_sh_new #banner-full {
  z-index: 50!important;
}

#contener_sh_new #banner-full2 {
  z-index: 40!important;
}
#contener_sh_new #banner-full3 {
  z-index: 35!important;
}
#contener_sh_new #banner-full img,
#contener_sh_new #banner-full2 img,
#contener_sh_new #banner-full3 img,
#contener_sh_new #banner-full4 img {
    width: 970px;
    transition: all .2s linear;
}


#contener_sh_new .tab-content .tabsection {
   position: relative;
   margin: 20px 0;
}

#contener_sh_new a.callout2 {
    background: #5f25a0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
    position: absolute;
    text-decoration: none;
    z-index: 100;
    transition: all .2s linear;
}

#contener_sh_new .text-callout {
    background: #fff;
    border: 1px solid #DDDDDD;
    color: #333;
    display: none;
    font-size: 1em!important;
    line-height: 1.4em;
    position: absolute;
    width: 45.3608247%;
    z-index: 1500;
    padding: 20px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
}

.tech #contener_sh_new .tabsection  .text-callout p {
    font-size: 1em!important;
}

.title-area,
.highlights-title,
.showcase-content-title {
    width: 70%;
    margin: 60px auto 0;
}
.showcase-content-title.advantage {
    margin-top: 40px;
}

.content-wm {
    width: 80%!important;
    margin: 60px auto 0;
}

.content-wm .cap {
  font-size: 18px;
  font-weight: bold;
  margin: 5px auto 15px;
}

ul#btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 50px auto 100px;
  padding: 0 10%;
  max-width: 1140px;
}

ul#btn li {
  width: 25%;
  height: 40px;
  list-style: none;
  border: solid 1px #5f25a0;
  border-radius: 6px;
  margin: 0 15px;
  padding: 10px;
  position: relative;
  font-size: 0.8em;
}

ul#btn li a {
  width:100%;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ADSL {
  margin-top:-133px!important;
  padding-top:133px;
}
#ADPRO,
#AD,
#SL {
  margin-top:-60px!important;
  padding-top:133px;
}
.inpression-box {
  margin: 0 0 30px;
}
.inpression-box a {
  border: solid 1px #efefef;
  padding: 15px;
  display: block;
  width: 100%;
  height: auto;
}

.inpression-box a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.inpression-box a h3 {
  color: #333;
  font-size: 18px;
}

.inpression-box a p {
  color: #333;
  margin: 0;
}

@media (max-width: 911px){
  ul#btn {
    padding: 0 2.5%;
  }
  ul#btn li {
    width: 33.333333%;
    list-style: none;
    border: solid 1px #5f25a0;
    padding: 10px;
    border-radius: 6px;
    margin: 0 15px;
  }
}

@media (max-width: 767px){
  ul#btn {
    padding: 0 2.5%;
    margin: 20px 0 0;
    display: block;
  }
  ul#btn li {
    width: 100%;
    list-style: none;
    margin: 0 0 15px;
  }
}


#contener_sh_new h2.title-showcase {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #333;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 36px;
    text-align: center;
}

#contener_sh_new h3.title-showcase {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #333;
    margin: 20px 0 10px 0;
    padding: 0;
    font-size: 24px;
}

#contener_sh_new .text-callout h3 {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #0079c2;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 30px;
}

#contener_sh_new h3.rlfont {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #5f25a0;
    margin: 20px 0 20px 0!important;
    padding: 0;
    font-size: 30px!important;
}

#contener_sh_new h3.rlfont.mt0 {
    margin: 0 0 20px ;
}
#contener_sh_new h3.rlfont.mb0 {
    margin-bottom: 0!important
}

#contener_sh_new  h4.jp_cap {
  margin: 10px 0 20px;
  font-weight: bold;
  font-size: 21px;
}

.gj_ble {
  color: #0079c2;
}

#contener_sh_new h4.rlfont {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #0079c2;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 24px;
}

#contener_sh_new h3.rlfont-bk {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #000;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 24px;
}

#contener_sh_new h3.rlfont-bk.mt0 {
  margin-top: 0!important;
}

#contener_sh_new h3.rlfont-bk.mb0 {
  margin-bottom: 0!important;
}

#contener_sh_new h4.blue {
    font-weight: 600;
    color: #0079c2;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 20px;
}

#contener_sh_new h4.rlfont.mb0 {
    margin: 20px 0 0 0;
}

#contener_sh_new h4.section {
    margin-top: 60px!important;
}


#contener_sh_new h3.jpfont {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: 600;
    color: #0079c2;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 24px;
}


#contener_sh_new .title-rlfont {
    font-family: "Open Sans",sans-serif,Verdana,Arial;
    font-weight: 300;
    color: #0079c2;
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 21px;
}

#contener_sh_new h4.title-rlfont {
    margin: 20px 0 5px;
}

#contener_sh_new h5.title-jp {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #555;
}

#contener_sh_new .title-jp {
    font-size: 19px;
    font-weight: bold;
}

#contener_sh_new ul.outline-point {
    padding: 0;
    margin: 0;
}

#contener_sh_new ul.outline-point li {
    list-style: none;
    text-align: left;
}

#contener_sh_new .text-callout h3.mt0 {
    margin-top: 0!important;
}

#contener_sh_new .text-callout .image {
    width: 400px;
    margin: 0 auto;
}
#contener_sh_new .text-callout .image img {
    width: 100%!important;
    height: auto;
}

#contener_sh_new .callout2 span {
    display: none;
}

#contener_sh_new .callout2  span.num {
    display: block;
}


#contener_sh_new a.callout2.callout-active {
    z-index: 9999;
    background: #bbb;
}

#contener_sh_new .title_dealers_list {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

#video-area .mov, #tabsection-video .mov, #tabsection-install .mov {
    width: 90%;
    padding-bottom: 56.25%;
    position: relative;
    margin: 60px auto 0;
}

#video-area iframe#video-frame, #tabsection-video iframe#video-frame, #tabsection-install iframe#video-frame {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 767px){
  #tabsection-video .mov {
      margin: 20px auto 0;
  }
}

#tabsection-gallery .col .thumb {
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 5px;
    overflow: hidden;
}
#tabsection-gallery .col {
    padding-bottom: 30px;
}

.models_wrapper {
    width: 70%;
    margin: 0 auto;
}

#contener_sh_new .parallax {
  margin-top: 131px;
}


/**************************************************
    LANGMA
**************************************************/

.langma .bike-item .header {
  font-size: 16px;
  padding: 5px 0;
}

.langma .bike-item .header p {
  margin: 0;
}

.langma #link-callout-1 {
  top: 174px;
  left: 383px;
}

.langma #text-callout-1 {
  top: 195px;
}

.langma #link-callout-2 {
  top: 142px;
  left: 496px;
}

.langma #text-callout-2 {
  top: 163px;
}

.langma #link-callout-3 {
  top: 132px;
  left: 637px;
}

.langma #text-callout-3 {
    top: 153px;
}

.langma #link-callout-4 {
  top: 104px;
  left: 327px;
}

.langma #text-callout-4 {
    top: 125px;
}

.langma #link-callout-5 {
  top: 319px;
  left: 486px;
}

.langma #text-callout-5 {
    top: 340px;
}

.langma #link-callout-6 {
  top: 70px;
  left: 630px;
}

.langma #text-callout-6 {
  top: 91px;
}

.langma #link-callout-7 {
  top: 405px;
  left: 412px;
}

.langma #text-callout-7 {
  top: 426px;
}

.langma #link-callout-8 {
  top: 269px;
  left: 374px;
}

.langma #text-callout-8 {
  top: 290px;
}

.langma #link-callout-9 {
  top: 390px;
  left: 296px;
}

.langma #text-callout-9 {
  top: 411px;
}

.langma #link-callout-10 {
    top: 185px;
    left: 799px;
}

.langma #text-callout-10 {
    top: 206px;
    left: 231px;
}


.langma #link-callout-11 {
    top: 164px;
    left: 401px;
}

.langma #text-callout-11 {
    top: 184px;
}

.langma #link-callout-12 {
    top: 129px;
    left: 508px;
}

.langma #text-callout-12 {
    top: 148px;
}

.langma #link-callout-13 {
  top: 398px;
  left: 413px;
}

.langma #text-callout-13 {
    top: 419px;
}

.langma #link-callout-14 {
    top: 252px;
    left: 382px;
}

.langma #text-callout-14 {
    top: 272px;
}

.langma #link-callout-15 {
    top: 300px;
    left: 496px;
}

.langma #text-callout-15 {
    top: 320px;
}

.langma #link-callout-16 {
    top: 59px;
    left: 660px;
}

.langma #text-callout-16 {
    top: 79px;
}

.langma #link-callout-17 {
    top: 358px;
    left: 705px;
}

.langma #text-callout-17 {
    top: 378px;
    left: 47px;
}

.langma #link-callout-18 {
    top: 112px;
    left: 639px;
}

.langma #text-callout-18 {
    top: 132px;
}

.langma #link-callout-19 {
    top: 95px;
    left: 324px;
}

.langma #text-callout-19 {
    top: 115px;
}

.langma #link-callout-20 {
    top: 375px;
    left: 308px;
}

.langma #text-callout-20 {
    top: 405px;
    left: 121px;
}

.langma #link-callout-211 {
    top: 204px;
    left: 838px;
}

.langma #text-callout-211 {
    top: 224px;
    left: 312px;
}

.langma #link-callout-21 {
  top: 164px;
  left: 401px;
}

.langma #text-callout-21 {
  top: 185px;
}

.langma #link-callout-22 {
  top: 137px;
  left: 508px;
}

.langma #text-callout-22 {
  top: 158px;
}

.langma #link-callout-23 {
  top: 192px;
  left: 826px;
}

.langma #text-callout-23 {
  top: 213px;
  left: 285px;
}

.langma #link-callout-24 {
  top: 282px;
  left: 526px;
}

.langma #text-callout-24 {
  top: 303px;
}

.langma #link-callout-25 {
  top: 400px;
  left: 416px;
}

.langma #text-callout-25 {
  top: 421px;
}

.langma #link-callout-26 {
  top: 100px;
  left: 330px;
}

.langma #text-callout-26 {
  top: 121px;
}

.langma #link-callout-27 {
  top: 378px;
  left: 295px;
}

.langma #text-callout-27 {
  top: 399px;
}

.langma #link-callout-28 {
  top: 262px;
  left: 376px;
}

.langma #text-callout-28 {
    top: 283px;
}


.langma #link-callout-30 {
  top: 164px;
  left: 401px;
}

.langma #text-callout-30 {
  top: 185px;
}

.langma #link-callout-31 {
  top: 137px;
  left: 508px;
}

.langma #text-callout-31 {
  top: 158px;
}

.langma #link-callout-32 {
  top: 262px;
  left: 376px;
}

.langma #text-callout-32 {
    top: 283px;
}

.langma #link-callout-33 {
  top: 282px;
  left: 526px;
}

.langma #text-callout-33 {
  top: 303px;
}


.langma #link-callout-34 {
  top: 100px;
  left: 330px;
}

.langma #text-callout-34 {
  top: 121px;
}

.langma #link-callout-35 {
  top: 378px;
  left: 295px;
}

.langma #text-callout-35 {
  top: 399px;
}






/**************************************************
    メディアクエリ
**************************************************/
@media (max-width: 1500px){
    .parallax {
        height: 550px;
    }
}

@media (max-width: 1350px){
    .parallax {
        height: 470px;
    }
}

@media (max-width: 1169px) {

    #label-performance {
    top: 36.113501%;
    left: 0;
    }
    .fix #label-performance {
    top: 38.513501%;
    left: 0;
    }
    #label-sport {
        top: 62.119949%;
        left: 0;
    }
    #label-lifestyle {
        top: 88.710001%;
        left: 0;
    }
}

@media (max-width: 1024px) {
    .video-wrapper {
        display: none;
    }

    .parallax-video-placeholder {
        display: block;
    }
    .bike-item .image.series {
        padding: 0 5px;
    }

    .bike-index dt.index-head h2 {
        font-size: 36px;
    }

    .bike-index dt.index-head h3 {
        font-size: 16px;
    }

    #bike_index .label .title-performance {
        font-size: 24px;
    }
    #bike_index .label .title-performance-jp {
        font-size: 18px;
    }

    #label-performance {
    top: 36.281111%;
    left: 0;
    }
    .fix #label-performance {
    top: 39.813501%;
    left: 0;
}
    #label-sport {
        top: 62.119949%;
        left: 0;
    }
    .fix #label-sport {
        top: 64.119949%;
        left: 0;
    }
    #label-lifestyle {
        top: 87.800001%;
        left: 0;
    }
    .fix #label-lifestyle {
        top: 88.5600001%;
        left: 0;
    }

    .series-title h2 {
        font-size: 38px;
    }

    .series-title h3 {
        font-size: 21px;
    }
}

@media (max-width: 1199px){
    .parallax {
        height: 450px;
    }

    .homeblocks a h2 {
        font-size: 30px;
    }
}

@media (max-width: 991px){
    .parallax {
        height: 350px;
    }

    .parallax .text h1 {
        font-size: 40px;
    }


    .parallax.no-image {
        height: 215px;
        margin-top: 0;
    }

    .title_store_name .en span {
        font-size: 10px;
    }

    .series-imge,
    .series-list-item {
        height: 150px;
    }

    #bike_index {
        min-width: 881px;
    }

    .bike-index dt.index-head h2 {
        font-size: 30px;
    }

    .bike-index dt.index-head h3 {
        font-size: 14px;
    }

    .bike-index dd h4 {
        font-size: 16px;
    }

     #label-performance {
        top: 35.713548%;
        left: 0;
    }
    .fix #label-performance {
    top: 39.913501%;
    left: 0;
}
    #label-sport {
        top: 61.811249%;
        left: 0;
    }
    #label-lifestyle {
        top: 88.113141%;
        left: 0;
    }

    .item-ext .text h3,
    .item .text h3{
        color: #5F25A0;
        font-size: 14px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .item-ext .text .price,
    .item .text .price {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .item-ext .text .price span,
    .item .text .price span {
        font-size: 11px;
    }

    .item-ext .text p,
    .item .text p{
        font-size: 12px;
    }

    #contener_sh_new #banner-full,
    #contener_sh_new #banner-full2,
    #contener_sh_new #banner-full3,
    #contener_sh_new #banner-full4 {
    max-width: 768px;
}

    #contener_sh_new #banner-full img,
    #contener_sh_new #banner-full2 img,
    #contener_sh_new #banner-full3 img,
    #contener_sh_new #banner-full4 img {
        width: 748px;
    }
    #contener_sh_new .text-callout .image {
      width: 350px;
      margin: 0px auto;
  }
  #contener_sh_new .text-callout {
      width: 50.78125%;
  }

  #contener_sh_new a.callout2 {
      border-radius: 50%;
      width: 30px;
      height: 30px;
      font-size: 16px;
      line-height: 26px;
  }


    /**************************************************
        LANGMA
    **************************************************/

    .langma #link-callout-1 {
      top: 135px;
      left: 316px;
    }

    .langma #text-callout-1 {
        top: 150px;
    }

    .langma #link-callout-2 {
      top: 104px;
      left: 413px;
    }

    .langma #text-callout-2 {
      top: 119px;
    }

    .langma #link-callout-3 {
      top: 102px;
      left: 505px;
    }

    .langma #text-callout-3 {
      top: 117px;
    }

    .langma #link-callout-4 {
      top: 83px;
      left: 262px;
    }

    .langma #text-callout-4 {
      top: 98px;
    }

    .langma #link-callout-5 {
      top: 239px;
      left: 400px;
    }

    .langma #text-callout-5 {
      top: 254px;
    }

    .langma #link-callout-6 {
        top: 53px;
        left: 520px;
    }

    .langma #text-callout-6 {
        top: 68px;
    }

    .langma #link-callout-7 {
      top: 319px;
      left: 329px;
    }

    .langma #text-callout-7 {
      top: 334px;
    }

    .langma #link-callout-8 {
      top: 209px;
      left: 302px;
    }

    .langma #text-callout-8 {
      top: 220px;
    }

    .langma #link-callout-9 {
      top: 304px;
      left: 246px;
    }

    .langma #text-callout-9 {
      top: 319px;
    }

    .langma #link-callout-10 {
        top: 165px;
        left: 669px;
    }

    .langma #text-callout-10 {
        top: 180px;
        left: 211px;
    }


    .langma #link-callout-11 {
        top: 125px;
        left: 331px;
    }

    .langma #text-callout-11 {
        top: 145px;
    }

    .langma #link-callout-12 {
        top: 101px;
        left: 408px;
    }

    .langma #text-callout-12 {
        top: 121px;
    }

    .langma #link-callout-13 {
      top: 307px;
      left: 329px;
    }

    .langma #text-callout-13 {
      top: 322px;
    }

    .langma #link-callout-14 {
        top: 192px;
        left: 304px;
    }

    .langma #text-callout-14 {
        top: 212px;
    }

    .langma #link-callout-15 {
        top: 220px;
        left: 405px;
    }

    .langma #text-callout-15 {
        top: 240px;
    }

    .langma #link-callout-16 {
        top: 47px;
        left: 520px;
    }

    .langma #text-callout-16 {
        top: 67px;
    }

    .langma #link-callout-17 {
        top: 280px;
        left: 555px;
    }

    .langma #text-callout-17 {
        top: 300px;
    }

    .langma #link-callout-18 {
        top: 89px;
        left: 509px;
    }

    .langma #text-callout-18 {
        top: 109px;
    }

    .langma #link-callout-19 {
        top: 75px;
        left: 261px;
    }

    .langma #text-callout-19 {
        top: 95px;
    }

    .langma #link-callout-20 {
        top: 285px;
        left: 247px;
    }

    .langma #text-callout-20 {
        top: 305px;
        left: 61px;
    }

    .langma #link-callout-211 {
        top: 154px;
        left: 658px;
    }

    .langma #text-callout-211 {
        top: 174px;
        left: 192px;
    }

    .langma #link-callout-21 {
      top: 128px;
      left: 321px;
    }

    .langma #text-callout-21 {
      top: 143px;
    }

    .langma #link-callout-22 {
      top: 101px;
      left: 418px;
    }

    .langma #text-callout-22 {
        top: 116px;
    }

    .langma #link-callout-23 {
      top: 140px;
      left: 618px;
    }

    .langma #text-callout-23 {
      top: 155px;
      left: 109px;
    }

    .langma #link-callout-24 {
      top: 242px;
      left: 389px;
    }

    .langma #text-callout-24 {
      top: 257px;
    }

    .langma #link-callout-25 {
      top: 310px;
      left: 330px;
    }

    .langma #text-callout-25 {
      top: 325px;
    }

    .langma #link-callout-26 {
      top: 60px;
      left: 260px;
    }

    .langma #text-callout-26 {
      top: 75px;
    }

    .langma #link-callout-27 {
      top: 297px;
      left: 255px;
    }

    .langma #text-callout-27 {
      top: 312px;
    }

    .langma #link-callout-28 {
      top: 210px;
      left: 303px;
    }

    .langma #text-callout-28 {
      top: 225px;
    }

    .langma #link-callout-30 {
      top: 128px;
      left: 321px;
    }

    .langma #text-callout-30 {
      top: 143px;
    }

    .langma #link-callout-31 {
      top: 101px;
      left: 418px;
    }

    .langma #text-callout-31 {
        top: 116px;
    }

    .langma #link-callout-32 {
      top: 210px;
      left: 303px;
    }

    .langma #text-callout-32 {
      top: 225px;
    }

    .langma #link-callout-33 {
      top: 242px;
      left: 389px;
    }

    .langma #text-callout-33 {
      top: 257px;
    }

    .langma #link-callout-34 {
      top: 60px;
      left: 260px;
    }

    .langma #text-callout-34 {
      top: 75px;
    }

    .langma #link-callout-35 {
      top: 297px;
      left: 255px;
    }

    .langma #text-callout-35 {
      top: 312px;
    }


}

@media (min-width: 992px){
    #tabsection-gallery .col-md-3 {
        width: 25%!important;
    }
    #bike_datail_content #tabsection-highlights .col-md-3 {
        width: 25%!important;
    }
}

@media (max-width: 870px){
    .series-imge,
    .series-list-item {
        height: 150px;
    }


}

@media (min-width: 768px){

    .col-sm-4,
    .generic-summary.generic-summary-6-on-one-row,
    .homeblocks a,
    #features div.row div.column {
        width: 33.33333%;
    }

    .col-sm-6,
    .generic-summary,
    .generic-summary.generic-summary-4-on-one-row,
    .bike-summary, .bikeseries-summary,
    #features div.row.spread-2-over-3 div.column,
    .gearproduct-summary {
        width: 50%;
    }


    .parallax {
        /*margin-top: 61px;*/
    }

    .homeblocks-slider a {
        width: 100%;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .generic-summary.generic-summary-6-on-one-row,
    .homeblocks a,
    .homeblocks-slider a,
    #features div.row div.column,
    .col-sm-5,
    .col-sm-6,
    .generic-summary,
    .generic-summary.generic-summary-4-on-one-row,
    .bike-summary, .bikeseries-summary,
    #features div.row.spread-2-over-3 div.column,
    .gearproduct-summary,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .series-summary {
        float: left;
    }

    #news li .btn-cat {
        margin: 0 19px 0 0;
    }

    .bike-item-serise {
        position: relative;
        padding-bottom: 10%;
    }

}

@media (min-width: 992px){
    .col-md-4, .generic-summary, .generic-summary.generic-summary-4-on-one-row, #features div.row div.column, .mini-essay-summary {
        width: 33.33333%;
    }
    .col-md-1, .col-md-2, .generic-summary.generic-summary-6-on-one-row, .col-md-3, .col-md-4, .generic-summary, .generic-summary.generic-summary-4-on-one-row, #features div.row div.column, .col-md-5, .col-md-6, .series-summary, #features div.row.spread-2-over-3 div.column, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .content-wrapper-magazinestyle .mainarticle, .content-wrapper-magazinestyle .subarticles {
        float: left;
    }

}

@media (max-width: 920px){

  .tabs li {
    font-size: 0.8em;
      width: 100px;
  }

}

@media (max-width: 875px) {
  #contener_sh_new .tabs li {
      width: 95px;
  }
}

@media (max-width: 767px){
  .tabs li {
    font-size: 1em;
      width: inherit;
  }
    header {
        top: 0;
    }

    body>header {
        background: #fff;
    }

    header.navbar-fixed-top {
        top: 0;
    }

    .megamenu {
        top: 61px;
    }

    .make-room-for-brandbar {
        margin-top: 61px;
    }

    .parallax {
        height: 330px;
    }
    .parallax .text {
        padding-top: 16%;
    }
    .xxs_test_ride .parallax .text {
        padding-top: 0;
    }
    .parallax.mt113 {
        margin-top: 69px;
    }
    .parallax .text h1 {
        font-size: 30px;
    }
    .jp.parallax .text h1 {
        font-size: 24px;
    }
    .jp-normal.parallax .text h1 {
        font-size: 26px;
    }
    .jp-normal.parallax .text h1 span.en-text {
      font-size: 28px;
    }

    .jp-normal.parallax .text h2 {
      margin-bottom: 0px;
      height: 0;
    }
    .parallax .text h1.f28 {
        font-size: 28px!important;
    }
    .parallax .text h2.jp {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 20px;
    }
    .parallax.no-image {
        height: 130px;
        margin-top: 0;
    }

    .sub .parallax .text {
        padding-top: 0;
    }

    .sp-menu-inner {
       top: 61px!important;
       background: #fff!important;
       color: #222;
       display: block!important;
       overflow: auto;
       padding-bottom: 61px!important;
       z-index: 100000!important;
    }

    .sp-menu-inner h2,
    .sp-menu-inner h3 {
        margin: 0;
    }

    .sp-menu-inner ul li.sub-menu h2 a,
    .sp-menu-inner ul li.sub-menu h2 {
        font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
        font-style: normal;
        text-transform: uppercase;
        font-size: 18px!important;
        line-height: 1em!important;
        padding-top: 1em;
        padding-left: 0;
        color: #666;
    }

    .sp-menu-inner ul li.sub-menu h2 {
        padding-left: 14px;
    }

    .sp-menu-inner ul li.sub-menu h3 a {
        line-height: 1.5em!important;
        margin-top: 1em;
        font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
        font-style: normal;
        text-transform: uppercase;
        color: #666;
        font-size: 16px!important;
    }

    .sp-menu-inner ul li.sub-menu a,
    .sp-menu-inner ul li.pearent a,
    .sp-menu-inner ul li.pearent2 a{
        display: block!important;
        width: 100%!important;
        line-height: 50px!important;
        color: #666!important;
        font-size: 13px!important;
        text-transform: uppercase!important;
        border-bottom: solid 1px #ccc;
        padding-left: 1em;
    }

    .sp-menu-inner ul.sub-menu02 li.bike-name a {
        line-height: 2.6em!important;
        margin-left: 1em;
    }

    .sp-menu-inner ul li.sub-menu {
        background: #eee!important;
        width: 100%!important;
    }

    .sp-menu-inner ul.sub-menu02 {
        background: #fff!important;
        padding-bottom: 10px!important;
        width: 100%!important;
    }
    .sp-menu-inner ul.sub-menu02 li a {
        border-bottom: none!important;
    }
    .sp-menu-inner ul {
        padding: 0;
    }
    .sp-menu-inner ul.base {
        position: relative;
        z-index: 1;
    }

    .sp-menu-inner ul.sub-menu02 li ul {
        padding-bottom: 10px!important;
    }


    .sp-menu-inner .pearent,
    .sp-menu-inner .pearent2{
        position: relative;
    }
    .sp-menu-inner .pearent .open,
    .sp-menu-inner .pearent2 .open{
        display: block;
        padding-right: 10px;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        line-height: 50px;
    }

    .sp-menu-inner ul li.gj {
        margin: 14px 0 0 14px;
    }

    .sp-menu-inner ul li.gj img {
        width: 126px;
        height: auto;
    }

    .brandswitch {
        display: none;
    }

    .visible-xs {
    display: block!important;
    }

    .hidden-xs {
        display: none !important;
    }

    .country.flag {
        display: block;
        float: right;
        width: 48px;
        height: 16px;
        background-image: url("../images/flags.png");
        background-repeat: no-repeat;
        margin-top: 6px;
    }
    .flag_jpn {
        background-position: -1px -1784px;
    }

    .megamenu.fullscreen {
        top: 61px;
    }
    .megamenu.fullscreen {
        height: 630px;
        border-bottom: 1px solid #aaa;
    }
    .megamenu.fullscreen .container.inner {
        overflow: auto;
        height: 100%;
    }

    .megamenu.fullscreen .container ul {
        margin-bottom: 0;
    }

    .megamenu.fullscreen ul li {
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }

    .megamenu .container ul li a {
        font-size: 14px;
    }

    .homeblocks a {
        width: 50%;
    }

    .homeblocks a h2 {
        font-size: 16px;
    }
    .homeblocks-slider {
        max-height: 72px;
    }

    .homeblocks-slider a h2 {
        font-size: 12px;
        padding: 5px 0 5px 0;
    }

    #news {
        margin: 40px auto 0;
    }

    #news ul {
        padding: 0 10px 0;
    }

    #news li .post-image {
        width: 20%;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 14px;
        float: left;
        clear: left;
        position: relative;
        margin-right: 20px;
    }
    #news li .post-image img {
        width: 100%;
        position: relative;
        top: 0;
    }

    #news li.text-area {
        float: left;
        width: 85%;
    }

    #news li .date {
        font-size: 14px;
        padding: 5px 0;
    }
    #news li .title {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 10px;
    }

    #news li .content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #footer {
        padding: 40px 10px;
    }

    #footer ul li {
        font-size: 14px;
    }

    #wrapper-footer .slogan {
        text-align: left;
        padding: 10px 0 8px 12px;
    }

    #wrapper-footer  .slogan img {
        height: 25px;
        width: auto;
    }

    #news li .btn-cat {
        margin: 0 19px 0 0;
    }

     .bike-series-list h1 {
        font-size: 30px;
    }
    .bike-series-list .wrapper {
        margin-top: 61px;
    }

    .series-list-item {
        height: 150px;
    }

    .series-title h2 {
        font-size: 32px;
    }

    .series-title h3 {
        font-size: 18px;
    }

    .series-imge {
        width: 40%;
        height: 150px;
    }

    .series-text {
        width: 60%;
        font-size: 18px;
    }

    .series-bike {
        display: none;
    }


    #bikes_content_right {
        margin-top: 15px;
    }

    .bike-item .header {
    font-size: 10px;
    }

    .bike-item .text h3 {
        font-size: 14px;
    }

    #bikes_content_left_sp {
        padding: 15px 0 0 15px;
    }

    #bikes_content_left_sp h2.ridelifeperformance {
        font-family: "IntervalProLight",Arial,Helvetica,sans-serif;
        font-weight: 300;
        font-style: normal;
        text-transform: uppercase;
        margin-top: 0;
        color: #999;
    }

    #bikes_content_left_sp ul li a {
        display: block;
        width: 100%;
    }

    .btn-bike-finder {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border: solid 1px #ddd;
        background: #482173;
        color: #fff;
    }


    #slider-overlay {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
        display: none;
    }

    #bike_datail_content {
        margin-top: 62px;
    }

    #pan {
        text-align: left;
        line-height: 1.8em;
        padding: 5px 15px;
        font-size: 12px;
    }

    .product-area {
        min-height: inherit;
        height: inherit;
    }

    .product-image {
        width: 100%;
        float: none;
        margin-top: 30px;
        text-align: center;
        padding: 4%;
    }

    .product-image img {
        padding: 0;
    }

    .product-text {
        text-align: center;
        width: 100%;
        float: none;
        position: relative;
        right: 0;
        left: 0;
        margin: auto;
    }

    #modelname h1 {
        font-size: 24px;
        margin-top: 20px;
    }
    .photo-status {
        font-size: 12px;
        padding-bottom: 0;
    }

    .price {
        font-size: 18px;
        line-height: 2em;
    }

    .price .tax {
        font-size: 12px;
    }

    #actionbar-sp {
        position: relative;
    }

    #thumbs-sp {
        margin: auto;
    }

    #thumbs-sp.single {
        width: 60px!important;
    }

    #angle-sp {
        width: 53%;
        margin: auto;
    }

    .vari.first {
        display: none;
    }

    .v-data .vari.first {
        display: block;
    }

    .vari, .c-vari {
        float: left;
        border: solid 1px #ddd;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .c-vari:nth-child(5n) {
        margin-right: 0;
    }

    .c-vari:last-child {
        margin-right: 0;
    }

    .vari.last {
        margin-right: 0;
    }

    #bn_area {
        width: 220px;
        margin: 0 auto;
    }


    .tabs .container {
        padding: 0;
    }

    .tabs li {
        width: 50%;
        border: none;
        border-top: solid 1px #fff;
    }

    .bikedetail .tabs li {
        border-bottom: solid 1px #fff;
        margin-bottom: -1px;
    }

    .tabs li a {
        display: block;
    }

    .tabs li.gallery {
      /*
        clear: left;
        margin-top: -1px;
        margin-left: 1px;
        border-right: 1px solid #fff;
        */
    }

    .tabs li:nth-child(4) {
        border-bottom: solid 1px #fff;
    }

    .tabs li:first-child {
        border-left: none;
    }

    .tabs li:nth-child(2n) {
        border-left: solid 1px #fff;
    }

    .tab-content .tabsection {
        margin: 20px 0 20px;
        zoom: 1;
    }

    #tabsection-overview dl {
        width: 100%;
        margin: 15px 0;
        display: block;
    }

    #tabsection-overview dl dt,
    #tabsection-overview dl dd {
        display: block;
        border-bottom: solid 1px #999;
        font-weight: normal;
        line-height: 30px;
        width: 100%;
    }
    #tabsection-overview dl dt {
        font-weight: bold;
    }

    #fullspec_area dl {
        width: 90%;
        margin: 0  auto;
        display: block;
    }

    #fullspec_area dl dt,
    #fullspec_area dl dd {
        border-bottom: solid 1px #999;
        font-weight: normal;
        line-height: 30px;
        display: block;
        width: 100%;
    }

    #fullspec_area dl dt {
        font-weight: bold;
        margin-top: 15px;
    }

    #fullspec_area dl dd {
        padding-left: 5px;
        white-space: normal;
    }

    #geo-table{
        width: 290px;
        margin:  0 auto;
        overflow: scroll;
    }

    #geometory_area table {
        table-layout: fixed;
        width: 850px;
        margin: 40px 0 10px;
    }

    #geometory_area .cap {
        padding: 0 15px;
    }


    #tabsection-technologies {
        width: 210px;
        margin: 20px auto 0;
    }
    #tabsection-technologies img {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    #tabsection-technologies img:nth-child(2n) {
        margin-right: 0;
    }

    .main-gearfinder {
        margin-top: 0px;
    }

    .main-gearfinder.container {
          padding-left: 5px;
        padding-right: 5px;
    }

    .btn-gear-finder {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border: solid 1px #ddd;
        background: #482173;
        color: #fff;
    }

    .acclist .parallax {
        margin-top: 122px;
    }

    .acclist .gcw-background-men-onroad-80pct {
        padding-top: 0!important;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
    }

    .acclist .parallax .text h1 {
        font-size: 20px;
        line-height: 60px;
        font-family: "RideLifePerformance"
    }

    .left_acc h2.ridelifeperformance {
        font-family: "IntervalProLight","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
        font-weight: 300;
        font-style: normal;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #999;
        padding-left: 0.2em;
        font-size: 26px;
    }

    .right_acc {
        margin-top: 40px;
    }

    .right_acc .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .item_w_sh .image img {
        vertical-align: middle;
        width: 85.4396127%;
    }

    .item_w_sh .image {
        overflow: hidden;
        margin-bottom: 5px;
    }

    .item_w_sh .text {
    }

    .item_w_sh .text h3 {
        font-size: 12px;
        font-family: "Open Sans",Arial,Helvetica;
        padding: 0 10px;
        text-align: center;
        margin: 5px 0;
        height: 3em;
    }

    .lits_price {
        font-size: 12px;
    }

    #acc_detail {
        margin-top: 70px;
    }

    .gear-product-image {
        width: 100%;
        float: none;
        margin-top: 0;
        margin-bottom: 15px;
        text-align: center;
    }

    .gear-product-text {
        text-align: center;
        width: 100%;
        float: none;
    }

    #actionbar-sp #thumbs .gc-vari {
        display: inline-block;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin-right: 10px;
        position: relative;
        float: none;
    }

    #actionbar-sp #thumbs .col_title {
        float: none;
        line-height: 1;
        padding: 0 0 0.2em;
    }

    #actionbar-sp #thumbs .row {
        margin-bottom: 10px;
    }

    #actionbar-sp #thumbs .last {
        margin-right: 0;
    }

    #acc_detail #actionbar-sp {
        margin-top: 20px;
    }

    #actionbar-sp-bottom .other-img-box {
        display: inline-block;
        height: 60px;
        vertical-align: middle;
    }

    #actionbar-sp-bottom .other-img-box img {
        border: solid 1px #ddd;
        padding: 2%;
    }

    .bn_area {
        margin: 10px auto;
    }

    .gear-product-text .bn_area_left {
        float: none;
        margin: 10px auto 20px;
        width: 220px;
    }
    .gear-product-text .bn_area_left img {
        width: 100%;
        height: auto;
    }

    .gear-product-text .bn_area_left.ml10 {
        margin-left: auto;
    }

    #acc_detail .tabs li {
        width: 50%;
        border: none;
        border-bottom: solid 1px #fff;
        border-top: solid 1px #fff;
        margin-bottom: -1px;
    }

    #acc_detail .tabs li:last-child {
        margin-bottom: -1px;
    }

    #acc_detail .tabs ul {
        border-bottom: solid 1px #fff;
    }

    #acc_detail .tabs li:nth-of-type(1n) {
        border-right: solid 1px #fff;
    }

    #acc_detail .w100 {
        width: 26%;
        display: block;
        float: left;
        position: relative;
        clear: left;
        margin-bottom: 10px;
    }

    #acc_detail .t_indent {
        position: relative;
        width: 74%;
        display: block;
        float: left;
        /* text-indent: -5px; */
    }

    #download {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .button {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .button:before {
        content: "\e025";
        padding-right: 10px;
        position: absolute;
        left: 10px;
    }

    .btn_google_play {
        margin-left: 15px;
    }

    #acc_detail .tabs li.gallery {
        clear: none;
        margin-top: 0px;
        margin-left: 0px;
        border-right: 1px solid #fff;
    }

    .acc_product_vari {
        margin-bottom: 20px;
    }

    .acc_product_vari .imge {
        height: auto;
        overflow: hidden;
    }

    .acc_product_vari .img-responsive {
        display: block;
        margin: 0 auto;
    }

    #acc_series h3 {
        font-size: 18px;
        margin: 20px 0 10px;
    }

    #dealers {
        margin-top: 61px;
    }

    #shop_status_coment {
        display: none;
    }

    #shop_status_coment dd.comment {
        font-size: 12px;
        color: #333;
        display: none;
    }

    #shop_status_coment dl.bg dd dl {
        position: relative;
    }

    #shop_status_coment dl.bg dd dl dd.glyphicon {
        font-size: 21px;
        margin: 0 auto;
       width: 100%;
       text-align: center;
       color: #666;
    }

    .list.selector #shop_list_city2 {
        position: relative;
        left: 0;
        top: 55px;
        width: 100%;
    }

    #shop_list_city2 select {
        width: 100%;
    }

    #shop_list_table {
        float:none;
        width: 100%;
        margin-top: 30px;
    }

    dl.g_store {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    dl.g_store dd.icon-st {
        width:25%;
        display: block;
        float: left;
        text-align: center;
        background: #eee;
        line-height: 55px;
    }

    dl.g_store dd.store-data {
        width:75%;
        display: block;
        float: left;
    }

    dl.g_store dd.shopimg {
       display: none;
    }

    dl.address dt,
    dl.tel-holi-time dt{
        display: block;
        float: left;
        clear: left;
        padding-right: 10px;
        font-weight: normal;
    }

    dl.address dt {
        display: none;
    }

    dl.tel-holi-time {
        display: none;
        width: 100%;
        clear: left;
       padding-top: 10px;
    }

     dl.address dd,
     dl.tel-holi-time dd{
         display: block;
         float: left;
     }

    .shop-name {
        padding:0;
        margin: 0;
        position: relative;
        top: 0;
        font-size: 14px;
    }

    dl.address,
    dl.tel-holi-time {
        position: relative;
        top:0;
        font-size: 12px;
        padding-right: 20px;
    }

    dl.tel-holi-time dt,
     dl.tel-holi-time dd {
        padding-bottom: 10px;
    }

    dl.g_store {
       position: relative;
    }

    .g_store dd.glyphicon {
        width: 20px;
        text-align: center;
        font-size: 21px;
        color: #aaa;
        position: absolute;
        top: 30px;
        right: 0;
    }

    #gpd_other dl {
        border-bottom: solid 1px #999;
        margin-bottom: 20px;
    }


    #gpd_other dt.icon-rank {
        width: 15%;
        display: block;
        float: left;
        clear: left;
        background: #eee;
        padding: 5px 0;
        text-align: center;
        border-top: solid 2px #999;
    }

    #gpd_other dd.shop-name-other {
        width: 85%;
        display: block;
        float: left;
        padding: 5px 0 5px 10px;;
        border-top: solid 2px #999;
    }

    #gpd_other dd.shop-address {
        width: 100%;
        margin: 0 auto;
        display: block;
        float: none;
        clear: left;
        padding: 5px 10px 5px 0;
        border-top: solid 1px #ddd;
        border-bottom: none;
    }

    #gpd_other dd.shop-tel {
        width: 100%;
        display: block;
        float: none;
        padding: 5px 0;
        border-top: none;
        display: none;
        border-bottom: none;
    }

    #gpd_other dd.shop-tel a {
        color: #337ab7;
    }

    #gpd_other dd.shop-name-other div,
    #gpd_other dd.shop-address div,
    #gpd_other dd.shop-tel div {
        display: table-cell;
        height: 20px;
        vertical-align: middle;
    }

    #gpd_other dt.icon-rank div {
        width: 100%;
        height: 20px;
        position: relative;
    }

    .text-open-tel {
        width: 100%;
        text-align: center;
        position: absolute;
        font-size: 21px;
    }
    .text-open-tel:before {
        position: absolute;
        bottom: -56px;
        right: 0;
        margin: auto;
        color: #aaa;
    }


    .list #shop_list_submenu {
        display: none;
    }

    #shop_list_submenu {
        width: 100%;
        float: none;
    }

    .shop_list_sub_city {
        font-size: 16px;
        display: inline-block;
    }

    .list.selector .title-select-area {
        position: relative;
        top: -44px;
        background: #333;
        color: #fff;
        padding: 8px;
    }

    .list.selector .title-select-area i {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;;
    }

    .list .title-select-area {
        position: relative;
        top: 0;
        background: #333;
        color: #fff;
        padding: 8px;
    }

    .list .title-select-area i {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;;
    }


    .list.selector #shop_list_submenu {
        position: relative;
        top: -39px;
    }

    .contact .wrapper {
        margin-top: 61px;
    }

    #contact .btn-top {
        background: #ddd;
        position: absolute;
        right: 0;
        top: 20px;
    }

    #contact .btn-faq {
        background: #ddd;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .privacy .wrapper {
        margin-top: 61px;
    }

    .ridegiant .wrapper {
        margin-top: 61px;
    }

    #ridegiant {
      padding: 0 15px;
    }

    #cam_w h1 img {
        width: 100%;
    }

    .rg-item {
        display: inline-block;
        margin-right: 0;
    }

    #se03 {
        position: relative;
        top: 0;
        margin-right: 0;
    }

    #area_menu {
        position: relative;
        background: #efefef;
        width: 100%;
    }

    #area_menu.fix {
        position: fixed;
        top: 42px;
    }

    #area_menu a {
        display: inline-block;
        width: 33.3333333%;
        text-align: center;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        padding: 5px;
    }

    #area_menu a:nth-of-type(3n) {
        border-right: none;
    }

    #shop_list_table_cam_rd table {
        font-size: 12px;
        width: 90%;
        margin: 0 auto;
    }
    #shop_list_table_cam_rd th {
        display: none;
    }

    #shop_list_table_cam_rd td {
        display: block;
        border-left: solid 1px #ccc;
        text-align: center;
    }
    #shop_list_table_cam_rd tr td:first-child {
        border-top: solid 3px #ccc;
    }

    #shop_list_table_cam_rd tr td:last-child {
        border-right: solid 1px #ccc;
        border-bottom: solid 3px #ccc;
        margin-bottom: 20px;
    }
    #shop_list_table_cam_rd td .shop_name {
      min-height: inherit;
      display: block;
    }

    .team-riders .wrapper {
        margin-top: 61px;
    }

    .about-liv .parallax .text {
        padding-top: 1%;
    }

    .about-liv .wrapper {
        margin-top: 61px;
    }

    .about-liv-left {
        width: 100%;
        float: none;
        padding-right: 0;
         margin-top: 10px;
    }

    .about-liv-right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .video-area {
        margin: 35px auto 25px auto;
    }

    .winter-gear .wrapper {
        margin-top: 62px;
    }

    .winter-gift-title h2 {
        font-size: 20px;
    }

    .winter-gift-title p {
        font-size: 13px;
    }

    .item-ext .image {
        float: left;
        width: 33.333333%;
        margin: 4% 0;
    }

    .item-ext .image img {
        width: 100%;
        height: auto;
    }

    .item-ext .text {
        width: 100%;
        padding: 1% 5%;
        float: none;
    }

    .item-ext .text h3 {
        color: #5F25A0;
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .item-ext .text .price {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .item-ext .text .price span{
        font-size: 13px;
    }

    .item-ext .text p {
        font-size: 14px;
    }

    .item {
        border: solid 1px #5F25A0;
        border-radius: 12px;
    }

    .item .image {
        float: none;
        width: 100%;
        margin: 1.5% 2%;
        padding: 1%;
        box-sizing: border-box;
    }

    .item .image img {
        width: 100%;
        padding: 2% 12%;
        height: auto;
    }

    .item .text {
        width: 100%;
        padding: 1% 5%;
        float: none;
    }

    .item .text h3 {
        color: #5F25A0;
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .item .text .price {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .item .text .price span{
        font-size: 13px;
    }

    .item .text p {
        font-size: 14px;
    }

    #contener_sh_new .tabs {
        background: #fff;
        height: auto;
    }

    #contener_sh_new .tabs li a.active span.arrow {
        display: none;
    }

    #contener_sh_new .tabs li a.active {
        border-bottom: solid 2px #5f25a0;
    }

    #contener_sh_new #banner-full,
    #contener_sh_new #banner-full2,
    #contener_sh_new #banner-full3,
    #contener_sh_new #banner-full4  {
        max-width: 320px;
    }
    #contener_sh_new #banner-full img,
    #contener_sh_new #banner-full2 img,
    #contener_sh_new #banner-full3 img,
    #contener_sh_new #banner-full4 img {
        width: 300px;
    }
    #contener_sh_new .text-callout .image {
        width: 100%;
        margin: 0 auto;
    }
    #contener_sh_new #tabsection-technologies {
        width: 100%;
    }
    #contener_sh_new .text-callout {
        width: 100%;
    }

    #contener_sh_new .parallax {
      margin-top: 63px;
    }

    /**************************************************
        LANGMA
    **************************************************/

    .langma #link-callout-1 {
      top: 46px;
      left: 122px;
    }

    .langma #text-callout-1 {
        top: 62px;
    }

    .langma #link-callout-2 {
      top: 34px;
      left: 164px;
    }

    .langma #text-callout-2 {
      top: 50px;
    }

    .langma #link-callout-3 {
      top: 34px;
      left: 200px;
    }

    .langma #text-callout-3 {
      top: 50px;
    }

    .langma #link-callout-4 {
      top: 23px;
      left: 100px;
    }

    .langma #text-callout-4 {
      top: 39px;
    }

    .langma #link-callout-5 {
      top: 92px;
      left: 154px;
    }

    .langma #text-callout-5 {
      top: 108px;
    }

    .langma #link-callout-6 {
      top: 7px;
      left: 202px;
    }

    .langma #text-callout-6 {
      top: 23px;
    }

    .langma #link-callout-7 {
      top: 117px;
      left: 128px;
    }

    .langma #text-callout-7 {
      top: 133px;
    }

    .langma #link-callout-8 {
      top: 81px;
      left: 118px;
    }

    .langma #text-callout-8 {
      top: 97px;
    }

    .langma #link-callout-9 {
      top: 111px;
      left: 96px;
    }

    .langma #text-callout-9 {
      top: 127px;
    }

    .langma #link-callout-10 {
        top: 50px;
        left: 249px;
    }

    .langma #text-callout-10 {
        top: 66px;
        left: 0;
    }


    .langma #link-callout-11 {
      top: 43px;
      left: 131px;
    }

    .langma #text-callout-11 {
        top: 57px;
    }

    .langma #link-callout-12 {
        top: 29px;
        left: 168px;
    }

    .langma #text-callout-12 {
        top: 43px;
    }

    .langma #link-callout-13 {
        top: 115px;
        left: 130px;
    }

    .langma #text-callout-13 {
        top: 129px;
    }

    .langma #link-callout-14 {
        top: 72px;
        left: 121px;
    }

    .langma #text-callout-14 {
        top: 86px;
    }

    .langma #link-callout-15 {
        top: 82px;
        left: 155px;
    }

    .langma #text-callout-15 {
        top: 96px;
    }

    .langma #link-callout-16 {
        top: -1px;
        left: 210px;
    }

    .langma #text-callout-16 {
        top: 13px;
    }

    .langma #link-callout-17 {
        top: 111px;
        left: 217px;
    }

    .langma #text-callout-17 {
        top: 125px;
    }

    .langma #link-callout-18 {
        top: 26px;
        left: 199px;
    }

    .langma #text-callout-18 {
        top: 40px;
    }

    .langma #link-callout-19 {
        top: 19px;
        left: 104px;
    }

    .langma #text-callout-19 {
        top: 33px;
    }

    .langma #link-callout-20 {
        top: 106px;
        left: 93px;
    }

    .langma #text-callout-20 {
        top: 120px;
        left: 0px;
    }

    .langma #link-callout-211 {
        top: 54px;
        left: 258px;
    }

    .langma #text-callout-211 {
        top: 70px;
        left: 0;
    }

    .langma #link-callout-21 {
      top: 41px;
      left: 131px;
    }

    .langma #text-callout-21 {
      top: 57px;
    }

    .langma #link-callout-22 {
      top: 31px;
      left: 167px;
    }

    .langma #text-callout-22 {
      top: 47px;
    }

    .langma #link-callout-23 {
      top: 50px;
      left: 238px;
    }

    .langma #text-callout-23 {
        top: 66px;
        left: 0;
    }

    .langma #link-callout-24 {
      top: 86px;
      left: 153px;
    }

    .langma #text-callout-24 {
      top: 102px;
    }

    .langma #link-callout-25 {
      top: 115px;
      left: 129px;
    }

    .langma #text-callout-25 {
      top: 131px;
    }

    .langma #link-callout-26 {
      top: 20px;
      left: 103px;
    }

    .langma #text-callout-26 {
      top: 36px;
    }

    .langma #link-callout-27 {
      top: 111px;
      left: 91px;
    }

    .langma #text-callout-27 {
      top: 127px;
    }

    .langma #link-callout-28 {
      top: 77px;
      left: 117px;
    }

    .langma #text-callout-28 {
      top: 93px;
    }

    .langma #link-callout-30 {
      top: 41px;
      left: 131px;
    }

    .langma #text-callout-30 {
      top: 57px;
    }

    .langma #link-callout-31 {
      top: 31px;
      left: 167px;
    }

    .langma #text-callout-31 {
      top: 47px;
    }

    .langma #link-callout-32 {
      top: 77px;
      left: 117px;
    }

    .langma #text-callout-32 {
      top: 93px;
    }

    .langma #link-callout-33 {
      top: 86px;
      left: 153px;
    }

    .langma #text-callout-33 {
      top: 102px;
    }

    .langma #link-callout-34 {
      top: 20px;
      left: 103px;
    }

    .langma #text-callout-34 {
      top: 36px;
    }

    .langma #link-callout-35 {
      top: 111px;
      left: 91px;
    }

    .langma #text-callout-35 {
      top: 127px;
    }




}

@media (max-width: 560px) {
    body>header .hamburger-logo-and-cart .hamburger {
        width: 15%;
    }

    body>header .hamburger-logo-and-cart .logo {
        width: 82%;
    }

    .parallax {
        height: 250px;
    }
    .jp.parallax .text h1 {
        font-size: 18px;
    }

    .parallax .text h2 {
        font-size: 20px;
    }

    .parallax .text h2.ext {
        font-size: 14px!important;
    }

    .parallax.no-image {
        height: 115px;
        margin-top: 0;
    }

    #news li .btn-cat {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #news li .content {
       display: none;
    }

     .series-list-item {
        height: 200px;
    }

    .series-title {
        top: 25%;
        left: 6%;
    }

    .series-title h2 {
        font-size: 32px;
        letter-spacing: 2px;
    }

    .series-title h3 {
        letter-spacing: 2px;
        font-size: 18px;
    }

    .series-imge {
        width: 100%;
        height: 100px;
        float: none;
    }

    .series-text {
        float: none;
        width: 100%;
        font-size: 16px;
        padding: 1em 1em;
    }

    .main-bikefinder.container {

    }

    .main-bikefinder.container #bikes_content_right .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .bike-item .text h3 {
        margin-top: 10px;
    }

    .bike-box .model-count {
        font-size: 12px;
    }

    .bike-item-serise .text ul {
        padding: 0 15px;;
    }

    div#acc_product_big_comment_body {
        width: 100%;
    }
    .bike-item-serise {
        position: relative;
        padding-bottom: 13%;
    }

     .item-ext .text h3,
     .item .text h3 {
        font-size: 14px;
    }

    .item-ext .text .price,
    .item .text .price {
        font-size: 13px;
    }

    .item-ext .text .price span,
    .item .text .price span {
        font-size: 11px;
    }

    .item-ext .text p,
    .item .text p {
        font-size: 13px;
    }

    .models_wrapper {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .parallax {
        height: 250px;
    }
    .parallax .text h2 {
        font-size: 16px;
    }
    .parallax .text h2.jp {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .parallax .text h2.f12 {
      font-size: 12px;
    }
}