@charset "UTF-8";
/* 今日の要エントリー(Web のポイント条件 段 1・2026-11-07・entry_today.php)。
   見た目は design 決まった形_20261105.md §3 R1d(トップ PC・kekka は検索窓の下に同じ帯・2026-11-08)・R2(スマホ)。
   赤は価格なびのお得の赤 #D7263D の系統だけ(札・縁・倍率)。a には class を付けない(楽天の決まり)＝外の箱の class から当てる。
   スマホは sp-style.css が * で字を 10px にする＝字の大きさは全部書く。 */
.kn-ent, .kn-ent * { box-sizing: border-box; }
.kn-ent { color: #202124; font-size: 14px; line-height: 1.4; }
.kn-ent a { text-decoration: none !important; color: inherit !important; }
/* 1×1 の計測の画像(kkn_cal_link の Yahoo!・Qoo10 の VC)は a の中＝flex の子になり、間(gap)の分だけ札や名前を右へ押していた(スマホのトップの札のずれ・PM 9c 11/8)。
   消さずに流れの外へ(読み込みと計測は今のまま) */
.kn-ent a { position: relative; }
.kn-ent a > img[height="1"] { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.kn-ent .kn-ent-m { color: #5F6368; font-size: 12px; white-space: nowrap; }
.kn-ent .kn-ent-u { color: #D7263D; font-weight: 700; white-space: nowrap; }
.kn-ent .kn-ent-s { color: #5F6368; font-size: 13px; white-space: nowrap; }
.kn-ent .kn-ent-t { display: inline-block; flex: none; font-size: 12px; font-weight: 700; line-height: 1.5; color: #fff; background: #D7263D; border-radius: 4px; padding: 1px 8px; white-space: nowrap; }

/* トップ PC: R1d の帯(お買い得情報の箱の上) */
.kn-ent-pc { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 7px 10px 7px 8px; background: #FFF6F7; border: 1px solid #F3C9D0; border-left: 4px solid #D7263D; border-radius: 8px; }
.kn-ent-pc .kn-ent-tag { display: inline-block; flex: none; font-size: 12px; font-weight: 700; line-height: 1.5; color: #fff; background: #D7263D; border-radius: 4px; padding: 1px 8px; white-space: nowrap; }
.kn-ent-pc .kn-ent-tag.kn-ent-tag2 { line-height: 1.3; padding: 3px 8px; text-align: center; }
.kn-ent-pc .kn-ent-l { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 0; }
.kn-ent-pc .kn-ent-i { display: inline-flex; padding: 1px 6px; border-left: 1px solid #F0C2CA; }
.kn-ent-pc .kn-ent-i:first-child { border-left: 0; padding-left: 2px; }
.kn-ent-pc .kn-ent-i > a { display: inline-flex; align-items: baseline; gap: 3px; }
.kn-ent-pc .kn-ent-n { font-size: 14px; font-weight: 400; color: #1A5FB4; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.kn-ent-pc .kn-ent-u { font-size: 14px; }
.kn-ent-pc .kn-ent-g { color: #1A5FB4; font-size: 14px; }

/* スマホ: R2 の 1 行カード(ob のバナーの上) */
.kn-ent.kn-ent-sp { margin: 12px 12px 4px; border: 1px solid #F0B9C2; border-radius: 8px; background: #fff; font-size: 14px; }
.kn-ent-sp .kn-ent-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; background: #FDEBEE; border-radius: 7px 7px 0 0; }   /* 見出しの段の薄い地(依頼者 11/9「もう少し目立つように背景に色を付けて」・カードの線 #F0B9C2 の系統・濃い赤は使わない) */
.kn-ent-sp .kn-ent-hd b { font-size: 14px; font-weight: 700; }
.kn-ent-sp .kn-ent-more { flex: none; font-size: 12px; font-weight: 700; color: #1A5FB4 !important; white-space: nowrap; }
.kn-ent-sp .kn-ent-r > a { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 10px; border-top: 1px solid #F3D3D8; }
.kn-ent-sp .kn-ent-t { font-size: 11px; color: #D7263D; background: #fff; border: 1px solid #D7263D; border-radius: 3px; padding: 0 6px; }
.kn-ent-sp .kn-ent-m { flex: none; width: 4em; font-size: 11px; }   /* モールの字の列の幅を決める＝名前の左端が全部の行で揃う(札を外した後・PM 9c 11/9・Amazon が入る幅) */
.kn-ent-sp .kn-ent-n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 700; }
.kn-ent-sp .kn-ent-u { font-size: 14px; }
.kn-ent-sp .kn-ent-g { color: #9AA0A6; font-size: 18px; line-height: 1; }

/* kekka: 検索窓のすぐ下・全幅の帯(トップ PC と同じ R1d)。置き場は #wrapper の直前(#wrapper は grid＝中に置くと場所の名前の無い物は右の列へ入る)。
   左右は #wrapper の中身に揃える(kn-base.css: 1,440px まで・真ん中寄せ・左右 24px)。下の間は #wrapper の上の 20px */
.kn-ent-pc.kn-ent-kb { margin: 16px max(24px, calc((100% - 1392px) / 2)) 0; }

/* ［×］(3 か所・JS が足す・依頼者 11/9「右端に×ボタンをおいて、消せるようにしよう。」)。PC の帯は右端・スマホのカードは見出しの段の［ほかの日 ›］の右 */
.kn-ent .kn-ent-x { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -4px -4px -4px 4px; padding: 0; border: 0; border-radius: 50%;
	background: none; color: #5F6368; font-family: inherit; font-size: 18px; font-weight: 400; line-height: 1; cursor: pointer; }
.kn-ent .kn-ent-x:hover, .kn-ent .kn-ent-x:focus-visible { background: rgba(0, 0, 0, .06); }
.kn-ent-pc .kn-ent-x { margin-left: auto; align-self: center; }
.kn-ent-sp .kn-ent-more { margin-left: auto; }   /* ［ほかの日 ›］と［×］を右に寄せる(見出しの字は左) */
.kn-ent-sp .kn-ent-x { width: 32px; height: 32px; margin: -6px -6px -6px 0; }   /* 指で押す所を 32px に */