@charset "UTF-8";

/* contents-header
---------------------------------------------------------- */
body.rozest .contents-main {
  max-width: 1220px;
}

/* eco */
.eco .contents-header {}
    .eco .contents-header .title {
        height: 66px;
        margin-bottom: 33px;
    }
    .eco .contents-header .text {
        margin-top: 25px;
    }
/* prime */
.prime .contents-header {
    padding-top: 165px;
    height: 546px;
}
    .prime .contents-header .title {
        height: 74px;
        margin-bottom: 34px;
    }
    .prime .contents-header .lead {
        line-height: 1.3;
    }
    .prime .contents-header .text {
        margin-top: 23px;
    }
/* stylish */
.stylish .contents-header {}
    .stylish .contents-header .title {
        height: 74px;
        margin-bottom: 27px;
    }
    .stylish .contents-header .text {
        margin-top: 23px;
}
@media screen and (max-width: 750px) {
/* eco */
.eco .contents-header {}
    body.rozest .eco .contents-header .title {
      height: 33px;
      margin-bottom: 27px;
  }
    body.rozest .eco .contents-header .text {
      margin-top: 23px;
  }
/* prime */
    body.rozest .prime .contents-header {
        height: auto;
    }
    body.rozest .prime .contents-header .title {
        height: 38px;
        margin-bottom: 27px;
    }
    body.rozest .prime .contents-header .text {
        margin-top: 23px;
}
/* stylish */
    body.rozest .stylish .contents-header {}
    body.rozest .stylish .contents-header .title {
        height: 38px;
        margin-bottom: 27px;
    }
    .stylish .contents-header .text {
        margin-top: 23px;
    }
}
/* contents-main
---------------------------------------------------------- */
.eco .contents-main {
    margin-top: 46px;
}
@media screen and (max-width: 750px) {
    .eco .contents-main {
      margin-top: 0;
    }
}
@media screen and (max-width: 750px) {
  body.rozest .contents { background-image: url(/images/wheel/product/rozest/brand/sp/bg_lineup_02_sp.png); }
}
  
/* ==========================================================
 section
========================================================== */
.sec-cmn-item-01.type03 {
    width: 100%;
}
.mod-cmn-box-brand-01 .contents-box .sec-cmn-item-01.type03 {
    margin-top: 50px;
}
@media screen and (max-width: 750px) {
    .mod-cmn-box-brand-01 .contents-box .sec-cmn-item-01.type03 {
        margin-top: 28px;
    }
    .type2018 .mod-cmn-box-brand-01 .contents-box .wrap {
        width: 100%;
        margin: 0 auto;
    }
}

/* ==========================================================
 title
========================================================== */
/* prime */
.prime .ttl-cmn-02 {
    border-color: #72511c;
}
    body.rozest .prime .ttl-cmn-02 span {
        border-color:  #53380c;
    }
/* stylish */
.stylish .ttl-cmn-02 {
    border-color: #931116;
}
    body.rozest .stylish .ttl-cmn-02 span {
        border-color:  #7b0b0f;
    }

/* ==========================================================
 mod
========================================================== */
.mod-cmn-card-02 .logo img {
    height: 28px;
}
/* mod-cmn-box-brand-01
---------------------------------------------------------- */
.type2018 .mod-cmn-box-brand-01 {
  background-image: url("/images/wheel/product/rozest/brand/bg_rozest_brand_01.png");
  background-repeat: no-repeat;
  width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
.type2018 .mod-cmn-box-brand-01 {
  background-image: none;
  margin: 0 auto;
}
}
/* lead-box */
  .mod-cmn-box-brand-01 .lead-box {
      width: 100%;
      height: 500px;
      background: url(/images/wheel/product/rozest/brand/bg_rozest_brand_eco_01.png) no-repeat center center;
  }
    .mod-cmn-box-brand-01 .lead-box .lead {
        padding: 165px 0 0 44.5%;
        letter-spacing: -0.025em;
        font-weight: bold;
        font-size: 40px;
        color:  #fff;
        line-height: 1.45;
    }
    .stylish .mod-cmn-box-brand-01 .lead-box .lead {
        padding-left: 43%;
    }
/* contents-box */
  .mod-cmn-box-brand-01 .contents-box {
      padding: 100px 0 130px;
  }
  .type2018 .mod-cmn-box-brand-01 .contents-box {
      padding: 60px 60px 130px 60px;
      overflow: hidden;
  }
    .mod-cmn-box-brand-01 .contents-box .wrap {
        width: 1220px;
        margin: 0 auto;
    }
    .type2018 .mod-cmn-box-brand-01 .contents-box .wrap {
      width: auto;
    }
        .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 {
            clear: both;
            overflow: hidden;
        }
            .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01 {
                clear: both;
            }
            .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col {
                clear: none;
            }
            .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col {
                width: 520px;
                float: left;
            }
            .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col:nth-child(1)  {
                margin-bottom: 60px;
            }
            @media screen and (max-width: 750px) {
              .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col:nth-child(1)  {
                  margin-bottom: 0;
              }
            }

            .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col:nth-child(2)  {
                clear: left;
                margin-right: 60px;
            }
            .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01 .text {
                margin-top: 36px;
            }
            @media screen and (max-width: 750px) {
              .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01 .text {
                  margin-top: 20px;
              }
            }
            .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01:first-child pc {
                margin-bottom: 60px;
            }
              .type2018 .mod-cmn-box-brand-01 .contents-box .ttl.only-pc {
                  font-family: "Yu gothic";
                  font-weight: bold;
                  font-size: 28px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1.4em;
                  margin-bottom: 40px;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box .ttl.only-sp {
                  font-family: "Yu gothic";
                  font-weight: bold;
                  font-size: 28px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1.4em;
                  margin-bottom: 40px;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box .title .num.only-sp img {
                  width: 200px;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box .ttl.only-sp {
                  font-family: "Yu gothic";
                  font-weight: bold;
                  font-size: 28px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1.4em;
                  margin-bottom: 40px;
              }
              .mod-cmn-box-brand-01 .contents-box .title {
                  font-size: 24px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1em;
              }
              .mod-cmn-box-brand-01 .contents-box .title.type01 {
                margin-bottom: 60px;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box .title {
                  font-family: "Yu Mincho";
                  font-weight: bold;
                  font-size: 32px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1.4em;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box:nth-child(2n) .title {
                  font-weight: bold;
                  font-size: 28px;
                  color: #fff;
                  font-weight: bold;
                  line-height: 1.4em;
              }
                .mod-cmn-box-brand-01 .contents-box .title .num {
                    display: inline-block;
                    margin-right: 7px;
                    vertical-align: bottom;
                }
              .mod-cmn-box-brand-01 .contents-box .lead {
                  font-size: 20px;
                  font-weight: bold;
                  color: #fff;
                  margin-bottom: 9px;
              }
              .mod-cmn-box-brand-01 .contents-box .text {
                  font-size: 16px;
                  color: #fff;
                  line-height: 1.7;
              }
              .mod-cmn-box-brand-01 .contents-box .table-01 {
                  width: 590px;
                  overflow: hidden;
                  border-radius: 4px;
                  background: #fff;
                  margin: 44px 0 48px;
              }
              .type2018 .mod-cmn-box-brand-01 .contents-box .table-01 {
                  width: 520px;
              }
                .mod-cmn-box-brand-01 .contents-box .table-01 th {
                    background: #00702a;
                    font-size: 20px;
                    color: #fff;
                    font-weight: bold;
                    padding: 10px 20px 7px;
                    border-radius: 4px 4px 0 0;
                }
                  .mod-cmn-box-brand-01 .contents-box .table-01 th > .sub {
                      font-size: 14px;
                      font-weight: normal;
                      margin-left: 23px;
                  }
                .mod-cmn-box-brand-01 .contents-box .table-01 td {
                    background: #fff;
                    padding: 0 30px;
                }
                .mod-cmn-box-brand-01 .contents-box .table-01 td.last {
                    border-radius: 0 0 4px 4px;
                }
                  .mod-cmn-box-brand-01 .contents-box .table-01 td .text {
                      font-size: 18px;
                      padding: 16px 0;
                      font-weight: bold;
                      color: #01a33e;
                      border-bottom: 1px solid #caecd7;
                  }
                  .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 {
                      color: #00702a;
                      font-weight: bold;
                      overflow: hidden;
                      padding: 20px 0 24px;
                  }
                    .mod-cmn-box-brand-01 .contents-box .table-01 td p > .value {
                        float: right;
                    }
                    .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 > .value {
                        width: 150px;
                    }
                      .mod-cmn-box-brand-01 .contents-box .table-01 td .text > .value img {
                          vertical-align: middle;
                      }
                      .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 > .value img {
                          margin-left: 13px;
                      }

      .mod-cmn-box-brand-01 .contents-box .sub-title {
          margin-bottom: 7px;
          font-size: 16px;
          color: #fff;
          font-weight: bold;
      }
      .mod-cmn-box-brand-01 .contents-box .box-img {
          margin: 32px 0;
          text-align: center;
      }
      .mod-cmn-box-brand-01 .contents-box .box-img figcaption {
        color: #fff;
        text-align: left;
      }
      .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 {
          margin-top: 11px;
      }
        .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 span {
            display: block;
            padding-left: 19px;
            color: #fff;
        }
        .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 span+span {
            margin-top: 3px;
        }
    .mod-cmn-box-brand-01 .contents-box .text.txt-cmn-note-01 {
        margin-top: 0;
    }
        .mod-cmn-box-brand-01 .contents-box .text.txt-cmn-note-01 span {
            font-size: 16px;
        }

@media screen and (max-width: 750px) {
.type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01.col {
  background-color: #362d2a;
  padding: 30px;
  }
}

@media screen and (max-width: 750px) {
  .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01.col .only-sp.ttl {
    display: inline!important;
    vertical-align: middle;
  }
  .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01.col .only-sp.num {
    display: inline-block!important;
    width: 53.3vw;
    margin: 0 auto;
    padding-bottom: 5px;
  }
  .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01.col .only-sp.num img {
    width: 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 750px) {
.type2018 .mod-cmn-box-brand-01 .contents-box .wrap .box-inner-01 .entry-item-01.col .only-sp {
  margin: 0 auto 20px;
  font-size: 16px;
  text-align: center;
  }
}
@media screen and (max-width: 750px) {
.type2018 .mod-cmn-box-brand-01 {
  width: 100%;
  }
/* lead-box */
  .mod-cmn-box-brand-01 .lead-box {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 89.33%;
      background: url(/images/wheel/product/rozest/brand/bg_rozest_brand_eco_01_sp.png) no-repeat center top;
      background-size: cover;
  }
    .mod-cmn-box-brand-01 .lead-box .lead {
        position: absolute;
        text-align: center;
        top: 69.25%;
        left: 0;
        right: 0;
        padding: 0 33px;
        letter-spacing: -0.025em;
        font-weight: bold;
        font-size: 17px;
        color:  #fff;
        line-height: 1.45;
    }
  .type2018 .mod-cmn-box-brand-01 .contents-box .grid-cmn-05 .s-mt-00 {
    width: 100%;
  }
/* contents-box */
  .type2018 .mod-cmn-box-brand-01 .contents-box {
      padding: 30px 15px 15px;
      overflow: hidden;
  }
    .type2018 .mod-cmn-box-brand-01 .contents-box .wrap {
        width: 100%;
        margin: 0 auto;
    }
    .type2018 .mod-cmn-box-brand-01 .contents-box .entry-item-01+.entry-item-01 {
        margin-top: 35px;
    }
      .type2018 .mod-cmn-box-brand-01 .contents-box .title {
          display: table;
          font-size: 20px;
          color: #fff;
          font-weight: bold;
          margin-bottom: 14px;
      }
        .mod-cmn-box-brand-01 .contents-box .title .num {
            display: table-cell;
            vertical-align: top;
            width: 47px;
        }
        .mod-cmn-box-brand-01 .contents-box .title .tit {
            display: table-cell;
            line-height: 1.35;
            padding-left: 8px;
        }
        .eco .mod-cmn-box-brand-01 .contents-box .title .tit {
            line-height: 1em;
            vertical-align: bottom;
        }
          .mod-cmn-box-brand-01 .contents-box .title .num img {
          }
      .mod-cmn-box-brand-01 .contents-box .lead {
          font-size: 17px;
          font-weight: bold;
          color: #fff;
          margin-bottom: 6px;
      }
      .type2018 .mod-cmn-box-brand-01 .contents-box .text {
          font-size: 15px;
          color: #fff;
          line-height: 1.7;
      }
      .mod-cmn-box-brand-01 .contents-box .table-01 {
          width: 100%;
          overflow: hidden;
          border-radius: 4px;
          background: #fff;
          margin: 28px 0 25px;
      }
        .mod-cmn-box-brand-01 .contents-box .table-01 th {
            background: #00702a;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            padding: 10px 20px 7px;
            border-radius: 4px 4px 0 0;
        }
          .mod-cmn-box-brand-01 .contents-box .table-01 th > .sub {
              font-size: 10px;
              font-weight: normal;
              margin-left: 10px;
          }
        .mod-cmn-box-brand-01 .contents-box .table-01 td {
            background: #fff;
            padding: 0 30px;
        }
        .mod-cmn-box-brand-01 .contents-box .table-01 td.last {
            border-radius: 0 0 4px 4px;
        }
          .mod-cmn-box-brand-01 .contents-box .table-01 td .text {
              font-size: 10px;
              padding: 10px 0;
              font-weight: bold;
              color: #01a33e;
              border-bottom: 1px solid #caecd7;
          }
          .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 {
              color: #00702a;
              font-weight: bold;
              font-size: 10px;
              overflow: hidden;
              padding: 10px 0 14px;
          }
            .mod-cmn-box-brand-01 .contents-box .table-01 td p > .value {
                float: right;
                height: 13px;
            }
            .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 > .value {
                width: auto;
            }
              .mod-cmn-box-brand-01 .contents-box .table-01 td .text > .value img {
                  vertical-align: middle;
                  height: 100%;
              }
              .mod-cmn-box-brand-01 .contents-box .table-01 td .text-02 > .value img {
                  margin-left: 13px;
                  height: 100%;
                  vertical-align: middle;
              }
      .mod-cmn-box-brand-01 .contents-box .sub-title {
          margin-bottom: 5px;
          font-size: 16px;
          color: #fff;
          font-weight: bold;
      }
      .mod-cmn-box-brand-01 .contents-box .box-img {
          margin: 32px 0 34px;
          text-align: center;
      }
      .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 {
          position: static;
          margin-top: 11px;
          padding: 0;
      }
      .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01:before {
          content: normal;
      }
        .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 span {
            padding-left: 19px;
            color: #fff;
        }
        .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 span:before {
            position: absolute;
            top: 0;
            left: 0;
            content: '※';
            color: #fff;
            display: block;
        }
        .mod-cmn-box-brand-01 .contents-box .txt-cmn-note-01 span+span {
            margin-top: 3px;
        }
    .mod-cmn-box-brand-01 .contents-box .text.txt-cmn-note-01 {
        margin-top: 11px;
    }
    .mod-cmn-box-brand-01 .contents-box .text.txt-cmn-note-01 span {
        font-size: 14px;
    }
  
        .prime .mod-cmn-box-brand-01 .lead-box .lead {
            padding: 0 20px;
        }
/* stylish */
.stylish .mod-cmn-box-brand-01 .contents-box {
    background: #a0161b;
}
    .stylish .mod-cmn-box-brand-01 .lead-box {
        background-image: url(/images/wheel/product/rozest/brand/bg_rozest_brand_stylish_01_sp.png);
        padding-top: 100%;
    }
        .stylish .mod-cmn-box-brand-01 .lead-box .lead {
            padding: 0 20px;
        }
}

@media screen and (max-width: 750px) {
  .type2018 .mod-cmn-box-brand-01 .contents-box .wrap .entry-item-01.col {
    width: 100%; 
  }
  }

/* list-cmn-bnr-01
---------------------------------------------------------- */
.list-cmn-bnr-01 {
    margin-top: 60px;
    position: relative;
    border-radius: 2px;
    width: 100%;
    height: 200px;
    background: #fff url(/images/wheel/product/rozest/brand/bg_brand_eco_01_pc.png) no-repeat 91.5% bottom;
    overflow: hidden;
    padding-left: 65px;
}
  .list-cmn-bnr-01 .inner {}
  .list-cmn-bnr-01 .inner:before {
      position: absolute;
      top: -6px;
      left: -24px;
      width: 42px;
      height: 20px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      content: "";
  }
    .list-cmn-bnr-01 .logo {
        width: 277px;
    }
    .list-cmn-bnr-01 .inner .text {
        margin-top: 9px;
        font-size: 14px;
        color: #2c2c2c;
        font-weight: bold;
        text-decoration: none;
    }
    .list-cmn-bnr-01 .btn-cmn-03 {
        margin: 14px 0 0;
        height: 37px;
    }
      .list-cmn-bnr-01 .btn-cmn-03 a {
          font-size: 14px;
      }
/* eco */
.eco .list-cmn-bnr-01 {
    padding-top: 37px;
}
.eco .list-cmn-bnr-01 .inner:before {
    background: #b01f24;
}
/* prime */
.prime .list-cmn-bnr-01 {
    padding-top: 46px;
    background-image: url(/images/wheel/product/rozest/brand/bg_brand_prime_01_pc.png);
    background-position: 93.2% bottom;
}
/* stylish */
.stylish .list-cmn-bnr-01 {
    padding-top: 46px;
    background-image: url(/images/wheel/product/rozest/brand/bg_brand_stylish_01_pc.png);
}
@media screen and (max-width: 750px) {
.list-cmn-bnr-01 {
    margin-top: 60px;
    position: relative;
    border-radius: 2px;
    width: 100%;
    min-height: 305px;
    height: auto;
    background: #fff url(/images/wheel/product/rozest/brand/bg_brand_eco_01_sp.png) no-repeat center bottom;
    background-size: 285px;
    overflow: hidden;
    padding: 0 30px 140px;
}
.sec-cmn-item-01.type03+.list-cmn-bnr-01 {
    margin-top: 10px;
}
  .list-cmn-bnr-01 .inner {}
  .list-cmn-bnr-01 .inner:before {
      position: absolute;
      top: -6px;
      left: -24px;
      width: 42px;
      height: 20px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      content: "";
  }
    .list-cmn-bnr-01 .logo {
        width: 195px;
        margin: 0 auto;
    }
    .list-cmn-bnr-01 .inner .text {
        margin-top: 10px;
        font-size: 13px;
        color: #2c2c2c;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }
    .list-cmn-bnr-01 .btn-cmn-03 {
        width: 135px;
        margin: 14px auto 0;
        height: 37px;
    }
      .list-cmn-bnr-01 .btn-cmn-03 a {
          font-size: 12px;
      }
/* eco */
.eco .list-cmn-bnr-01 {
    padding-top: 30px;
}
.eco .list-cmn-bnr-01 .inner:before {
    background: #b01f24;
}
    .eco .list-cmn-bnr-01 .btn-cmn-03 a {
        font-size: 14px;
    }
/* prime */
.prime .list-cmn-bnr-01 {
    padding: 30px 30px 154px;
    background-image: url(/images/wheel/product/rozest/brand/bg_brand_prime_01_sp.png);
}
/* stylish */
.stylish .list-cmn-bnr-01 {
    padding: 30px 30px 145px;
    background-image: url(/images/wheel/product/rozest/brand/bg_brand_stylish_01_sp.png);
}
}
/* 汎用
---------------------------------------------------------- */
.sec-cmn-item-01.type03.mt {
    margin-top: 19px !important;
}
.s-mt-10 {
    margin-top: 10px !important;
}
@media screen and (max-width: 750px) {
.s-mt-10 {
    margin-top: 0px !important;
}
}

/* 2018/02/28 add 
---------------------------------------------------------- */
/* body.rozest .contents { background-image: url(/images/wheel/product/rozest/brand/bg_rozest_brand_pc.png); }

@media (min-width: 430px) and (max-width: 750px) {
body.rozest .contents { 
  background-image: url(/images/wheel/product/rozest/brand/sp/bg_lineup_02_sp.png);
  background-position: 0 -54vw;
  }
}
@media screen and (max-width: 429px) {
  body.rozest .contents { 
    background-image: url(/images/wheel/product/rozest/brand/sp/bg_lineup_02_sp.png);
  }
} */