@charset "utf-8";
/* CSS Document */


/* body
------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
}


/* div#main
------------------------------------------------------------*/
div#main{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
  overflow: hidden;
}


/* a:hover
------------------------------------------------------------*/
a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


/* article>img
------------------------------------------------------------*/
article>img
{
  display: block;
  width: 100%;
}


/* footer>img
------------------------------------------------------------*/
footer>img
{
  display: block;
  width: 100%;
}


/* .topnav
------------------------------------------------------------*/
.topnav{
	max-width: 100%;
  width: 20.46875%;
  height: auto;
  max-height: 90px;
  margin: 0 auto;
  padding: 1.6%;
}

/* article.limited
------------------------------------------------------------*/
article#limited{
  position: relative;
}
article#limited a{
  margin-top: 24.2%;/* 上からの距離「342」 ÷ 幅「1280」* 100% = 10.3125 */
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
          transform: translateX( -50% );
  display: block;
  width: 73.6%;
}
article#limited a img{
  display: block;
  width: 100%;
}

/* article.car
------------------------------------------------------------*/
article#car{
  position: relative;
}
article#car a{
  margin-top: 28.5%;/* 上からの距離「342」 ÷ 幅「1280」* 100% = 10.3125 */
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
          transform: translateX( -50% );
  display: block;
  width: 31.5%;
}
article#car a img{
  display: block;
  width: 100%;
}

/* article.best
------------------------------------------------------------*/
article#best{
  position: relative;
}
article#best a img{
  width: 100%;
}
article#best ul{
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  margin-top: 15.9%;
  gap: 1.4%;
}
article#best li{
  width: 24.3%;
}

article#best .soro a{
  margin-top: 43%;/* 上からの距離「342」 ÷ 幅「1280」* 100% = 10.3125 */
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
          transform: translateX( -50% );
  display: block;
  width: 75%;
}

/* article.stock
------------------------------------------------------------*/
article.stock{
  position: relative;
}
article.stock>.list{
  margin-left: -1.35%;
  margin-top: 20.078125%;/* 上からの距離「257」 ÷ 幅「1280」 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
article.stock>.list>ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
article.stock>.list>ul.n01{
  width: 22.5%;
}
article.stock>.list>ul.n01>li{
  margin-bottom: 3.47222222%;
  width: 100%;
}
article.stock>.list>ul.n02{
  margin-left: 3%;
  width: 77.375%;
}
article.stock>.list>ul.n02>li{
  margin-bottom: 1.70068027%;
  width: 24.979592%;
}
article.stock>.list>ul>li>a,
article.stock>.list>ul>li>a>img{
  display: block;
}


@media screen and (max-width: 768px) {

}

/* article.recommend
------------------------------------------------------------*/
article.recommend{
  position: relative;
}
article.recommend>.list1{
  margin-top: 15.2%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article.recommend>.list1>ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
article.recommend>.list1>ul>li{
  margin-bottom: 2.1%;
  margin-left: 0.2%;
  margin-right: 0.2%;
  position: relative;
  width: 19.234375%;
}
article.recommend>.list1>ul>li>div{
  position: relative;
  padding-top: 100%;
}
article.recommend>.list1>ul>li>div>div{
  position: absolute;
  top: 0%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
article.recommend>.list1>ul>li>div>div>p{
  position: relative;
  z-index: 1;
}
article.recommend>.list1>ul>li>div>div>a{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
article.recommend>.list1>ul>li>div>div>p>img,
article.recommend>.list1>ul>li>div>div>a,
article.recommend>.list1>ul>li>div>div>a>img
{
  display: block;
}


article.recommend>.list2{
  margin-top: 36.5%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article.recommend>.list2>ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
article.recommend>.list2>ul>li{
  margin-bottom: 2.1%;
  margin-left: 0.4%;
  margin-right: 0.4%;
  position: relative;
  width: 25.634375%;
}
article.recommend>.list2>ul>li>div{
  position: relative;
  padding-top: 100%;
}
article.recommend>.list2>ul>li>div>div{
  position: absolute;
  top: 0%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
article.recommend>.list2>ul>li>div>div>p{
  position: relative;
  z-index: 1;
}
article.recommend>.list2>ul>li>div>div>a{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
article.recommend>.list2>ul>li>div>div>p>img,
article.recommend>.list2>ul>li>div>div>a,
article.recommend>.list2>ul>li>div>div>a>img
{
  display: block;
}
article.recommend{
  position: relative;
}
article.recommend .btn08 {
  margin-top: 64.2%;/* 上からの距離「342」 ÷ 幅「1280」* 100% = 10.3125 */
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
          transform: translateX( -50% );
  display: block;
  width: 76.6%;
}
article.recommend a img .btn08{
  display: block;
  width: 100%;
}