/********** vending_set_common **********/
  .wrapper_vending_set {
    min-width: 1366px;
    background-color: var(--bk-color7);
    margin:0 auto 80px auto;
    padding-top:208px;
  }
  .vending_set {
    min-width: 1366px;
    margin:0 auto;
  }
  .wrapper_vending_set .content{
    width:1000px;
    margin:0 auto;
  }
  
  .main-title{
    width:100%;
    margin:0 auto;
  }
  .main-title img{
    display: block;
    margin:0 auto;
  }
  .main-title h1{
    color:var(--text-color3);
    font-size:32px;
    margin:18px auto 45px auto;
    text-align: center;
  }
  .vending_set_items{
    width:1000px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
  .vending_set_item{
    width: 300px;
    margin:0 50px 50px 0;
    position: relative;
  }
  .vending_set_item:nth-child(3n){
    margin-right:0;
  }
  .vending_set_item img{
    width: 300px;
    height: 200px;
    border-radius: 16px;
  }
  .vending_set_item .set_title{
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color3);
    margin:20px 0 18px 0;
  }
  .vending_set_item .set_mark{
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color2);
    border: 1px solid var(--text-color2);
    border-radius: 25px;
    padding:1px 20px;
    margin-right: 10px;
  }
  .vending_set_item .set_date{
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color2);
  }
  /* set arrow */
  .vending_set_item::after{
    content:url(../img/icon/arrow/b_right.png);
    position:absolute;
    top: 80px;
    right: -18px;
    animation: arrow-move-return 0.3s ease-in-out forwards;
  }
  .vending_set_item a{
    text-decoration: none;
    width:100%;
    display: inline-block;
    cursor: pointer;
  }
  
  .vending_set_item:hover::after{
    animation: arrow-move 0.3s ease-in-out forwards;
    content:url(../img/icon/arrow/b_right_hover.png);
  }



/********** ここからスマホ **********/
@media only screen and (max-width:599px){


/********** vending_set_common **********/
.wrapper_vending_set {
  min-width: 100vw;
  padding-top:120px;
  margin:0 auto;
}
.vending_set {
  min-width: 100vw;
}
.wrapper_vending_set .content{
  width:90%;
}
.main-title h1{
  font-size:24px;
  font-weight: 700;;
  margin:12px auto 40px auto;
}
.vending_set_items{
  width:90%;
  justify-content: center;
}
.vending_set_item{
  margin:0 auto 42px auto;
}
.vending_set_item:nth-child(3n){
  width: 300px;
  margin:0 auto 42px auto;
}
.vending_set_item .set_title{
  font-size: 16px;
  margin:18px 0 2px 0;
}
.vending_set_item .set_mark{
  font-size: 14px;
}
.vending_set_item .set_date{
  font-size: 14px;
}
}