@charset "UTF-8";

/* ==========================================================
 clearfix
========================================================== */
.list-bnr-01:before, .list-bnr-01:after
{
  content: "";
  display: table;
}
.list-bnr-01:after
{
  clear: both;
}

.nav-local {
  min-width: 1280px;
}

/* ==========================================================
 contents
========================================================== */
.contents {
  min-width: 1280px;
  padding-bottom: 100px;
  /* background-image: url(/images/wheel/product/rozest/index/bg_lineup_01_pc.png); */
}
body.rozest .contents { background-image: url(/images/wheel/product/rozest/index/bg_lineup_01_pc.png); }
body.direzza .contents { background-image: url(/product/direzza/img/bg_lineup_01_pc.png); }
body.lofida .contents {  background-image: url(/images/wheel/product/lofida/index/bg_lineup_02_pc.png) !important; }
body.standard .contents { background-image: url(/images/wheel/product/standard/index/bg_lineup_02_pc.png); }
body.fourxfour .contents { background-image: url(/images/wheel/product/wild_cruising/index/bg_lineup_01_pc.png?2021ss); }
body.import .contents { background-color: black; background-image: url(/images/wheel/product/import/index/bg_lineup_01_pc.png); }
/* body.nb .contents {  } */
body.nb .contents--20mv { background-color: black; background-image: url(/images/wheel/product/nb/index/bg_lineup_03_pc.png); }
body.nb2016 .contents { background-image: url(/product/nb/img/bg_lineup_02_pc.png); }/* 2016�N�y�[�W�폜������s�v*/
@media screen and (max-width: 750px) {
.contents {
    min-width: 0;
}
}
/* contents-main */
.contents-main {
  width: auto;
  max-width: 1480px;
  padding: 0;
  margin: 0 auto;
  background-color: transparent;
}
/* contents-inner */
.contents-inner {
    padding: 0;
}
@media screen and (max-width: 750px) {
.contents-inner {
    padding: 0 15px;
}
}
/* contents-header */
.contents-header {
  height: 600px;
  padding-top: 150px;
  text-align: center;
}
  .contents-header .title {
    height: 40px;
    margin-bottom: 32px;
    padding: 0;
    font-size: 0;
  }
    .contents-header .title img{
      height: 100%;
    }
  .contents-header .lead {
    font-weight: bold;
    font-size: 44px;
    color: #fff;
    line-height: 1.25;
  }
  .contents-header .text {
    margin-top: 22px;
    font-size: 18px;
    color: #fff;
    line-height: 1.77;
  }
/* direzza */
body.direzza .contents-header {
  padding-top: 110px;
}
  body.direzza .contents-header .title {
    height: 40px;
  }
/* lofida */
body.lofida .contents-header {
  padding-top: 100px;
}
  body.lofida .contents-header .title {
    height: 52px;
  }
/* standard */
body.standard .contents-header {
  padding-top: 128px;
}
  body.standard .contents-header .title {
    height: 62px;
  }
/* WILD CRUISING */
body.fourxfour .contents-header {
  padding-top: 84px;
}
  body.fourxfour .contents-header .title {
    height: 40px;
  }
/* import */
body.import .contents-header {
  padding-top: 220px;
}
  body.import .contents-header .title {
    height: 65px;
    font-size: 46px;
  }
/* nb */
body.nb .contents-header {
  padding-top: 220px;
}
    body.nb .contents-header .title {
      /* color: #fff; */
      color: #000000;
      font-weight: bold;
      font-size: 46px;
    }

.area-bnr-01 {
    margin-top: 49px;
}
@media screen and (max-width: 750px) {
.contents {
  padding-bottom: 50px;
  /* background-image: url(/images/wheel/product/rozest/index/sp/bg_lineup_01_sp.png); */
}

/* rozest */
body.rozest .contents { background-image: url(/images/wheel/product/rozest/index/sp/bg_lineup_01_sp.png); }
@media screen and (max-width: 750px) {
  body.rozest .contents { background-image: none !important}
  body.rozest .contents-header { background-image: url(/images/wheel/product/rozest/index/sp/bg_lineup_01_sp.png) !important; background-position: center center !important;}
}
/* direzza */
body.direzza .contents { background-image: url(/product/direzza/img/sp/bg_lineup_01_sp.png); }

body.lofida .contents { background-image: url(/images/wheel/product/lofida/index/sp/bg_lineup_03_sp.png); }
@media screen and (max-width: 750px) {
  body.lofida .contents { background-image: none !important}
  body.lofida .contents-header { background-image: url(/images/wheel/product/lofida/index/sp/bg_lineup_03_sp.png) !important; background-position: center center !important;}
}
/* standard */
body.standard .contents { background-image: url(/images/wheel/product/standard/index/sp/bg_lineup_02_sp.png); }
@media screen and (max-width: 750px) {
  body.standard .contents { background-image: none !important}
  body.standard .contents-header { background-image: url(/images/wheel/product/standard/index/sp/bg_lineup_02_sp.png); background-position: center center;}
}

/* WILD CRUISING */
body.fourxfour .contents { background-image: url(/images/wheel/product/wild_cruising/index/sp/bg_lineup_01_sp.png); }
@media screen and (max-width: 750px) {
  body.fourxfour .contents { background-image: none !important}
  body.fourxfour .contents-header { background-image: url(/images/wheel/product/wild_cruising/index/sp/bg_lineup_01_sp.png); background-position: center center;}
}

body.import .contents { background-image: url(/images/wheel/product/import/index/sp/bg_lineup_01_sp.png); }
@media screen and (max-width: 750px) {
  body.lofida .contents { background-image: none !important}
  body.lofida .contents-header { background-image: url(); background-position: center center;}
}

/* body.nb .contents { background-image: url(/images/wheel/product/nb/index/sp/bg_lineup_01_sp.png); } */

body.nb2016 .contents { background-image: url(/product/nb/img/sp/bg_lineup_02_sp.png); }/* 2016�N�y�[�W�폜������s�v*/
@media screen and (max-width: 750px) {
  body.lofida .contents { background-image: none !important}
  body.lofida .contents-header { background-image: url(); background-position: center center;}
}

/* contents-header */
.contents-header {
  height: auto;
}
  .contents-header .title {
    margin-bottom: 25px;
  }
    .contents-header .title img{
      height: 100%;
    }
  .contents-header .lead {
    font-size: 23px;
  }
  .contents-header .text {
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.68;
  }
/* rozest */
body.rozest .contents-header {
  padding: 75px 10px 65px !important;
}
  body.rozest .contents-header .title {
    height: 26px;
  }
/* direzza */
body.direzza .contents-header {
  padding: 60px 10px 45px;
}
  body.direzza .contents-header .title {
    height: 22px;
  }
/* lofida */
body.lofida .contents-header {
  padding: 65px 10px !important;
}
  body.lofida .contents-header .title {
    height: 26px;
  }
/* standard */
body.standard .contents-header {
  padding: 80px 10px 70px;
}
  body.standard .contents-header .title {
    height: 33px;
  }
/* WILD CRUISING */
body.fourxfour .contents-header {
  padding: 80px 10px;
}
  body.fourxfour .contents-header .title {
    height: 20px;
  }
/* import */
body.import .contents-header {
  padding: 170px 10px 150px;
}
  body.import .contents-header .title {
    font-size: 23px;
    font-weight: bold;
  }
/* nb */
body.nb .contents-header {
  padding: 170px 10px 150px;
}
  body.nb .contents-header .title {
    font-size: 23px;
  }

.area-bnr-01 {
  margin-top: 35px;
}
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn-item-01
---------------------------------------------------------- */
.sec-cmn-item-01.s-pt-19 {
  padding-top: 19px;
}
.sec-cmn-item-01 .ttl-cmn-02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
.sec-cmn-item-01 .ttl-cmn-02 {
  margin-bottom: 30px;
}
}
/* sec-cmn-item-01.type01
---------------------------------------------------------- */
.sec-cmn-item-01.type01 {
  float: none;
  width: 275px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
.sec-cmn-item-01.type01 {
  width: 50%;
}
  .sec-cmn-item-01.type01 .list-cmn-card-02 > li {
    width: 100%;
  }
  .sec-cmn-item-01.type01 .list-cmn-card-02 > li:nth-child(2n+1) {
    padding-right: 0;
  }
}
/* sec-cmn-item-01.colx
---------------------------------------------------------- */
.sec-cmn-item-01.col1 {
  width: 22.5%;
}
.sec-cmn-item-01.col3 {
  width: 74.2%;
}
@media screen and (max-width: 750px) {
.sec-cmn-item-01.col1,
.sec-cmn-item-01.col3 {
  width: auto;
}
}
/* ==========================================================
 module
========================================================== */
/* mod-consept-01
---------------------------------------------------------- */
.mod-consept-01 {
  width: 100%;
  height: 400px;
  margin: 70px 0 74px;
  padding: 58px 0 63px;
  background: url(/images/wheel/product/rozest/index/bg_brand_concept_01_pc.png) no-repeat center center;
  background-size: cover;
  text-align: center;
}
body.rozest .mod-consept-01 { margin-top: 80px; background-image: url(/images/wheel/product/rozest/index/bg_brand_concept_01_pc.png); }
body.direzza .mod-consept-01 { background-image: url(/product/direzza/img/bg_brand_concept_01_pc.png); }
body.lofida .mod-consept-01 { margin-top: 80px; background-image: url(/images/wheel/product/lofida/index/bg_brand_concept_02_pc.png?2021ss); }


  .mod-consept-01 .title {
    margin-bottom: 21px;
    color: #b01f24;
    font-weight: bold;
    font-family: "Roboto Condensed";
    font-size: 30px;
    line-height: 1.1;
  }
  body.rozest .mod-consept-01 .title { color: #b01f24; }
  body.direzza .mod-consept-01 .title { color: #fdd108; }

  .mod-consept-01 .lead {
    margin-bottom: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.025em;
  }
  .mod-consept-01 .text {
    width: 720px;
    margin: 0 auto 36px;
    color: #fff;
    text-align: left;
    line-height: 1.75;
  }
  body.rozest .mod-consept-01 .text { width: 720px; }
  body.direzza .mod-consept-01 .text,
  body.lofida .mod-consept-01 .text{ width: 400px; }
  .mod-consept-01 .btn-cmn-03 {
    width: 250px;
    height: 45px;
  }
@media screen and (max-width: 750px) {
.mod-consept-01 {
  width: 100%;
  height: auto;
  margin-bottom: 37px;
  padding: 40px 20px;
  background: url(/images/wheel/product/rozest/index/sp/bg_brand_concept_01_sp.png) no-repeat;
  background-size: cover;
}
body.rozest .mod-consept-01 {
  padding: 40px 20px;
  background-image: url(/images/wheel/product/rozest/index/sp/bg_brand_concept_01_sp.png);
}
body.direzza .mod-consept-01 {
  padding: 80px 20px;
  background-image: url(/product/direzza/img/sp/bg_brand_concept_01_sp.png);
}
body.lofida .mod-consept-01 {
  padding: 40px 20px;
  background-image: url(/images/wheel/product/lofida/index/sp/bg_brand_concept_02_sp.png);
}
  .mod-consept-01 .title {
    margin-bottom: 10px;
    color: #b01f24;
    font-size: 20px;
    line-height: 1.1;
  }
  .mod-consept-01 .lead {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: normal;
  }
  body.rozest .mod-consept-01 .text,
  body.direzza .mod-consept-01 .text,
  body.lofida .mod-consept-01 .text {
    width: 100%;
    margin: 0 auto 18px;
  }
.mod-consept-01 .btn-cmn-03 {
  width: 225px;
  height: 39px;
}
  .mod-consept-01 .btn-cmn-03 a {
    font-size: 15px;
  }
.sec-lineup-01 + .mod-consept-01 {
  margin-top: 30px;
}
}
/* mod-product-01
---------------------------------------------------------- */
.mod-product-01 {
  margin-top: 19px;
}
@media screen and (max-width: 750px) {
.mod-product-01 {
  margin-top: 15px;
}
}
/* mod-cmn-card-02
---------------------------------------------------------- */
.mod-cmn-card-02 .inner {
    min-height: 434px;
}
  .mod-cmn-card-02 .name-jpn {
      letter-spacing: -0.15em;
  }
@media screen and (max-width: 750px) {
  .mod-cmn-card-02 .name-jpn {
      letter-spacing: 0;
  }
}
/* t7r */
.mod-cmn-card-02 .name-jpn.t7r { letter-spacing: -0.2em; }
@media screen and (max-width: 750px) {
.mod-cmn-card-02 .inner {
    min-height: 294px;
}
  .mod-cmn-card-02 .name-jpn {
      letter-spacing: -0.05em;
      margin-bottom: 5px;
  }
}

/* nb */
body.nb .mod-cmn-card-02.t66-f .name-en { margin-top: -25px; }
body.nb .mod-cmn-card-02.t66-f .label { margin-top: 7px; }
body.nb .mod-cmn-card-02 .logo {
  height: 50px;
}
body.nb .mod-cmn-card-02 .logo.longbeak {
  margin: 2px 0 12px 0;
}
body.nb .mod-cmn-card-02.navia .logo,
body.nb .mod-cmn-card-02.sf-v .logo,
body.nb .mod-cmn-card-02.cawaiidecor .logo,
body.nb .mod-cmn-card-02.sf-c .logo,
body.nb .mod-cmn-card-02.fauvex .logo,
body.nb .mod-cmn-card-02.mesh .logo,
body.nb .mod-cmn-card-02.l-57transcend .logo,
body.nb .mod-cmn-card-02.gtx01 .logo {
  height: 55px;
}
  body.nb .mod-cmn-card-02 .logo img {
    height: 50px;
  }
  body.nb .mod-cmn-card-02.leonis .logo img { height: 34px; }
  body.nb .mod-cmn-card-02.longbeak .logo img { height: 48px; }
  body.nb .mod-cmn-card-02.mono .logo img { height: 48px; }
  body.nb .mod-cmn-card-02.warwic .logo img { height: 48px; }
  body.nb .mod-cmn-card-02.fuhler .logo img { height: 46px; }
  body.nb .mod-cmn-card-02.gtx02 .logo img { height: 52px; }
  body.nb .mod-cmn-card-02.pf07 .logo img { height: 34px; }
  body.nb .mod-cmn-card-02.ifynite .logo img { height: 33px; }
  body.nb .mod-cmn-card-02.ballare .logo img { height: 37px; }
  body.nb .mod-cmn-card-02.vt .logo img { height: 33px; }
  body.nb .mod-cmn-card-02.navia .logo img { height: 45px; }
  body.nb .mod-cmn-card-02.sf-v .logo img { height: 45px; }
  body.nb .mod-cmn-card-02.cawaiidecor .logo img  { height: 43px; }
  body.nb .mod-cmn-card-02.sf-c .logo img { height: 36px; margin-top: 4px; }
  body.nb .mod-cmn-card-02.fauvex .logo img { height: 36px; margin-top: 4px; }
  body.nb .mod-cmn-card-02.mesh .logo img { height: 42px; }
  body.nb .mod-cmn-card-02.l-57transcend .logo img { height: 42px; }
  body.nb .mod-cmn-card-02.md-10 .logo img { height: 25px; }
  body.nb .mod-cmn-card-02.t66-f .logo img { height: 20px; }
  body.nb .mod-cmn-card-02.g57fxx .logo img { height: 26px; }
  body.nb .mod-cmn-card-02.kiwami .logo img { height: 50px; margin-top: -10px;}
  body.nb .mod-cmn-card-02.gtx01 .logo img { height: 50px; }

  body.nb .mod-cmn-card-02.leonis .logo img { height: 34px; }
  body.nb .mod-cmn-card-02.DORFREN .logo img { height: 50px; }
  body.nb .mod-cmn-card-02.lefida-motion1 .logo img { height: 42px; }
  body.nb .mod-cmn-card-02.warwic .logo img { height: 45px; }
  body.nb .mod-cmn-card-02.tws_t66-f .logo img { height: 25px; }
  body.nb .mod-cmn-card-02.Kiwami .logo img { height: 50px; }
  body.nb .mod-cmn-card-02.performanceline .logo img { height: 43px; }
  body.nb .mod-cmn-card-02.ame-tracer-gt-v .logo img { height: 40px; }
  body.nb .mod-cmn-card-02.cr7 .logo img { height: 36px; }
  body.nb .mod-cmn-card-02.xrt .logo img { height: 36px; }  
  body.nb .mod-cmn-card-02.xrt .logo img { height: 42px; }  
  body.nb .mod-cmn-card-02.crag_t-grabic .logo img { height: 60px; }  
  body.nb .mod-cmn-card-02.mk36 .logo img { height: 41px; } 

@media screen and (max-width: 750px) {
body.nb .mod-cmn-card-02.t66-f .name-en { margin-top: 0; }
body.nb .mod-cmn-card-02.t66-f .label { margin-top: 0; }
body.nb .mod-cmn-card-02.ds255 .logo,
body.nb .mod-cmn-card-02.vt .logo { height: 18px !important; }
  body.nb .mod-cmn-card-02.fauvex .logo img { margin-top: 0; }
}

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-02
---------------------------------------------------------- */
.mod-product-01 .ttl-cmn-02 {
  border-bottom: 1px solid #1f1f1f;
  color: #fff;
}
.area-bnr-01 .ttl-cmn-02 {
  border-bottom: 1px solid #1f1f1f;
  color: #fff;
  margin-bottom: 40px;
}
/* ==========================================================
 list
========================================================== */
/* list-bnr-01
---------------------------------------------------------- */
.list-bnr-01 {
  margin-bottom: -40px;
}
.list-bnr-01 li {
  float: left;
  margin: 0 40px 40px 0;
}
.list-bnr-01 li:nth-child(4n) {
  margin-right: 0;
}
.list-bnr-01 li:hover {
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
}
.list-bnr-01 li a {
    display: block;
}
.list-bnr-01 .bnr {
  width: 275px;
}
  .list-bnr-01 .bnr img {
    width: 100%;
  }
@media screen and (max-width: 750px) {
.list-bnr-01 {
  margin-bottom: 0;
}
.list-bnr-01 li {
  float: none;
  margin: 0 0 20px 0;
}
.list-bnr-01 .bnr {
  width: 100%;
}
}