@charset "Shift_JIS";
/* --------------------------------------------------------------------
「レトルト・インスタント特集」ページ用CSS(SP) / .retortfood
--------------------------------------------------------------------- */
/* フォントのメインカラー */
/*
.retortfood .c_set1 {
  color: #e43905;
}
*/

/* 下部回遊エリア
================================================== */
/* コンテンツナビ用ボタン（#content_navi_wrap） */
.wrapper_ > #content_navi_wrap {
  position: relative;
  background: #f5f3e4;
  overflow: hidden;
}

.wrapper_ > #content_navi_wrap > .inner {
  padding: 40px 3% 60px 3%;
}

.wrapper_ > #content_navi_wrap::before,
.wrapper_ > #content_navi_wrap::after,
.wrapper_ > #content_navi_wrap > .inner::before,
.wrapper_ > #content_navi_wrap > .inner::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 58px;
  height: auto;
}
/* レンジ */
.wrapper_ > #content_navi_wrap::before {
  width: 66px;
  margin: 0 0 0 -130px;
  aspect-ratio: 142 / 92;
  background: url("/contents/proper/foods/event/retortfood/img/navi_icon01.png") center center / contain no-repeat;
}
/* 鍋 */
.wrapper_ > #content_navi_wrap::after {
  margin: 0 0 0 -50px;
  aspect-ratio: 142 / 116;
  background: url("/contents/proper/foods/event/retortfood/img/navi_icon02.png") center center / contain no-repeat;
}
/* 時計 */
.wrapper_ > #content_navi_wrap > .inner::before {
  width: 44px;
  margin: 0 0 0 20px;
  bottom: -8px;
  transform: rotate(-20deg);
  aspect-ratio: 123 / 137;
  background: url("/contents/proper/foods/event/retortfood/img/navi_icon03.png") center center / contain no-repeat;
}
/* やかん */
.wrapper_ > #content_navi_wrap > .inner::after {
  margin: 0 0 0 74px;
  bottom: -6px;
  aspect-ratio: 143 / 130;
  background: url("/contents/proper/foods/event/retortfood/img/navi_icon04.png") center center / contain no-repeat;
}
