@charset "UTF-8";

/*おすすめクーポン*/
.couponTitle{
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 44px;
  margin: 0 0 10px 0;
  background: url("/common/dynamic/memx/img/ico_megaphone_green.svg") no-repeat left;
  background-size: 34px;
}
.RecommendCoupon a {
  color: #333;
}
.RecommendCouponGreenArea {
  background: #f5fdfc;
  padding: 30px 10px 30px 10px;
  text-align: center;
}
p.CouponItemShopName {
  font-size: 14px;
  font-weight: bold;
}
p.CouponItemCondition {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
}
p.CouponItemPrivilegeType {
  font-size: 12px;
  font-weight: bold;
  color: #00846d;
  margin-bottom: 0px;

}
.CouponItemPrivilegeText {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #00846d;
  margin-bottom: 15px;
}
.ActionRecommendCouponArea .RecommendCouponSlider ul{
  height: 230px;
}
.ActionRecommendCouponArea .RecommendCouponSlider .RecommendCoupon li{
  width: 130px;
  height: 220px;
  padding: 0 20px !important;
  background: #fff;
  box-shadow: 0px 2px 4px #00000029;
  border-radius: 8px;
  white-space: nowrap;
}
.ActionRecommendCouponArea .RecommendCouponSlider .RecommendCoupon img{
  height: 68px;
  text-align: center;
  margin: 10px auto;
}
.ActionRecommendCouponArea .RecommendCouponSlider .RecommendCoupon li p:nth-child(1){
  white-space: break-spaces;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 36px;
}
.ActionRecommendCouponArea .RecommendCouponSlider .RecommendCoupon li p:nth-child(2){
  white-space: break-spaces;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 32px;
}
.ActionRecommendCouponArea .RecommendCouponBtn{
  background: #00846D;
  margin-bottom: 24px;
  width: 280px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  padding: 9px 40px;
  line-height: 30px;
  letter-spacing: 0.06em;
  background-size: auto;
  background-image: url(https://www.smbc-card.com/mem/responsive/img/ic-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}
.ActionRecommendCouponArea ul::-webkit-scrollbar{
  display: none;
}

/*スライドクーポン*/
.RecommendCouponSlider.SliderItem4 ul{
  font-size: 0px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
.RecommendCouponSlider.SliderItem4 ul li{
  display: inline-block;
  white-space: normal;
  font-size: 14px;
  width: 130px;
  margin-left: 10px;
}
.RecommendCouponSlider.SliderItem4 ul li.item0 {
    margin-left: 0;
}

.RecommendCouponSlider.SliderItem4 ul img{
  display: block;
}

.RecommendCouponSlider.SliderItem4 .RecommendCouponSliderBtn {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}
.RecommendCouponSlider.SliderItem4 ul.RecommendCouponSliderBtn li {
  width: 16px;
}
.RecommendCouponSlider.SliderItem4 ul.RecommendCouponSliderBtn li button{
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #777777;
  border-radius: 6px;
  margin: 3px 5px;
  border: none;
  font-size: 0;
  outline: none;
}
.RecommendCouponSlider.SliderItem4 ul.RecommendCouponSliderBtn li.slick-active button {
  border: none;
  background-color: #005135;
}