@charset "UTF-8";
/* メディアクエリ記述サンプル
.box {
    @include pc {
      background-color: red;
    };
    @include tab {
      background-color: blue;
    };
    @include sp {
      background-color: yellow;
    };
  }
*/
/**変数**/
a:hover {
  opacity: 0.7;
}

body {
  -webkit-text-size-adjust: none;
}

ul {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  .only-pc {
    display: none;
  }
}

@media (min-width: 769px) {
  .only-sp {
    display: none;
  }
}
.okaidokuHero {
  background: url(../img/bg_66-081.jpg) no-repeat;
  background-size: 100% auto;
  text-align: center;
}
@media (min-width: 769px) {
  .okaidokuHero {
    margin: 20px 0 30px 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .okaidokuHero {
    margin: 20px 0 20px 0;
    padding: 5px 0;
  }
}
@media (min-width: 769px) {
  .okaidokuHero img {
    width: 70%;
  }
}

@media (min-width: 769px) {
  .okaidokuMenu {
    width: 1020px;
    font-size: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .okaidokuMenu {
    font-size: 0;
    margin-bottom: 20px;
  }
}
.okaidokuMenu a {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 0;
}
@media (min-width: 769px) {
  .okaidokuMenu a {
    display: inline-block;
    width: 490px;
    height: 350px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .okaidokuMenu a {
    display: inline-block;
    margin-bottom: 15px;
  }
}
@media (min-width: 769px) {
  .okaidokuMenu a:nth-child(odd) {
    margin-right: 40px;
  }
}

@media (min-width: 769px) {
  .okaidokuList {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .okaidokuList {
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__title {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__bnr {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__bnr {
    margin-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap {
    font-size: 0;
    padding: 40px 40px 0 40px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap {
    font-size: 0;
    padding: 20px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item {
  background: #fff;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  font-weight: 900;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item {
    border: 10px solid #ccc;
    padding: 20px 40px;
    width: 450px;
    display: inline-block;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item {
    border: 5px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 20px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__photo {
  text-align: center;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__photo {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__photo {
    margin-bottom: 15px;
    padding-top: 5px;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__photo img {
    height: 250px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__photo img {
    height: 150px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__maker {
  line-height: 1;
  font-weight: normal;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__maker {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__maker {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__name {
  line-height: 1;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__name {
    font-size: 3rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__name {
    font-size: 2.2rem;
    margin-bottom: 5px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__spec {
  line-height: 1;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__spec {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__spec {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__number {
  font-weight: normal;
  line-height: 1;
  text-align: right;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__number {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__number {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__CD {
  font-weight: normal;
  line-height: 1;
  text-align: right;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__CD {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__CD {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
.okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price {
  line-height: 1;
  color: #f00;
  text-align: right;
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price {
    font-size: 5rem;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price {
    font-size: 4rem;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price .tax {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price .tax {
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price .yen {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item .item__price .yen {
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item:nth-child(odd) {
    margin-right: 40px;
  }
}
@media (max-width: 768px) {
  .okaidokuList .okaidokuList__item__wrap .okaidokuList__item:last-child {
    margin-bottom: 0;
  }
}

#a-sensha .okaidokuList__item__wrap {
  background: #008cce;
}

#a-carcare .okaidokuList__item__wrap {
  background: #d70b24;
}

#a-tiregoods .okaidokuList__item__wrap {
  background: #717071;
}

#a-handlecover .okaidokuList__item__wrap {
  background: #522e06;
}

.l_layoutOut-brown {
  margin-top: 0;
}

.page-top {
  text-align: right;
}
@media (min-width: 769px) {
  .page-top a img {
    width: 75px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .page-top a img {
    width: 15%;
    margin-bottom: 5px;
  }
}
.page-top a:hover {
  opacity: 0.7;
}/*# sourceMappingURL=index.css.map */