@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.slot
------------------------------------------------------------*/
article#slot{
  position: relative;
}
article#slot a{
  margin-top: 41.7%;/* 上からの距離「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: 22.5%;
}
article#slot a img{
  display: block;
  width: 100%;
}


/* article.tokusen
------------------------------------------------------------*/
article#tokusen{
  position: relative;
}
article#tokusen a{
  margin-top: 212%;/* 上からの距離「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: 54.5%;
}
article#tokusen 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: 14%;
  gap: 4.5%;
  width: 100%;
}
article#best li{
  width: 25.5%;
}