/* 特集 BF(/tokushu/black-friday-2026/)だけの見た目(2026-11-12・server)。
 * 1 章の帯(kn-bf-)は design design/tokushu_bf/bf_timeline.html の <style> をそのまま写した物(design 11/9・PM 9c)。
 * カード 4 枚の並び(n4)は PC で 2×2・599px 以下は 1 列(kn-tkshop.css の n1・n2 と同じ線)。モールの頁へのリンクは .kbf-mall の箱で見た目を当てる(a に class を足さない)。 */
.kn-bf{margin:20px 0 24px;padding:16px 18px 12px;border:1px solid #DADCE0;border-radius:10px;background:#fff;color:#202124}
.kn-bf-cap{margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.5}
.kn-bf-row{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:14px;align-items:start;padding:12px 0;border-top:1px solid #ECEEF1}
.kn-bf-lbl{font-size:14px;font-weight:700;line-height:1.5;padding-top:6px}
.kn-bf-lbl small{display:block;font-size:12px;font-weight:400;color:#5F6368}
.kn-bf-us{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.kn-bf-us li{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px;border:1px solid #DADCE0;border-radius:8px;background:#F8F9FA;line-height:1.4}
.kn-bf-us li b{font-size:15px}
.kn-bf-us li span{font-size:13px;color:#5F6368}
.kn-bf-us li.kn-bf-day{background:#202124;border-color:#202124;color:#fff}
.kn-bf-us li.kn-bf-day span{color:#fff;font-weight:700}
.kn-bf-us li.kn-bf-ar{padding:0;border:0;background:none;font-size:18px;color:#80868B}
.kn-bf-jp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.kn-bf-jp li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #DADCE0;border-radius:8px;line-height:1.45}
.kn-bf-m{font-size:14px;font-weight:700}
.kn-bf-d{font-size:15px;font-weight:700;color:#1B4F8A}
.kn-bf-tbd{align-self:flex-start;font-size:13px;font-weight:700;color:#5F6368;border:1px dashed #9AA0A6;border-radius:4px;padding:0 8px}
.kn-bf .kn-bf-us,.kn-bf .kn-bf-jp{margin:0!important;padding:0!important;list-style:none!important}/* 頁の ul・ol の字下げを消す */
.kn-bf .kn-bf-us li,.kn-bf .kn-bf-jp li{margin:0!important}
.kn-bf-nw{display:inline-block;white-space:nowrap}/* 日付は「〜」の後でだけ折る */
.kn-bf-note{margin:6px 0 0;font-size:12px;color:#5F6368;line-height:1.6}
@media (max-width:600px){
  .kn-bf{padding:14px 14px 10px}
  .kn-bf-row{grid-template-columns:1fr;row-gap:6px}
  .kn-bf-lbl{padding-top:0}
  .kn-bf-lbl small{display:inline;margin-left:6px}
  .kn-bf-jp{grid-template-columns:1fr}
  .kn-bf-jp li{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
}
.ks-cards.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.kbf h2#s6 ~ ul a{overflow-wrap:anywhere;word-break:break-all}
.kbf .kbf-mall{margin:10px 0 22px;text-align:right}
.kbf .kbf-mall a{display:inline-block;border:1.5px solid #1D4E89;border-radius:8px;padding:9px 14px;color:#1D4E89;font-weight:700;text-decoration:none;background:#fff}
@media(max-width:599px){
 .ks-cards.n4{grid-template-columns:1fr}
 .kbf .ks-pz:empty{min-height:0;padding-top:0;border-top:0;margin-bottom:6px}
 .kbf .kbf-mall{text-align:left}
 .kbf .kbf-mall a{display:block;text-align:center}
}