@charset "utf-8";
.campaign{
  padding-top: 40px;
  padding-bottom: 40px;
}
.campaign .campaign__list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.campaign .campaign__list .slick-prev{
  left: -10px;
}
.campaign .campaign__list .slick-next{
  right: -10px;
}
.campaign__item {
  display: flex;
  width: 48%;
  padding: 0 10px;
}
.campaign__item:nth-child(2n){
  margin-right: 0;
}
.campaign_text_box {
  width: calc(100% - 120px);
  margin-left: 5%;
  color: #656565;
}
.campaign__item_img {
  width: 120px;
  height: 100px;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
.campaign__spwrap {
  min-height: 110px;
}
.campaign__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 9px;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
}
.campaign__displayname {
  margin-bottom: 9px;
  color: #000;
  font-size: 1.5rem;
  line-height: 1.4;
}
.campaign__address {
  margin-bottom: 7px;
  color: #909090;
  font-size: 1.2rem;
  line-height: 1.4;
}
.campaign__detail,
.campaign_day {
  margin-left: -125px;
}
.campaign__detail {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.6;
  margin-bottom: 14px;
}
.campaign_day {
  font-size: 1.3rem;
  line-height: 1.5;
}
.campaign_day .ex_text{
  display: block;
}
.campaign_day .ex_text::before{
  content: "\02666";
}
.campaign__btn {
  display: inline-block;
  min-width: 200px;
  width: 100%;
  padding: 11px 14px;
  border: 2px solid #FF8311;
  border-radius: 28px;
  background-color: #fff;
  color: #FF8311;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  transition: 0.3s;
}
.campaign__btn::after {
  display: inline-block;
  content: "\f105";
  width: 30px;
  margin-left: 7px;
  background-color: #FF8311;
  border-radius: 50%;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
.campaign__btn:hover {
  background-color: #FF8311;
  color: #fff;
}
.campaign__btn:hover:after {
  background-color: #fff;
  color: #FF8311;
}
@media screen and (min-width: 768px) {
  .campaign .campaign__list .slick-prev{
    left: 0;
  }
  .campaign .campaign__list .slick-next{
    right: 0;
  }
  .campaign__item {
    padding: 0 0;
    margin-right: 4%;
    margin-bottom: 14px;
  }
  .campaign__item:hover .campaign__item_img {
    opacity: 0.8;
  }
  .campaign__item:hover .campaign_text_box {
    opacity: 0.7;
  }
  .campaign_text_box {
    width: 65%;
    transition: 0.3s;
  }
  .campaign__item_img {
    width: 30%;
    height: 135px;
    box-shadow: 0 0 8px rgba(150,150,150,0.3);
    transition: 0.3s;
  }
  .campaign__spwrap {
    min-height: inherit;
  }
  .campaign__detail,
  .campaign_day {
    margin-left: inherit;
  }
  .campaign__btn {
    width: 20%;
  }
}