/*リンクエリア：フレックスボックス*/
#senkou-items{
  /*フレックスボックスの設定*/
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*フレックスボックスの要素を左寄せ*/
  justify-content: left;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 2em;
      width: 100%;
      max-width: 980px;
      margin: auto;
}
#senkou-items > div {
  /*列数と間の余白の設定*/
  width: calc( ( 100% - 40px ) / 5 );
  margin-right: 10px;
}
/*右端のマージンをゼロ設定*/
#senkou-items > div:nth-child( 5n ) {
  margin-right: 0;
}
.senkou-item{
  padding-bottom:30px;
  font-size:0.8em;
}
.senkou-item img{
  width:100%;
}
.item-price.sale{
  color:red;
}
.tax-included{
  font-size:0.6em;
}
@media (max-width: 768px) {
  #senkou-items{
      padding:0 4vw;
  }
  #senkou-items > div {
      /*列数と間の余白の設定*/
      width: calc( ( 100% - 1vw ) / 2 );
      margin-right: 1vw;
  }
  #senkou-items > div:nth-child( 5n ) {
      margin-right: 1vw;
  }
  #senkou-items > div:nth-child( 2n ) {
      margin-right: 0;
  }
}


.senkou-item {
  position: relative;
}
.senkou-items {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 32px;
  height: 32px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 16px;
  text-align: center;
  color: #fff;
  line-height: 32px;
  font-size: 14px;

}
@media (max-width: 768px) {
  .senkou-items{
      top: 4px;
      left: 4px;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      line-height: 24px;

      font-size: 12px;
  }
}
/*色変更*/
#senkou-items .senkou-item:nth-child(1) .senkou-items {
  background-color: #d8b923;
}
#senkou-items .senkou-item:nth-child(2) .senkou-items {
  background-color: #86adad;
}
#senkou-items .senkou-item:nth-child(3) .senkou-items {
  background-color: #c98c4d;
}

#senkou-items .shipping-date {
    color: brown;
}