#sec1 .box {
  background: #fff;
  padding: 50px 60px 60px;
}

.secBg {
  background: url(../img/auction1/bg.png) no-repeat left -500px top 400px,
    url(../img/auction1/bg.png) no-repeat right -500px top 1400px;
}

#sec1 .box .text {
  background: url(../img/auction2/fish_fugu.png) no-repeat right top;
}

#sec1 .box .list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
#sec1 .box .list li {
  width: calc(33.3% - 20px);
  box-sizing: border-box;
  position: relative;
}
#sec1 .box .list li div {
  border: solid 1px var(--blue);
}
#sec1 .box .list li p {
  color: #fff;
  background: var(--blue);
  position: relative;
  padding: 5px 10px 10px;
  line-height: 1.3em;
}

.textShadow {
  text-shadow: -1px 0px 1px #fff, 1px 0px 1px #fff, 0px -1px 1px #fff,
    0px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff,
    -1px 1px 1px #fff;
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {
  #sec1 .box {
    padding: 30px;
  }
  .secBg {
    background: url(../img/auction1/bg.png) no-repeat left -250px top 200px,
      url(../img/auction1/bg.png) no-repeat right -250px top 700px;
    background-size: 60%, 60%;
  }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 640px) {
  #sec1 .box {
    padding: 20px 10px;
  }
  #sec1 .box .list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  #sec1 .box .list li {
    width: calc(50% - 5px);
  }
  #sec1 .box .list li p {
    font-size: 12px;
  }
}