@charset "utf-8";
/* CSS Document */
.txt-box-wh {
  background-color: #ffffffa8;
  padding-top: 1em;
}
/* おすすめ商品レイアウト */
/** 背景あり枠 **/
.box-smr {
  display: flex;
  flex-direction: column;
  padding: 1.5em 1em;
  background-image: url("/event/summer/images/2025smr_bg1.jpg");
}
.box-md:nth-child(even) {
  background-image: url("/event/summer/images/2025smr_bg2.jpg");
  padding: 1.5em 1em;
}
/** リボン **/
.icon_gift_01 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 30px 0 15px;
    font-size: 15px;
    background: #80d0d1;
    color: #FFF;
    box-sizing: border-box;
}
.icon_gift_02 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 30px 0 15px;
    font-size: 15px;
    background: #83cb66;
    color: #FFF;
    box-sizing: border-box;
}
.icon_gift_01:after,
.icon_gift_02:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: -1px;
    border-width: 20px 15px 20px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
/*Flexbox*/
@media (min-width:768px) {
  .box-smr {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 0px;
    padding: 1em 0.5em;
  }
  .box-smr:nth-child(even) {
    flex-direction: row;
  }
  .box-smr:nth-child(even) .text {
    text-align: left;
  }
  .box-smr:nth-child(even) .pict {
    margin-left: 0;
  }
}