/********** smoking_set_common **********/
.wrapper_smoking_set {
  min-width: 1366px;
  background-color: var(--white);
  margin:0 auto 80px auto;
  padding-top:208px;
}
.smoking_set {
  min-width: 1366px;
  margin:0 auto;
}
.wrapper_smoking_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;
}
.smoking_set_items{
  width:1000px;
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
.smoking_set_item{
  width: 300px;
  margin:0 50px 50px 0;
  position: relative;
}
.smoking_set_item:nth-child(3n){
  margin-right:0;
}
.smoking_set_item img{
  width: 300px;
  height: 200px;
  border-radius: 16px;
}
.smoking_set_item .set_title{
  font-size: 18px;
  font-weight: 500;
  color: var(--text-color);
  margin:20px 0 18px 0;
}
.smoking_set_item .set_mark{
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
  border: 1px solid var(--text-color);
  border-radius: 25px;
  padding:1px 20px;
  margin-right: 10px;
}
.smoking_set_item .set_date{
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color2);
}
/* set arrow */
.smoking_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;
}
.smoking_set_item a{
  text-decoration: none;
  width:100%;
  display: inline-block;
  cursor: pointer;
}

.smoking_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){


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