@charset "utf-8";

/* ----------------------------------
 2026 BEAUTY BLACK FRIDAY
---------------------------------- */
/* pcのみ */
@media screen and (max-width: 749px) {
  #blackfriday2026 .for-pc { display: none;}
}
/* spのみ */
@media screen and (min-width: 750px) {
  #blackfriday2026 .for-sp { display: none;}
}

/* 共通 */
html { scroll-behavior: smooth;}
#header #header_bottom { padding-bottom: 0;}

#blackfriday2026 {
  width: 100%;
	min-width: 1200px;
	margin: 0 auto;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  color: #FFF;
  background: #000;
  overflow: hidden;
}
#blackfriday2026 a { color: #FFF; text-decoration: none; display: block; transition: .3s;}
#blackfriday2026 a:hover { text-decoration: none; opacity: 0.8;}
#blackfriday2026 img { max-width: 100%; height: auto; display: block;}
#blackfriday2026 h1,
#blackfriday2026 h2,
#blackfriday2026 h3,
#blackfriday2026 p,
#blackfriday2026 ul { padding: 0; margin: 0;}
#blackfriday2026 li { list-style: none;}
#blackfriday2026 sup { font-size: 0.6em; vertical-align: text-top;}
#blackfriday2026 small { font-size: 0.65em;}
#blackfriday2026 .c_inner { width: 100%; max-width: 1220px; padding: 0 10px; margin: 0 auto;}

@media screen and (max-width: 749px) {
	#blackfriday2026 { min-width: unset;}
  #blackfriday2026 .c_inner { padding: 0 2.67vw;}
}

/* top */
#blackfriday2026 .sec_top { padding-top: 37px; background: #000 url(/img/usr/freepage/2026/2610blackfriday/bg_top_pc.jpg) no-repeat center top / 2400px auto;}
#blackfriday2026 .sec_top .c_inner { position: relative;}
#blackfriday2026 .sec_top .mv_title { width: 654px; height: 394px; position: relative; z-index: 1;}
#blackfriday2026 .sec_top .mv_title .title { width: 559px;}
#blackfriday2026 .sec_top .mv_title .title_off { width: 173px; position: absolute; top: 14px; left: 481px;}
#blackfriday2026 .sec_top .mv_item { width: 771.5px; position: absolute; top: 17px; right: -144.5px;}
#blackfriday2026 .sec_top .lead { padding-top: 50px; position: relative; z-index: 1;}
#blackfriday2026 .sec_top .lead h2 { margin-bottom: 20px; font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif; font-size: 28px; font-weight: bold; line-height: 1.79;}
#blackfriday2026 .sec_top .lead p { font-size: 18px; line-height: 2.44;}
#blackfriday2026 .sec_top .notice { padding: 35px 60px 45px; margin-top: 55px; background: rgba(30, 30, 30, 0.6); position: relative; z-index: 1;}
#blackfriday2026 .sec_top .notice h2 { margin-bottom: 20px; font-size: 24px; font-weight: bold; text-align: center; color: #FEF29D;}
#blackfriday2026 .sec_top .notice h2::before {
  content: "!";
  width: 30px;
  height: 27px;
  margin-right: 12px;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
	letter-spacing: 0px;
  color: #1E1E1E;
  display: inline-block;
  vertical-align: -3px;
  background: #FEF29D;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
#blackfriday2026 .sec_top .notice_inner { display: flex;}
#blackfriday2026 .sec_top .notice_inner p { font-size: 16px; letter-spacing: 0.06em; line-height: 1.5;}
#blackfriday2026 .sec_top .notice_inner p:first-child { width: 560px;}
#blackfriday2026 .sec_top .notice_inner a,
#blackfriday2026 .sec_top .notice_inner a:hover { display: inline; text-decoration: underline;}
#blackfriday2026 .sec_top .notice_inner a[href^="tel"] { text-decoration: none;}
#blackfriday2026 .sec_top .notice .attention { padding: 8px 10px; margin-top: 25px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; text-align: center; letter-spacing: 0.06em;}

@media screen and (max-width: 749px) {
  #blackfriday2026 .sec_top { padding-top: 5.07vw; background-image: url(/img/usr/freepage/2026/2610blackfriday/bg_top_sp.jpg); background-size: 100% auto;}
  #blackfriday2026 .sec_top .mv_title { width: 80vw; height: 50.8vw; margin-left: 12.53vw;}
  #blackfriday2026 .sec_top .mv_title .title { width: 69.6vw; margin-top: 1.6vw;}
  #blackfriday2026 .sec_top .mv_title .title_off { width: 24.13vw; top: 0; left: 55.87vw;}
  #blackfriday2026 .sec_top .mv_item { width: 82.35vw; margin: -4.13vw 0 0 8.53vw; position: relative; top: auto; right: auto;}
  #blackfriday2026 .sec_top .lead { padding-top: 8vw; text-align: center;}
  #blackfriday2026 .sec_top .lead h2 { margin-bottom: 2.13vw; font-size: 4.8vw; letter-spacing: 0.06em; line-height: 1.67;}
  #blackfriday2026 .sec_top .lead p { font-size: 3.47vw; letter-spacing: 0.06em; line-height: 2.08;}
  #blackfriday2026 .sec_top .notice { padding: 6.67vw 2.67vw; margin-top: 9.33vw; background: rgba(30, 30, 30, 0.6);}
  #blackfriday2026 .sec_top .notice h2 { margin-bottom: 3.47vw; font-size: 4vw;}
  #blackfriday2026 .sec_top .notice h2::before { width: 4vw; height: 3.6vw; margin-right: 2vw; font-size: 2.4vw; line-height: 4.2vw; vertical-align: -0.4vw;}
  #blackfriday2026 .sec_top .notice_inner { flex-direction: column; gap: 4.27vw;}
  #blackfriday2026 .sec_top .notice_inner p { font-size: 3.13vw; line-height: 1.36;}
  #blackfriday2026 .sec_top .notice_inner p:first-child { width: 100%;}
  #blackfriday2026 .sec_top .notice .attention { padding: 3.2vw 2.67vw 3.2vw 7.47vw; margin-top: 4vw; border-width: 0.4vw; font-size: 3.47vw; text-align: left; text-indent: -1em; line-height: 1.5;}
}

/* lineup */
#blackfriday2026 .sec_lineup { padding: 95px 0 120px; background: #0a0503 url(/img/usr/freepage/2026/2610blackfriday/bg_lineup_pc.jpg) no-repeat center top / 2400px auto;}
#blackfriday2026 .sec_lineup .title {
  margin-bottom: 87px;
  font-family: "Jost", "Futura", "Century Gothic", sans-serif;
  font-size: 64px;
  font-weight: 500;
  text-align: center;
 
  line-height: 1;
}
#blackfriday2026 .sec_lineup .title span { margin-top: 18px; font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", sans-serif; font-size: 22px; font-weight: bold; display: block;}
#blackfriday2026 .list-item { display: flex; flex-wrap: wrap; gap: 100px 40px; scroll-margin-top: 80px;}
#blackfriday2026 .list-item + .list-item { margin-top: 100px;}

@media screen and (max-width: 749px) {
  #blackfriday2026 .sec_lineup { padding: 12vw 0 16vw; background-image: url(/img/usr/freepage/2026/2610blackfriday/bg_lineup_sp.jpg); background-size: 100% auto;}
  #blackfriday2026 .sec_lineup .title { margin-bottom: 14.67vw; font-size: 12vw;}
  #blackfriday2026 .sec_lineup .title span { margin-top: 2.67vw; font-size: 4.27vw;}
  #blackfriday2026 .list-item { gap: 16vw 2.67vw; scroll-margin-top: 30vw;}
  #blackfriday2026 .list-item + .list-item { margin-top: 16vw;}
}

/* card 共通（全サイズ） */
#blackfriday2026 .list-item .card { background: linear-gradient(180deg, rgba(45, 15, 5, 0.8) 0%, rgba(0, 0, 0, 0.88) 100%); position: relative;}
#blackfriday2026 .list-item .card .catch { position: relative; z-index: 1;}
#blackfriday2026 .list-item .card .catch img { width: 100%;}
#blackfriday2026 .list-item .card .limited { width: 100px; position: absolute; top: 70px; right: -4px; z-index: 1;}
#blackfriday2026 .list-item .card .img { position: relative;}
#blackfriday2026 .list-item .card .txt { position: relative; z-index: 1;}
#blackfriday2026 .list-item .card .logo { display: flex; align-items: center; gap: 20px;}
#blackfriday2026 .list-item .card .logo img { width: auto;}
#blackfriday2026 .list-item .card .logo .logo_trinityline { height: 30px;}
#blackfriday2026 .list-item .card .logo .logo_mytol { height: 20px;}
#blackfriday2026 .list-item .card .logo .logo_clinilabo { height: 27px;}
#blackfriday2026 .list-item .card .logo .logo_lipovitan { height: 19px;}
#blackfriday2026 .list-item .card .logo .logo_alfe { height: 20px;}
#blackfriday2026 .list-item .card .logo .logo_mytol + .logo_trinityline { height: 25px;}
#blackfriday2026 .list-item .card .name { font-weight: bold; letter-spacing: 0.04em; line-height: 1.25;}
#blackfriday2026 .list-item .card .spec li { padding-left: 1.25em; letter-spacing: 0.04em; position: relative;}
#blackfriday2026 .list-item .card .spec li::before { content: ""; width: 0.9em; height: 0.9em; border: #FFF 2px solid; border-radius: 50%; position: absolute; top: 0.3em; left: 0;}
#blackfriday2026 .list-item .card .spec .border { padding: 0 3px; margin: 2px 12px 2px 0; border: #FFF 1px solid; display: inline-block; line-height: 1.3;}
#blackfriday2026 .list-item .card .price-area { position: relative;}
#blackfriday2026 .list-item .card .total { font-weight: bold; letter-spacing: 0.03em;}
#blackfriday2026 .list-item .card .price-frame { display: flex; align-items: flex-start;}
#blackfriday2026 .list-item .card .price-frame .label { flex-shrink: 0;}
#blackfriday2026 .list-item .card .price-frame .num { width: auto; max-width: none; flex-shrink: 0;}
#blackfriday2026 .list-item .card .btn {
  width: 100%;
  padding: 0;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #EF1F4B 0%, #C8002F 100%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
#blackfriday2026 .list-item .card .count {
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #E4004F;
  position: absolute;
}
#blackfriday2026 .list-item .card .count span { display: block; white-space: nowrap;}
#blackfriday2026 .list-item .card .count b { font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 2em; line-height: 1;}

/* card PC */
@media screen and (min-width: 750px) {
  /* size-l・size-m（2列・横並び） */
  #blackfriday2026 .list-item.size-l .card,
  #blackfriday2026 .list-item.size-m .card {
    width: calc((100% - 40px) / 2);
    padding: 0 40px 34px;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "img catch" "img txt" "price price";
  }
  #blackfriday2026 .list-item.size-l .card .catch,
  #blackfriday2026 .list-item.size-m .card .catch { grid-area: catch;}
  #blackfriday2026 .list-item.size-l .card .img,
  #blackfriday2026 .list-item.size-m .card .img { grid-area: img; margin: -50px 0 0 -80px;}
  #blackfriday2026 .list-item.size-l .card .img img,
  #blackfriday2026 .list-item.size-m .card .img img { width: 250px; max-width: none;}
  #blackfriday2026 .list-item.size-l .card .txt,
  #blackfriday2026 .list-item.size-m .card .txt { grid-area: txt; padding-top: 20px; margin-right: -20px; align-self: center;}
  #blackfriday2026 .list-item.size-l .card .logo,
  #blackfriday2026 .list-item.size-m .card .logo { margin-bottom: 12px;}
  #blackfriday2026 .list-item.size-l .card .name,
  #blackfriday2026 .list-item.size-m .card .name { margin-bottom: 20px; font-size: 22px;}
  #blackfriday2026 .list-item.size-l .card .spec,
  #blackfriday2026 .list-item.size-m .card .spec { font-size: 16px; line-height: 1.5;}
  #blackfriday2026 .list-item.size-l .card .price-area,
  #blackfriday2026 .list-item.size-m .card .price-area { grid-area: price; padding-top: 10px;}
  #blackfriday2026 .list-item.size-l .card .total,
  #blackfriday2026 .list-item.size-m .card .total { margin: 0 0 22px 170px; font-size: 18px;}
  #blackfriday2026 .list-item.size-l .card .price-frame,
  #blackfriday2026 .list-item.size-m .card .price-frame { justify-content: center;}
  #blackfriday2026 .list-item.size-l .card .price-frame .label,
  #blackfriday2026 .list-item.size-m .card .price-frame .label { width: 65px; margin-top: 1px;}
  #blackfriday2026 .list-item.size-l .card .price-frame .num,
  #blackfriday2026 .list-item.size-m .card .price-frame .num { height: 73px; margin-left: 9px;}
  #blackfriday2026 .list-item.size-l .card .off,
  #blackfriday2026 .list-item.size-m .card .off { width: 95px; margin: -19px 0 0 23px;}
  #blackfriday2026 .list-item.size-l .card .btn,
  #blackfriday2026 .list-item.size-m .card .btn { max-width: 500px; height: 64px; margin: 20px auto 0; border-radius: 32px; font-size: 24px; line-height: 64px;}

  /* size-s（4列・縦積み） */
  #blackfriday2026 .list-item.size-s .card { width: calc((100% - 120px) / 4); padding: 40px 20px 30px; display: flex; flex-direction: column;}
  #blackfriday2026 .list-item.size-s .card .catch { position: absolute;}
  #blackfriday2026 .list-item.size-s .card .img { margin: 0 -27px -20px -30px;}
  #blackfriday2026 .list-item.size-s .card .img img { width: 290px; max-width: none;}
  #blackfriday2026 .list-item.size-s .card .count { width: 62px; height: 62px; right: 9px; bottom: 14px;}
  #blackfriday2026 .list-item.size-s .card .count_stick { width: 70px; height: 70px; font-size: 11px;}
  #blackfriday2026 .list-item.size-s .card .txt { flex: 1;}
  #blackfriday2026 .list-item.size-s .card .logo { margin-bottom: 6px;}
  #blackfriday2026 .list-item.size-s .card .name { margin-bottom: 8px; font-size: 17px; line-height: 1.45;}
  #blackfriday2026 .list-item.size-s .card .spec { font-size: 14px; line-height: 1.7;}
	#blackfriday2026 .list-item.size-s .card .spec li::before { top: 0.4em;}
  #blackfriday2026 .list-item.size-s .card .price-area { padding-top: 20px;}
  #blackfriday2026 .list-item.size-s .card .total { margin-bottom: 8px; font-size: 16px;}
  #blackfriday2026 .list-item.size-s .card .price-frame .label { width: 43px; margin-top: 1.5px;}
  #blackfriday2026 .list-item.size-s .card .price-frame .num { height: 49px; margin-left: 6px;}
  #blackfriday2026 .list-item.size-s .card .off { width: 68px; position: absolute; top: -62px; right: -35px;}
  #blackfriday2026 .list-item.size-s .card .btn { height: 44px; margin-top: 14px; border-radius: 22px; font-size: 18px; line-height: 44px;}
}

/* card SP */
@media screen and (max-width: 749px) {
  /* 共通（全サイズ） */
  #blackfriday2026 .list-item .card .logo .logo_trinityline { height: 4.53vw;}
  #blackfriday2026 .list-item .card .logo .logo_mytol { height: 3.47vw;}
  #blackfriday2026 .list-item .card .logo .logo_clinilabo { height: 4.13vw;}
  #blackfriday2026 .list-item .card .logo .logo_lipovitan { height: 3.33vw;}
  #blackfriday2026 .list-item .card .logo .logo_alfe { height: 3.87vw;}
  #blackfriday2026 .list-item .card .name { margin-bottom: 2.67vw; font-size: 4.27vw; line-height: 1.4;}
  #blackfriday2026 .list-item .card .off { position: absolute;}

  /* size-l（1列・横並び） */
  #blackfriday2026 .list-item.size-l .card {
    width: 100%;
    padding: 0 5.33vw 5.33vw;
    display: grid;
    grid-template-columns: 28vw minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "img catch" "img txt" "price price";
  }
  #blackfriday2026 .list-item.size-l .card .catch { grid-area: catch;}
  #blackfriday2026 .list-item.size-l .card .limited { width: 14.67vw; top: 10.67vw; right: 2.67vw;}
  #blackfriday2026 .list-item.size-l .card .img { grid-area: img; margin: -9.33vw 0 0 -6.67vw;}
  #blackfriday2026 .list-item.size-l .card .img img { width: 36vw; max-width: none;}
  #blackfriday2026 .list-item.size-l .card .txt { grid-area: txt; padding-top: 6.67vw; margin-right: -2.67vw;}
  #blackfriday2026 .list-item.size-l .card .logo { margin-bottom: 2.67vw; gap: 2.67vw;}
  #blackfriday2026 .list-item.size-l .card .logo:has(.logo_mytol):has(.logo_trinityline) { flex-direction: column; align-items: flex-start;}
  #blackfriday2026 .list-item.size-l .card .spec { font-size: 3.47vw; line-height: 1.3;}
  #blackfriday2026 .list-item.size-l .card .price-area { grid-area: price; padding-top: 6.67vw;}
  #blackfriday2026 .list-item.size-l .card .total { margin-bottom: 1.33vw; font-size: 3.73vw;}
  #blackfriday2026 .list-item.size-l .card .price-frame .label { width: 10.67vw; margin-top: 0.33vw;}
  #blackfriday2026 .list-item.size-l .card .price-frame .num { height: 12.53vw; margin-left: 3.13vw;}
  #blackfriday2026 .list-item.size-l .card .off { width: 20vw; top: 3.2vw; right: -3.33vw;}
  #blackfriday2026 .list-item.size-l .card .btn { height: 12vw; margin-top: 4vw; border-radius: 6vw; font-size: 4.27vw; line-height: 12vw;}

  /* size-m・size-s（2列・縦積み） */
  #blackfriday2026 .list-item.size-m .card,
  #blackfriday2026 .list-item.size-s .card { width: calc((100% - 2.67vw) / 2); padding: 9.33vw 2.67vw 4vw; display: flex; flex-direction: column;}
  #blackfriday2026 .list-item.size-m .card .catch,
  #blackfriday2026 .list-item.size-s .card .catch { margin: 0; position: absolute;}
  #blackfriday2026 .list-item.size-m .card .img,
  #blackfriday2026 .list-item.size-s .card .img { margin: 0 -2.67vw;}
  #blackfriday2026 .list-item.size-m .card .img img,
  #blackfriday2026 .list-item.size-s .card .img img { width: 100%;}
  #blackfriday2026 .list-item.size-m .card .txt,
  #blackfriday2026 .list-item.size-s .card .txt { padding-top: 2.53vw; flex: 1;}
  #blackfriday2026 .list-item.size-m .card .logo,
  #blackfriday2026 .list-item.size-s .card .logo { margin-bottom: 2vw;}
  #blackfriday2026 .list-item.size-m .card .spec,
  #blackfriday2026 .list-item.size-s .card .spec { font-size: 3.2vw; line-height: 1.33;}
  #blackfriday2026 .list-item.size-m .card .price-area,
  #blackfriday2026 .list-item.size-s .card .price-area { padding-top: 5.33vw;}
  #blackfriday2026 .list-item.size-m .card .total,
  #blackfriday2026 .list-item.size-s .card .total { margin-bottom: 1.33vw; font-size: 3.2vw; line-height: 1.4;}
  #blackfriday2026 .list-item.size-m .card .price-frame .label,
  #blackfriday2026 .list-item.size-s .card .price-frame .label { width: 8.67vw;}
  #blackfriday2026 .list-item.size-m .card .price-frame .num,
  #blackfriday2026 .list-item.size-s .card .price-frame .num { height: 7.73vw; margin: 1.07vw 0 0 2.53vw;}
  #blackfriday2026 .list-item.size-m .card .off,
  #blackfriday2026 .list-item.size-s .card .off { width: 13.33vw; top: 2vw; right: -4vw;}
  #blackfriday2026 .list-item.size-m .card .btn,
  #blackfriday2026 .list-item.size-s .card .btn { height: 9.33vw; margin-top: 3.2vw; border-radius: 4.67vw; font-size: 3.73vw; line-height: 9.33vw;}

  /* size-s のみ（合計◯本バッジ） */
  #blackfriday2026 .list-item.size-s .card .count { width: 13.47vw; height: 13.47vw; font-size: 2.93vw; right: 4vw; bottom: -4.93vw;}
  #blackfriday2026 .list-item.size-s .card .count_stick { width: 15.33vw; height: 15.33vw; font-size: 2.4vw;}
}

/* 商品画像（item01・05・06：PC/SP共通画像、影込み） */
@media screen and (min-width: 750px) {
  #blackfriday2026 .list-item.size-l .card .img01 { margin: -25px 0 0 -69px;}
  #blackfriday2026 .list-item.size-l .card .img01 img { width: 258px;}
  #blackfriday2026 .list-item.size-l .card .img05 { margin: -43px 0 0 -39px;}
  #blackfriday2026 .list-item.size-l .card .img05 img { width: 213px;}
  #blackfriday2026 .list-item.size-l .card .img06 { margin: -45px 0 0 -33px;}
  #blackfriday2026 .list-item.size-l .card .img06 img { width: 213px;}
}
@media screen and (max-width: 749px) {
  #blackfriday2026 .list-item.size-l .card .img01 { margin: -5.95vw 0 0 -8.13vw;}
  #blackfriday2026 .list-item.size-l .card .img01 img { width: 41.28vw;}
  #blackfriday2026 .list-item.size-l .card .img05 { margin: -9.41vw 0 0 -5.47vw;}
  #blackfriday2026 .list-item.size-l .card .img05 img { width: 34.05vw;}
  #blackfriday2026 .list-item.size-l .card .img06 { margin: -9.81vw 0 0 -5.6vw;}
  #blackfriday2026 .list-item.size-l .card .img06 img { width: 34.2vw;}
}

/* キャッチ画像の位置（catch01〜12：PC/SP共通画像） */
@media screen and (min-width: 750px) {
  #blackfriday2026 .list-item .card .catch01 { width: 281px; margin: -42px 0 0 23.5px;}
  #blackfriday2026 .list-item .card .catch02 { width: 310px; margin: -35px 0 0 4.5px;}
  #blackfriday2026 .list-item .card .catch03 { width: 330px; margin: -54px 0 0 3.5px;}
  #blackfriday2026 .list-item .card .catch04 { width: 321px; margin: -61px 0 0 24.5px;}
  #blackfriday2026 .list-item .card .catch05 { width: 270px; margin: -65px 0 0 3.5px;}
  #blackfriday2026 .list-item .card .catch06 { width: 281px; margin: -65px 0 0 24.5px;}
  #blackfriday2026 .list-item .card .catch07 { width: 318px; margin: -59px 0 0 3.5px;}
  #blackfriday2026 .list-item .card .catch08 { width: 281px; margin: -62px 0 0 24.5px;}
  #blackfriday2026 .list-item .card .catch09 { width: 263px; top: -59.5px; left: 34.5px;}
  #blackfriday2026 .list-item .card .catch10 { width: 203px; top: -54.5px; left: 44.5px;}
  #blackfriday2026 .list-item .card .catch11 { width: 240px; top: -63.5px; left: 17.5px;}
  #blackfriday2026 .list-item .card .catch12 { width: 210px; top: -60.5px; left: 17.5px;}
}
@media screen and (max-width: 749px) {
  #blackfriday2026 .list-item .card .catch01 { width: 52.24vw; margin: -10.48vw 0 0 -1.45vw;}
  #blackfriday2026 .list-item .card .catch02 { width: 57.71vw; margin: -9.41vw 0 0 -1.72vw;}
  #blackfriday2026 .list-item .card .catch03 { width: 61.44vw; margin: -9.28vw 0 0 -1.72vw;}
  #blackfriday2026 .list-item .card .catch04 { width: 59.71vw; margin: -9.41vw 0 0 -1.72vw;}
  #blackfriday2026 .list-item .card .catch05 { width: 50.24vw; margin: -9.28vw 0 0 2.28vw;}
  #blackfriday2026 .list-item .card .catch06 { width: 52.24vw; margin: -9.55vw 0 0 2.28vw;}
  #blackfriday2026 .list-item .card .catch07 { width: 42.4vw; top: -12.27vw; left: 1.93vw;}
  #blackfriday2026 .list-item .card .catch08 { width: 37.47vw; top: -12.27vw; left: 4.47vw;}
  #blackfriday2026 .list-item .card .catch09 { width: 42.32vw; top: -8.43vw; left: 1.97vw;}
  #blackfriday2026 .list-item .card .catch10 { width: 32.32vw; top: -5.09vw; left: 7.04vw;}
  #blackfriday2026 .list-item .card .catch11 { width: 38.32vw; top: -8.43vw; left: 1.97vw;}
  #blackfriday2026 .list-item .card .catch12 { width: 33.52vw; top: -5.23vw; left: 6.37vw;}
}

/* SP追従メニュー */
@media screen and (max-width: 749px) {
  body { 
		padding-bottom: 14.93vw;
	}
  #blackfriday2026 .sp_nav {
    width: 100%;
    height: 14.93vw;
    border-top: 0.8vw solid #d6b25e;
    border-image: linear-gradient(90deg, #a97b2c 0%, #f6e3a1 50%, #b8893a 100%) 1;
    background: #000;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }
  #blackfriday2026 .sp_nav ul { height: 100%; padding: 0; margin: 0; display: flex;}
  #blackfriday2026 .sp_nav li { width: 25%;}
  #blackfriday2026 .sp_nav li + li { border-left: 1px solid #8a6a2d;}
  #blackfriday2026 .sp_nav a { height: 100%; display: flex; align-items: center; justify-content: center;}
  #blackfriday2026 .sp_nav a span {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 4.8vw;
    font-weight: bold;
    color: transparent;
    background: linear-gradient(180deg, #FFF6cf 0%, #e9c36a 50%, #b8892e 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  #blackfriday2026 .sp_nav a b { font-size: 7.47vw;}
}