/********** vending_common **********/
.wrapper_vending{
  min-width: 1366px;
  background-color: var(--bk-color7);
  margin:0 auto 80px auto;
  padding-top:208px;
}
.vending_prod {
  min-width: 1366px;
  margin:0 auto;
}
.wrapper_vending .content{
  width:1040px;
  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;
}

.choose_bt{
  display: flex;
  flex-wrap: wrap;
  width:1040px;
  margin:0 auto;
}
.choose_bt p{
  width:320px;
  height: 40px;
  border-radius: 15px;
  background-color: var(--text-color3);
  margin:0 40px 40px 0;
  position:relative;
}
.choose_bt p:nth-child(3n){
  margin-right: 0;
}
.choose_bt p::after{
  content:url(../img/icon/arrow/choose_down.svg);
  position:absolute;
  top:7px;
  right:25px;
}
.choose_bt p:hover{
  border: 1px solid var(--bk-color1);
  background-color: var(--bk-color7);
}
.choose_bt p:hover a{
  color: var(--text-color3);
}
.choose_bt p:hover::after{
  content:url(../img/icon/arrow/choose_down_hover.svg);
}

.choose_bt a{
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-color1);
  text-align: center;
  display: block;
  line-height: 40px;
}

/********** lineup **********/
.lineup{
  width:100%;
  margin:0 auto;
}
.lineup .title{
  background-color: var(--bk-color5);
  border-radius: 15px;
  padding:10px;
  margin: 0 auto;
}
.vending_prod .lineup .set_title{
  font-size: 24px;
  font-weight: 700;
  color: var(--text-color3);
  margin:0 auto;
  text-align: center;
}
.vending_lineups{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lineup_item{
  width:520px;
  margin:60px 0 53px 0;
}
.lineup_item p{
  padding:0 64px 0 40px;
}
.lineup_item h3{
  padding:0 0 0 40px;
}

.lineup_item a img{
  width:282px;
  height: 400px;
  display: block;
  margin:0 auto;
}
.lineup_title{
  display: flex;
  align-items: center;
  margin:42px 0 16px 0;
}

.lineup_title img{
  flex:0 0 33px;
  width:33px;
  margin-left: 20px;
  animation: arrow-move-return 0.3s ease-in-out forwards;
}
.lineup_title:hover img{
  animation: arrow-move 0.3s ease-in-out forwards;
}
.lineup_bt{
  position: relative;
}

.lineup_title h3{
  margin:0;
}
.lineup_title a{
  text-decoration:none;
  font-size: 22px;
  font-weight: 500;
  color:var(--bk-color1);
}

.lineup_item p{
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  text-align: justify;
  color:var(--text-color2);
}
.used_vending_messa{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  color:var(--text-color2);
  margin:50px 0 0 0;
}


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


  /********** vending_common **********/
.wrapper_vending{
  min-width: 100vw;
  padding-top:120px;
  margin:0 auto;
}
.vending_prod {
  min-width: 100vw;
  margin-bottom: 60px;
}
.wrapper_vending .content{
  width: 90%;
}
.main-title h1{
  font-size:24px;
  font-weight: 700;
  margin:12px auto 40px auto;
}

.choose_bt{
  width:90%;
  margin-bottom: 20px;
}
.choose_bt p{
  width:100%;
  border-radius: 8px;
  font-weight: 700;
  margin:0 0 30px 0;
}
.choose_bt a{
  font-size: 14px;
}

/********** lineup **********/
.lineup .title{
  border-radius: 8px;
}
.vending_prod .lineup .set_title{
  font-size: 18px;
}
.vending_lineups{
  margin-bottom: 40px;
}
.lineup_item{
  width:90%;
  margin:30px auto 40px auto;
}
.lineup_item p{
  padding:0;
}
.lineup_item h3{
  padding:0;
}
.lineup_item p{
  font-size: 14px;
}
.used_vending_messa{
  font-size: 14px;
  text-align: left;
  margin:42px 0 0 0;
}

}