@charset "UTF-8";

/* ====================================
特集の終了ページ共通CSS　PC
==================================== */

.campaign-end {
  margin: 0;
  background: #e9e9e9;
  padding: 30px 1em 24px;
}

/* ---- .end_comment -------------------- */
.campaign-end .end_comment {
  width: 100%;
}

.campaign-end .end_comment .text {
  color: #444;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
  padding: 0;
}

/* ---- .delivery -------------------- */
.campaign-end #delivery h2,
.campaign-end #delivery h3,
.campaign-end #delivery ul,
.campaign-end #delivery li,
.campaign-end #delivery dl,
.campaign-end #delivery dt,
.campaign-end #delivery dd,
.campaign-end #delivery p {
  margin: 0;
  padding: 0;
  text-align: left;
}

.campaign-end #delivery a :hover {
  opacity: 0.7;
}

.campaign-end #delivery {
  padding: 30px 4% 14px;
}

.campaign-end #delivery .ttl,
.campaign-end #delivery .info1 p span,
.campaign-end #delivery .info2 p span {
  font-size: 18px;
  font-weight: bold;
  color: #3e3e3e;
}

.campaign-end #delivery img {
  height: 70px;
  margin-right: 14px;
}

.campaign-end #delivery .ttl {
  text-align: center;
  margin-bottom: 25px;
}

.campaign-end #delivery p {
  font-size: 15px;
  line-height: 1.5;
  margin-top: -4px;
  color: #3e3e3e;
}

.campaign-end #delivery .info1,
.campaign-end #delivery .info2 {
  display: flex;
  width: 82%;
  margin: 0 auto;
}

.campaign-end #delivery .info1 {
  margin-bottom: 26px;
}

.campaign-end #delivery .infoBox1 {
  padding: 30px 1em;
  background-color: rgb(255 255 255 / 58%);
}

.campaign-end #delivery .attention {
  margin: 30px 30px 0;
  color: #d00;
}

/* ---------------------------- */
.onlySP {
  display: none;
}

.onlyPC {
  display: block;
}

/* ============================ SP ============================ */

#news .campaign-end {
  padding: 1em;
}

/* ---- .end_comment -------------------- */
#news .campaign-end .end_comment .text {
  font-size: 4.4vw;
}

/* ---- .delivery -------------------- */
#news .campaign-end #delivery {
  font-size: 1.6vw;
}

#news .campaign-end #delivery h2,
#news .campaign-end #delivery h3,
#news .campaign-end #delivery ul,
#news .campaign-end #delivery li,
#news .campaign-end #delivery dl,
#news .campaign-end #delivery dt,
#news .campaign-end #delivery dd,
#news .campaign-end #delivery p {
  text-align: center;
}

#news .campaign-end #delivery {
  padding: 1.6em 1.6em 0.8em;
}

#news .campaign-end #delivery .info1,
#news .campaign-end #delivery .info2 {
  display: block;
  width: 100%;
}

#news .campaign-end #delivery .ttl,
#news .campaign-end #delivery .info1 p span,
#news .campaign-end #delivery .info2 p span {
  font-size: 3.4vw;
  margin-bottom: 0.4em;
  line-height: 1.5;
}

#news .campaign-end #delivery img {
  width: 62%;
  height: auto;
  margin-right: 0;
  margin-bottom: 0.3em;
}

#news .campaign-end #delivery .ttl {
  margin-bottom: 1.4em;
}

#news .campaign-end #delivery p {
  font-size: 3.2vw;
  line-height: 1.8;
  margin-top: 0;
}

#news .campaign-end #delivery .info1,
#news .campaign-end #delivery .info2 {
  text-align: center;
}

#news .campaign-end #delivery .info1 {
  margin-bottom: 1.7em;
}

#news .campaign-end #delivery .infoBox1 {
  padding: 1.5em;
}

#news .campaign-end #delivery .attention {
  margin: 1.5em 0.4em 0;
  font-size: 3.2vw;
}

/* ---------------------------- */

#news .campaign-end .onlySP {
  display: block;
}

#news .campaign-end .onlyPC {
  display: none;
}


/* ============================ SP カテゴリー ============================ */

#goods .campaign-end {
  padding: 1em;
}

/* ---- .end_comment -------------------- */
#goods .campaign-end .end_comment .text {
  font-size: 4.4vw;
}

/* ---- .delivery -------------------- */
#goods .campaign-end #delivery {
  font-size: 1.6vw;
}

#goods .campaign-end #delivery h2,
#goods .campaign-end #delivery h3,
#goods .campaign-end #delivery ul,
#goods .campaign-end #delivery li,
#goods .campaign-end #delivery dl,
#goods .campaign-end #delivery dt,
#goods .campaign-end #delivery dd,
#goods .campaign-end #delivery p {
  text-align: center;
}

#goods .campaign-end #delivery {
  padding: 1.6em 1.6em 0.8em;
}

#goods .campaign-end #delivery .info1,
#goods .campaign-end #delivery .info2 {
  display: block;
  width: 100%;
}

#goods .campaign-end #delivery .ttl,
#goods .campaign-end #delivery .info1 p span,
#goods .campaign-end #delivery .info2 p span {
  font-size: 3.4vw;
  margin-bottom: 0.4em;
  line-height: 1.5;
}

#goods .campaign-end #delivery img {
  width: 62%;
  height: auto;
  margin-right: 0;
  margin-bottom: 0.3em;
}

#goods .campaign-end #delivery .ttl {
  margin-bottom: 1.4em;
}

#goods .campaign-end #delivery p {
  font-size: 3.2vw;
  line-height: 1.8;
  margin-top: 0;
}

#goods .campaign-end #delivery .info1,
#goods .campaign-end #delivery .info2 {
  text-align: center;
}

#goods .campaign-end #delivery .info1 {
  margin-bottom: 1.7em;
}

#goods .campaign-end #delivery .infoBox1 {
  padding: 1.5em;
}

#goods .campaign-end #delivery .attention {
  margin: 1.5em 0.4em 0;
  font-size: 3.2vw;
}

/* ---------------------------- */

#goods .campaign-end .onlySP {
  display: block;
}

#goods .campaign-end .onlyPC {
  display: none;
}