@charset "UTF-8";
/*****************************************************************************
pageTitle
*****************************************************************************/
#pageTitle {
  position: relative;
  padding: 30px 0 90px;
  background: url("../images/pageTitle02.png") 35% 50% no-repeat;
  background-size: auto;
  background-color: #dc0002; }

#pageTitle .hdWrapper {
  text-align: center; }

@media screen and (max-width: 600px) {
  #pageTitle {
    padding: 20px 0 90px;
    background-size: 400px auto; }

  #pageTitle .hdWrapper img {
    width: 94%;
    height: auto; } }
/*****************************************************************************
usedNav
*****************************************************************************/
#usedNav {
  width: 100vw;
  position: absolute;
  bottom: 8px;
  left: 0; }
  #usedNav::after {
    content: "";
    height: 8px;
    width: 100%;
    background: #121212;
    position: absolute;
    bottom: -8px;
    left: 0; }
  #usedNav ul {
    width: 1200px;
    margin: 0 auto;
    display: flex; }
  #usedNav li {
    width: 50%;
    text-align: center; }
  #usedNav li a {
    display: block;
    line-height: 65px;
    font-size: 1.8rem;
    color: #121212;
    padding: 0 10px;
    font-weight: 900;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
    background: #fff000; }
  #usedNav li.on a {
    background: #121212;
    color: #fff; }
  #usedNav li:not(.on) a:hover {
    color: #dc0002; }

@media screen and (max-width: 600px) {
  #usedNav {
    width: 100vw; }
    #usedNav ul {
      width: auto; }
    #usedNav li a {
      line-height: 65px;
      font-size: 1.4rem; } }
/*****************************************************************************
anchorNav2
*****************************************************************************/
.anchorNav2 {
  background: #fff;
  padding: 25px; }
  .anchorNav2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -10px; }
  .anchorNav2 li {
    margin: 10px 10px 0; }
  .anchorNav2 a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #dc0002;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 38px;
    border: 1px solid #dc0002;
    border-radius: 20px;
    padding: 0 20px;
    min-width: calc(7em + 40px);
    transition: .3s;
    white-space: nowrap; }
  .anchorNav2 a:hover {
    background: #dc0002;
    color: #fff; }

@media screen and (max-width: 600px) {
  .anchorNav2 li {
    margin: 10px 5px 0; }
  .anchorNav2 a {
    font-size: .8rem;
    line-height: 28px;
    padding: 0 10px; } }
/*****************************************************************************
inchWrapper
*****************************************************************************/
.inchWrapper dl {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #dcdcdc; }

.inchWrapper dt {
  width: 15%;
  color: #dc0002;
  text-align: left; }

.inchWrapper dt a {
  display: inline-block;
  text-decoration: none; }

.inchWrapper dt span {
  text-decoration: none; }

.inchWrapper dt .num {
  font-size: 1.8rem; }

.inchWrapper dd {
  flex: 1; }

.inchWrapper dd ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px; }

.inchWrapper dd li {
  width: calc((100% - 20px)/5);
  margin-left: 5px;
  margin-top: 5px; }

.inchWrapper dd li:nth-child(5n + 1) {
  margin-left: 0; }

.inchWrapper dd li a {
  display: block;
  padding: 8px 15px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  text-decoration: none;
  color: #333333;
  font-size: 1.1rem;
  position: relative;
  transition: all 0.4s;
  text-align: center; }

@media screen and (min-width: 601px) {
  .inchWrapper dd li a:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    color: #dc0002; } }
@media screen and (max-width: 600px) {
  .inchSelect {
    padding: 30px 0; }

  .inchSelect > .inner {
    width: auto;
    margin: 0 3%; }

  .inchWrapper dl {
    display: block; }

  .inchWrapper dt {
    width: auto;
    padding: 0 0 10px; }

  .inchWrapper dd li, .inchWrapper dd li:nth-child(5n + 1) {
    width: calc((100% - 5px)/2);
    margin-top: 5px;
    margin-left: 5px; }

  .inchWrapper dd li:nth-child(2n + 1) {
    margin-left: 0; } }
/*****************************************************************************
sectionG, sectionN
*****************************************************************************/
.sectionG,
.sectionN {
  position: relative; }
  .sectionG .sectionInner,
  .sectionN .sectionInner {
    margin: 0 auto;
    padding: 80px 0;
    position: relative;
    z-index: 2;
    width: 1000px; }

.sectionG {
  background: #f5f5f5; }

.sectionAboutSubSection:not(:nth-child(1)) {
  padding: 70px 0 0; }

@media screen and (max-width: 600px) {
  .sectionG .sectionInner,
  .sectionN .sectionInner {
    padding: 50px 2vw;
    width: auto; }

  .sectionAboutSubSection:not(:nth-child(1)) {
    padding: 50px 0 0; } }
/*****************************************************************************
sectionTitle
*****************************************************************************/
.sectionTitle {
  background: #222;
  height: 250px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .sectionTitle .inner {
    position: relative;
    z-index: 2; }
  .sectionTitle .l1 {
    font-size: 1.25rem;
    margin-bottom: .5em;
    font-weight: 700;
    opacity: .8; }
  .sectionTitle .l2 {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.2; }
    .sectionTitle .l2 span {
      display: block;
      white-space: nowrap; }
  .sectionTitle::after {
    content: "";
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden; }

.sectionTire .sectionTitle {
  background-image: url("../images/sectionTitle_bg_01.jpg"); }

.sectionSet .sectionTitle {
  background-image: url("../images/sectionTitle_bg_02.jpg"); }

.sectionWheel .sectionTitle {
  background-image: url("../images/sectionTitle_bg_04.jpg"); }

.sectionAbout .sectionTitle {
  background-image: url("../images/sectionTitle_bg_03.jpg"); }

@media screen and (max-width: 600px) {
  .sectionTitle {
    height: 200px; }
    .sectionTitle .l1 {
      font-size: 1rem; }
    .sectionTitle .l2 {
      font-size: 2.2rem; }
      .sectionTitle .l2 span.narrow {
        transform: scale(0.8, 1); } }
/*****************************************************************************
tab
*****************************************************************************/
.tab {
  position: relative;
  z-index: 2; }

.tab ul {
  width: 1000px;
  margin: -30px auto 0;
  display: flex; }
  .tab ul li {
    flex: 1;
    background: #004098;
    color: #fff;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.1rem;
    position: relative;
    cursor: pointer;
    transition: .3s; }
  .tab ul li:hover {
    background: #222; }
  .tab ul li.on {
    background: #222; }
    .tab ul li.on::after {
      content: "";
      background: #222;
      width: 15px;
      height: 15px;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform-origin: left bottom;
      transform: translateX(-75%) rotate(45deg); }

@media screen and (max-width: 600px) {
  .tab ul {
    width: auto;
    margin: -30px 2vw 0; }
    .tab ul li {
      font-size: 0.9rem;
      line-height: 1.2; } }
/*****************************************************************************
site
*****************************************************************************/
.site .inner {
  margin-top: -30px;
  padding: 50px 0 80px;
  line-height: 1.2;
  position: relative; }
  .site .inner::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #dc0002;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
.site dt {
  color: #dc0002;
  font-size: 1.2rem;
  text-align: center; }
.site dd {
  margin: 20px 0 0;
  display: flex;
  justify-content: center; }
.site a {
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  transition: .4s; }
.site .shopping a {
  background: #fff; }
.site .auction a {
  background: #ffda45; }

@media screen and (min-width: 601px) {
  .site a:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); } }
@media screen and (max-width: 600px) {
  .site .inner {
    padding: 45px 0 50px;
    display: block;
    text-align: center; }
  .site a {
    width: 230px; } }
/*****************************************************************************
inchWrapper2
*****************************************************************************/
.inchWrapper2 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px; }
.inchWrapper2 li {
  width: calc((100% - 5px)/2);
  margin-top: 5px;
  margin-left: 5px; }
.inchWrapper2 li:nth-child(2n + 1) {
  margin-left: 0; }
.inchWrapper2 li a {
  display: block;
  padding: 15px 15px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  text-decoration: none;
  color: #333333;
  font-size: 1rem;
  position: relative;
  transition: all 0.4s;
  text-align: center; }
.inchWrapper2 li .num {
  font-size: 1.8rem; }

@media screen and (min-width: 601px) {
  .inchWrapper2 li a:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    color: #dc0002; } }
/*****************************************************************************
priceList2
*****************************************************************************/
.priceListHd2 {
  text-align: center;
  padding: 45px 0 30px;
  position: relative; }

.priceListHd2::before {
  content: "";
  width: 33px;
  height: 33px;
  border-radius: 100%;
  background: #dc0002;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); }

.priceListHd2 .hd {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.2; }

.priceListHd2 .subHd {
  font-size: 1.25rem;
  color: #777777;
  margin-top: 0.8em;
  font-weight: 700; }

@media screen and (max-width: 600px) {
  .priceListHd2 {
    padding: 45px 0 15px; }

  .priceListHd2 .hd {
    font-size: 1.8rem; } }
/*****************************************************************************
noteBox
*****************************************************************************/
.noteBox {
  padding: 10px 0 0; }
  .noteBox li {
    position: relative;
    padding-left: 16px;
    line-height: 1.4;
    margin-top: 0.5em;
    font-size: 0.875rem; }
  .noteBox li:nth-child(1) {
    margin-top: 0; }
  .noteBox li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    background: #a9a9aa;
    border-radius: 100%; }

/*****************************************************************************
工賃
*****************************************************************************/
.tableType01 td {
  color: #dc0002; }

/*****************************************************************************
sectionTitleLine
*****************************************************************************/
.sectionTitleLine {
  padding: 60px 0 0;
  position: relative;
  background: #45bb03;
  height: 380px; }
  .sectionTitleLine .inner {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 2; }
  .sectionTitleLine .title {
    flex: 1;
    color: #fff;
    font-weight: 900;
    padding: 70px 0 0; }
    .sectionTitleLine .title .l1 {
      font-size: 6rem; }
    .sectionTitleLine .title .l2 {
      padding: 10px 0 0;
      font-size: 1.9rem; }
  .sectionTitleLine .account {
    width: 35%;
    color: #45bb03;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center; }
    .sectionTitleLine .account .l1 {
      font-size: 1.4rem;
      font-weight: 900; }
    .sectionTitleLine .account .l2 {
      padding: 10px 0 10px;
      font-size: 2.6rem;
      font-weight: 900; }
    .sectionTitleLine .account .qr img {
      width: 100%; }
    .sectionTitleLine .account .line img {
      width: 82%; }

@media screen and (max-width: 600px) {
  .sectionTitleLine {
    padding: 40px 0 40px;
    height: auto;
    text-align: center; }
    .sectionTitleLine .inner {
      width: auto;
      display: block; }
    .sectionTitleLine .title {
      flex: 1;
      color: #fff;
      font-weight: 900;
      padding: 0 0 20px; }
      .sectionTitleLine .title .l1 {
        font-size: 3rem; }
      .sectionTitleLine .title .l2 {
        padding: 10px 0 0;
        font-size: 1.1rem; }
    .sectionTitleLine .account {
      width: 70%;
      margin: 0 auto;
      padding: 20px 15px 15px; }
      .sectionTitleLine .account .l1 {
        font-size: 1rem; }
      .sectionTitleLine .account .l2 {
        padding: 10px 0 0;
        font-size: 2rem; } }
/*****************************************************************************
sample
*****************************************************************************/
.sample {
  background: #fff;
  padding: 70px 0; }
  .sample .inner {
    width: 1000px;
    margin: 0 auto; }
  .sample .text {
    font-weight: 900;
    margin-right: 40%;
    padding: 0 0 40px; }
    .sample .text .l1 {
      font-size: 2rem;
      line-height: 1.4; }
    .sample .text .l2 {
      padding: 30px 0 0;
      font-size: 3rem;
      color: #45bb03; }
  .sample .photo ul {
    display: flex;
    text-align: center;
    flex-wrap: wrap; }
    .sample .photo ul li {
      width: calc((100% - 70px)/3);
      margin-top: 35px;
      margin-left: 35px; }
    .sample .photo ul li:nth-child(3n + 1) {
      margin-left: 0; }
    .sample .photo ul .img img {
      width: 100%; }
    .sample .photo ul .caption {
      padding: 8px 0 0;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.4; }
  .sample .photoNote {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px dotted #e5e5e6;
    text-align: center;
    line-height: 1.6; }

@media screen and (max-width: 600px) {
  .sample {
    background: #fff;
    padding: 40px 3vw; }
    .sample .inner {
      width: auto; }
    .sample .text {
      margin-right: 0;
      padding: 0 0 30px;
      text-align: center; }
      .sample .text .l1 {
        font-size: 1.2rem; }
      .sample .text .l2 {
        padding: 10px 0 0;
        font-size: 1.7rem; }
    .sample .photo ul {
      margin-top: -15px; }
      .sample .photo ul li,
      .sample .photo ul li:nth-child(3n + 1) {
        width: calc((100% - 10px)/2);
        margin-top: 15px;
        margin-left: 10px; }
      .sample .photo ul li:nth-child(2n + 1) {
        margin-left: 0; }
      .sample .photo ul .caption {
        font-size: 1rem; }
    .sample .photoNote {
      margin: 20px 0 0; } }
/*****************************************************************************
outOfStock
*****************************************************************************/
.outOfStock {
  text-align: center;
  padding: 40px 0;
  font-size: 1.1rem;
  font-weight: 700; }

/*****************************************************************************
point
*****************************************************************************/
.point {
  position: relative;
  z-index: 2;
  margin: -30px 7vw 0; }
  .point dl {
    width: 900px;
    margin: 0 auto;
    background: #dc0002;
    padding: 30px 60px;
    color: #fff;
    line-height: 1.7;
    border-radius: 10px;
    text-align: center; }
  .point dt {
    font-size: 3em;
    font-weight: 900;
    white-space: nowrap; }
  .point dd {
    font-size: 1.2em;
    font-weight: 700; }
  .point a {
    color: #fff;
    text-decoration: underline; }

@media screen and (max-width: 600px) {
  .point dl {
    width: auto;
    padding: 5vw; }
  .point dt {
    font-size: 1.7em;
    margin: 0 0 15px; }
  .point dd {
    font-size: 1em; } }
/*****************************************************************************
alumi
*****************************************************************************/
.noteBoxWrapper {
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px dotted #e5e5e6; }

/*****************************************************************************
alumi
*****************************************************************************/
.alumi .subSection:not(:nth-child(1)) {
  padding: 70px 0 0; }

.exampleWrapper {
  display: flex; }

.example {
  width: calc((100% - 20px)/2); }
  .example:not(:nth-child(1)) {
    margin-left: 20px; }
  .example .exampleHd {
    background: #dc0002;
    border-radius: 6px;
    color: #fff;
    padding: 8px 12px;
    font-size: 1.2rem;
    text-align: center; }
  .example .hdCatch {
    padding: 20px 0 10px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center; }
  .example ul {
    display: flex;
    flex-wrap: wrap; }
  .example li {
    width: calc((100% - 10px)/2);
    margin-top: 10px;
    margin-left: 10px;
    border: 4px solid #dc0002;
    padding: 0 20px;
    border-radius: 6px;
    text-align: center;
    background: #fff;
    font-weight: 700; }
  .example li:nth-child(2n + 1) {
    margin-left: 0; }
  .example .maker {
    padding: 20px 0 0;
    height: 90px;
    display: flex;
    justify-content: center; }
    .example .maker img {
      height: 100%; }
  .example .car {
    font-size: 1rem;
    line-height: 1.3;
    display: flex;
    height: 5em;
    margin-top: -5px;
    align-items: center;
    justify-content: center; }
  .example .price {
    font-size: 1rem;
    color: #dc0002;
    padding: 20px 0;
    border-top: 1px dotted #dc0002; }
  .example .price .label {
    color: #444;
    padding-bottom: 5px;
    display: block; }
  .example .price .em {
    font-size: 2em; }

@media screen and (max-width: 600px) {
  .exampleWrapper {
    display: block; }

  .example {
    width: auto; }
    .example:not(:nth-child(1)) {
      margin-left: 0;
      margin-top: 15px; }
    .example .exampleHd {
      font-size: 1.1rem; }
    .example ul {
      display: flex;
      flex-wrap: wrap; }
    .example li {
      padding: 0 15px; }
    .example .car {
      font-size: 0.875rem;
      height: 6em; }
    .example .price {
      font-size: 1rem; }
    .example .price .em {
      font-size: 1.7em; } }
.tNote {
  margin: 0 0 10px; }