@charset "UTF-8";
/* ==================================================
custom
================================================== */
/* --------------------------------------------------
ページ背景
-------------------------------------------------- */
body {
  background-color: #f9d576;
}

/* --------------------------------------------------
共通要素
-------------------------------------------------- */
/* 背景グラデーション（下→上） */
.c-hdg,
.step__item::before {
  background: linear-gradient(#f0f0f0, #ffffff);
}

/* 枠線 */
.c-hdg,
.step__item,
.step__item::before,
.present__photo::before {
  border-color: #cccccc;
}

/* 文字色 */
.c-hdg,
.step__item::before {
  color: #000000;
}

/* --------------------------------------------------
スマコレ「続きを見る」ボタン
-------------------------------------------------- */
/* 背景色 */
#smacolle #sc_grid_more_btn {
  background-color: #e65626;
}

/* 文字色 */
#smacolle #sc_grid_more_btn {
  color: #ffffff;
}

/* --------------------------------------------------
応募方法　ハッシュタグ
-------------------------------------------------- */
/* 文字色 */
.step__hashtag {
  color: #c7000a;
}

/* --------------------------------------------------
応募方法「◯◯をフォローする」ボタン
-------------------------------------------------- */
/* 背景色 (X) */
.c-btn--x {
  background-color: #000000;
}

/* 背景色 (インスタグラム) */
.c-btn--insta {
  background-color: #f91c74;
}

/* 文字色 */
.c-btn--icon .c-btn__inner {
  color: #ffffff;
}

/* アイコンの色 */
.c-btn__icon svg path {
  fill: #ffffff;
}

/* --------------------------------------------------
プレゼントの当選人数
-------------------------------------------------- */
/* 文字色 */
.present__winners {
  color: #c7000a;
}


/* --------------------------------------------------
追加カスタマイズ
-------------------------------------------------- */
/* 文字上下幅 */
.present__winners {
  margin-bottom:0.5em;
}



/* コンテンツ上下幅 */
.present__item {
  padding-bottom:80rem;
}
@media screen and (min-width: 769px) {
  .present__item {
    padding-bottom: 90rem;
  }
}



/* 文字サイズ変更 */
.step__hashtag,
.plus_custom {
  font-size:36rem;
}
@media screen and (min-width: 769px) {
  .step__hashtag,
  .plus_custom { 
    font-size: 24rem;
  }
}