@charset "Shift_JIS";
/* --------------------------------------------------------------------
共通設定
--------------------------------------------------------------------- */
/* ピックアップバナー（差し込み用バナー） */
#pickup_bnr { width: 100%; max-width: 640px; margin: 10px auto; padding: 0 3%; }
#pickup_bnr img { width: 100%; height: auto; }

/* 既存：商品一覧リスト上部 */
.mainframe_ .naviset_top_ {
  margin-top: 20px;
}

/* 改行切り替え */
.mainframe_ .sp_only { display: none; }
.wrapper_:not(:has(.mainframe_)) .pc_only { display: none; }


/* --------------------------------------------------------------------
「UVケア特集」ページ用CSS(PC・SP) / .uvcare
--------------------------------------------------------------------- */
/* フォントのメインカラー */
.uvcare .c_set1 {
  color: #FB7C37;
}

/* --------------- PC ----------------------------------------------- */
/* 下部回遊エリア（.mainframe_）
================================================== */
/* コンテンツナビ用ボタン（#content_navi_wrap） */
.mainframe_ #content_navi_wrap {
  background:
  url("/contents/proper/beauty/event/uvcare/img/navi_icon.png") center bottom / 100% auto no-repeat,
  url("/contents/proper/beauty/event/uvcare/img/navi_bg.jpg") center bottom / cover no-repeat;
}

.mainframe_ #content_navi_wrap ul li a:hover {
  border-color: #FB7C37;
}

/* --------------- SP ----------------------------------------------- */
/* 下部回遊エリア
================================================== */
/* コンテンツナビ用ボタン（#content_navi_wrap） */
.wrapper_:not(:has(.mainframe_)) #content_navi_wrap {
  background:
  url("/contents/proper/beauty/event/uvcare/img/navi_icon.png") center -10% / 100% auto no-repeat,
  url("/contents/proper/beauty/event/uvcare/img/navi_bg.jpg") center bottom / auto 100% no-repeat;
}