@charset "utf-8";
/* お買い得カレンダー(/otoku/・2026-10-27・server)。読むのはこの頁だけ(info_layout の $o['css'])。
   形の正: kakaku-navi_design design/pc_panel_calendar(v6＝PC の週の並び・今日の段・これからの予定／v7＝スマホの横に 1 本の並び・b809b86)。
   ★ほかの頁の css(kn-base・kn-text)は替えない＝ほかの頁はバイトまで今と同じ。1 カラムもここで当てる(body.kn-cal のときだけ)。 */

/* 1 カラム(左の欄なし・本文 808 を真ん中・依頼者「左のバナーメニューはいらない。1カラムで」) */
body.kn-cal .kn-twrap.kn-one { grid-template-columns: minmax(0, 1fr); max-width: 808px; }
body.kn-cal .kn-tcrumb { max-width: 808px; }

/* ── 週の並び(v6・PC) ── */
.cw-w{border-top:1px solid #DADCE0;padding:4px 0 6px}.cw-w:first-child{border-top:0}
.cw-h{display:grid;grid-template-columns:var(--cwL) repeat(7,1fr);align-items:end}
.cw-p{grid-column:1;font-size:calc(var(--cwF) - 1px);color:#5F6368;line-height:1.25;white-space:nowrap;align-self:center}.cw-p em{display:block;font-style:normal;font-weight:700;color:#1A5FB4}
.cw-d{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px 0 3px;font-size:calc(var(--cwF) - 1px);color:#5F6368;border-radius:6px 6px 0 0}
.cw-d i{font-style:normal;font-weight:700;color:#202124;font-size:calc(var(--cwF) + 2px);line-height:1.15}.cw-d.sat span{color:#1D4E89}.cw-d.sun span{color:#9C3B00}
.cw-d.td{background:#E8F0FE}.cw-d b{position:absolute;top:2px;font-size:calc(var(--cwF) - 2.5px);color:#fff;background:#1A5FB4;border-radius:3px;padding:0 4px;line-height:1.35}
.cw-l{display:grid;grid-template-columns:var(--cwL) 1fr;height:var(--cwH);border-top:1px solid #EEF0F2}.cw-l.dl{border-top:0}
.cw-m{display:flex;align-items:center;font-size:calc(var(--cwF) - 1px);font-weight:700;color:#3C4043;white-space:nowrap}
.cw-t{position:relative}.cw-tc{position:absolute;left:0;top:0;bottom:0;width:14.2857%;background:#E8F0FE}
.cw-b{position:absolute;top:50%;transform:translateY(-50%);height:calc(var(--cwH) - 10px);background:#DCE7F7;color:#1D4E89 !important;text-decoration:none !important;border-radius:4px;font-size:var(--cwF);font-weight:700;display:flex;align-items:center;padding:0 6px;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.cw-b.sale{background:#E9E2F8;color:#4B2E83 !important}.cw-b.plan{background:#F6F2FD;border:1.5px dashed #4B2E83}
.cw-b.cl{border-radius:0 4px 4px 0;border-left:3px dotted currentColor}.cw-b.cr{border-radius:4px 0 0 4px;border-right:3px dotted currentColor}.cw-b.cl.cr{border-radius:0}
.cw-c{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;text-decoration:none !important}
.cw-c span{display:inline-flex;align-items:center;justify-content:center;min-width:12px;height:12px;border-radius:6px;background:#1D4E89;color:#fff;font-size:calc(var(--cwF) - 2px);font-weight:700;padding:0;white-space:nowrap}
.cw-c span:not(:empty){height:auto;padding:1px 6px;border-radius:9px;background:#DCE7F7;color:#1D4E89}
.cw-none{font-size:calc(var(--cwF) - 1px);color:#80868B;padding:6px 0 2px calc(var(--cwL))}

/* ── 横に 1 本の並び(v7・スマホの頁とパネルの ⓑ 共通)。位置は「日」の数(--i・--a・--b)×1 日の幅(--dw)。--k＝何段目 ── */
.cs{--lw:44px;--hh:48px;--lh:26px;--n:63;--dw:46px;position:relative}
.cs-st{height:calc(var(--hh) + var(--lh) * var(--nl) + 26px);display:grid;grid-template-columns:var(--lw) 1fr;grid-template-rows:1fr 26px;background:#fff}
.cs-lb{grid-row:1;grid-column:1;display:flex;flex-direction:column}.cs-mo{height:var(--hh);flex:0 0 auto;display:flex;align-items:flex-end;padding-bottom:4px;font-size:13px;font-weight:700;color:#1D4E89}
.cs-ln{height:var(--lh);flex:0 0 auto;display:flex;align-items:center;font-size:11px;font-weight:700;color:#3C4043;border-top:1px solid #EEF0F2;white-space:nowrap;box-sizing:border-box}
.cs-vp{grid-row:1;grid-column:2;position:relative;overflow:hidden;container-type:inline-size}
.cs-tl{position:absolute;left:0;top:0;bottom:0;width:calc(var(--dw) * var(--n))}
@supports (width: 1cqw) { .cs-swipe .cs-tl{--dw:calc(100cqw / 6.5)} .cs-box .cs-tl{--dw:calc(100cqw / 7)} }
.cs-hs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;outline:none}.cs-hs::-webkit-scrollbar{display:none}
.cs-hs .cs-tl{position:relative;height:100%}
.cs-fd{grid-row:1;grid-column:2;justify-self:end;width:22px;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none;z-index:2}
.cs-pg{position:relative;height:4px;margin:2px 0 4px var(--lw);border-radius:2px;background:#EEF0F2}.cs-pg i{position:absolute;top:0;bottom:0;left:0;width:16px;border-radius:2px;background:#9AA0A6}
.cs-dy{position:absolute;top:0;left:calc(var(--dw) * var(--i));width:var(--dw);height:var(--hh);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:3px;font-size:10.5px;color:#5F6368;line-height:1.3;scroll-snap-align:start;box-sizing:border-box}
.cs-dy i{font-style:normal;font-size:13px;font-weight:700;color:#202124;line-height:1.15}.cs-dy.sat span{color:#1D4E89}.cs-dy.sun span{color:#9C3B00}
.cs-dy.td{background:#E8F0FE;border-radius:6px 6px 0 0}.cs-dy b{position:absolute;top:2px;font-size:9.5px;color:#fff;background:#1A5FB4;border-radius:3px;padding:0 4px;line-height:13px}
.cs-col{position:absolute;top:var(--hh);bottom:0;left:0;width:var(--dw);background:#E8F0FE}.cs-ml{position:absolute;top:0;bottom:0;left:calc(var(--dw) * var(--i));border-left:1px solid #C4C7CC}
.cs-lane{position:absolute;left:0;right:0;top:calc(var(--hh) + var(--lh) * var(--k));height:var(--lh);border-top:1px solid #EEF0F2}
.cs-bar{position:absolute;top:calc(var(--hh) + var(--lh) * var(--k) + 3px);left:calc(var(--dw) * var(--a));width:calc(var(--dw) * (var(--b) - var(--a)));height:calc(var(--lh) - 7px);background:#DCE7F7;color:#1D4E89 !important;border-radius:4px;font-size:11.5px;font-weight:700;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-decoration:none !important;box-sizing:border-box;z-index:1}
.cs-bar span{padding:0 6px;position:sticky;left:0}.cs-bar.sale{background:#E9E2F8;color:#4B2E83 !important}.cs-bar.cl{border-radius:0 4px 4px 0;border-left:3px dotted currentColor}
.cs-bar.plan{background:#F6F2FD;border:1.5px dashed #4B2E83}.cs-bar.yd span{display:none}
.cs-dot{position:absolute;top:calc(var(--hh) + var(--lh) * var(--k));left:calc(var(--dw) * var(--i));width:var(--dw);height:var(--lh);display:flex;align-items:center;justify-content:center;z-index:1}.cs-dot i{width:12px;height:12px;border-radius:50%;background:#1D4E89}
.cs-ft{grid-row:2;grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:10.5px;color:#5F6368;border-top:1px solid #EEF0F2;white-space:nowrap}
.cs-rng{font-weight:700;color:#1D4E89}
/* パネルの ⓑ(.cs-box): 高さの決まった箱の中だけで縦に動く(詰め物 .cs-sp も箱の中＝文書の高さは枠の高さで替わらない・F58)。
   JS が無い時は並びを箱の中の横のスクロールにする(.js が付いたら縦→横の形) */
.cs-box{padding:6px 0 4px 10px}.cs-box .cs-ft{padding-right:14px}
.cs-sc{height:calc(var(--hh) + var(--lh) * var(--nl) + 26px);overflow-y:auto;overflow-x:hidden;outline:none;scrollbar-width:thin;scrollbar-color:#9AA0A6 #F1F3F4}
.cs-box .cs-st{position:sticky;top:0}
.cs-box .cs-vp{overflow-x:auto}.cs-box.js .cs-vp{overflow:hidden}.cs-box.js .cs-tl{will-change:transform}
.cs-back{margin-left:auto;font:inherit;font-size:11px;color:#1A5FB4;background:#fff;border:1px solid #C4C7CC;border-radius:10px;padding:1px 9px;cursor:pointer;display:none}.cs.moved .cs-back{display:inline-block}.cs.moved .cs-hint{display:none}

/* ── 頁(design v6 の pointup_page の css) ── */
.pu-slide{display:none}.kn-txt .kn-main p.pu-hint.sp{display:none}
.nw{white-space:nowrap}
.pu-cal{--cwL:76px;--cwH:34px;--cwF:13px;border:1px solid #DADCE0;border-radius:10px;padding:4px 12px 6px;background:#fff;margin:8px 0 0}
.kn-txt .kn-main p.pu-hint{margin:0 0 4px;font-size:13px;color:#5F6368}
.kn-txt .kn-main p.pu-ad{margin:4px 0 8px;font-size:13px;color:#3C4043;background:#F1F3F4;border-radius:6px;padding:6px 12px;display:inline-block}
.kn-txt .kn-main p.pu-upd{margin:0 0 4px;font-size:13px;color:#5F6368}
.pu-ml{flex:0 0 auto;display:inline-block;font-size:12px;font-weight:700;color:#3C4043;border:1px solid #C4C7CC;border-radius:4px;padding:0 6px;line-height:20px;background:#fff;white-space:nowrap}
.pu-op{flex:0 0 auto;display:inline-block;font-size:12.5px;font-weight:700;color:#7A4300;background:#FFF1CC;border-radius:4px;padding:0 8px;line-height:24px;white-space:nowrap}
.pu-sl{flex:0 0 auto;display:inline-block;font-size:12px;font-weight:700;color:#4B2E83;background:#EFEAFB;border-radius:4px;padding:0 7px;line-height:22px;white-space:nowrap}
.pu-pl{flex:0 0 auto;display:inline-block;font-size:12px;font-weight:700;color:#3C4043;border:1.5px dashed #80868B;border-radius:4px;padding:0 6px;line-height:19px;white-space:nowrap;background:#fff}
.pu-cf{display:inline-block;font-size:12px;color:#3C4043;background:#F1F3F4;border:1px solid #DADCE0;border-radius:4px;padding:0 7px;line-height:22px;margin:0 6px 4px 0;white-space:nowrap}
/* モールの札の色(v9・design 727beac・薄い地＋濃い字＋色の枠)。印は札の span の data-m(kkn_cal_malls の k)＝札の出る所すべて(大きな箱・これからの予定・板・パネルの ⓐ の行と小窓)。リンクの a には何も足さない */
.pu-ml[data-m="r"],.po-t .ml[data-m="r"]{color:#B3001B;background:#FDECEE;border-color:#E5A0A9}
.pu-ml[data-m="y"],.po-t .ml[data-m="y"]{color:#0A6567;background:#E1F3F2;border-color:#8CCBC6}
.pu-ml[data-m="a"],.po-t .ml[data-m="a"]{color:#232F3E;background:#FFF5E3;border-color:#E59A2B}
.pu-ml[data-m="q"],.po-t .ml[data-m="q"]{color:#9C1458;background:#FBE9F2;border-color:#E2A2C3}
/* 今日のお買い得: 見出しの帯と大きな箱(紺の枠 2px) */
.kn-txt .kn-main h2.pu-h2t{display:flex;align-items:baseline;gap:10px}.pu-h2t span{font-size:15px;font-weight:400;color:#3C4043}
.pu-ev{display:flex;align-items:center;gap:20px;border:2px solid #1D4E89;border-radius:12px;padding:16px 20px;margin:0 0 14px;background:#fff;box-shadow:0 2px 8px rgba(29,78,137,.10);scroll-margin-top:16px}
.pu-evm{flex:1 1 auto;min-width:0}
.pu-eh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kn-txt .kn-main .pu-eh h3{margin:0;font-size:20px;line-height:1.4;color:#202124;border:0;padding:0}
.pu-dl{display:grid;grid-template-columns:4em 1fr;gap:2px 10px;margin:10px 0 0;font-size:15px;line-height:1.7}.pu-dl dt{color:#5F6368}.pu-dl dd{margin:0}
/* ボタンは箱の右の端(依頼者)。★a に class を足さない(楽天の決まり)＝.pu-gob > a で当てる */
.pu-gob{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px}
.kn-txt .kn-main .pu-gob > a{display:inline-block;font-size:14.5px;font-weight:700;color:#1D4E89;text-decoration:none;border:1.5px solid #1D4E89;border-radius:6px;padding:7px 14px;background:#fff;white-space:nowrap}
.kn-txt .kn-main .pu-ev .pu-gob > a{background:#1D4E89;color:#fff}
.pu-gosub{font-size:12px;color:#5F6368;white-space:nowrap}
.kn-txt .kn-main p.pu-none{margin:6px 0 14px;font-size:13px;color:#5F6368}
/* これからの予定: 控えめな 1 段の箱 */
.pu-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 12px;font-size:13px}.pu-key b{margin-right:4px}.pu-key .pu-cf{margin:0}.pu-keyt{flex-basis:100%;color:#3C4043;font-size:13px}
.pu-nx{display:flex;align-items:center;gap:16px;border:1px solid #DADCE0;border-radius:10px;padding:10px 16px;margin:0 0 10px;background:#fff;scroll-margin-top:16px}
.pu-nm{flex:1 1 auto;min-width:0}
.pu-nh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kn-txt .kn-main .pu-nh h3{margin:0;font-size:16px;line-height:1.4;color:#202124;border:0;padding:0}
.pu-ni{margin-top:3px;font-size:13.5px;line-height:1.6;color:#3C4043}.pu-nc{margin-top:4px}.pu-nc .pu-cf{font-size:11.5px;line-height:20px;margin-bottom:0}
.kn-txt .kn-main .pu-nx .pu-gob > a{font-size:13.5px;padding:5px 12px}
/* パネルや帯から #id で飛んで来た時: 薄い黄で光らせ、紺の枠と左の線を残す(design の .pu-hit) */
.pu-nx:target,.pu-ev:target{border:2px solid #1D4E89;box-shadow:inset 5px 0 0 #1D4E89,0 0 0 6px #FFF1CC;background:#FFFBEA}
/* 同じ日付をまとめた箱(これからの予定だけ・v9・design 727beac の otoku_v9.js)。日付の欄は外側に 1 つ・催しは 1 つずつ #id の section のまま(板へ移るのは section だけ) */
.pu-dg{display:flex;gap:16px;border:1px solid #DADCE0;border-radius:10px;padding:2px 16px;margin:0 0 10px;background:#fff}
.pu-dgd{flex:0 0 64px;text-align:center;line-height:1.25;padding-top:14px}.pu-dgd b{display:block;font-size:18px;color:#202124}.pu-dgd span{font-size:12.5px;color:#5F6368}.pu-dgd small{display:block;font-size:11.5px;color:#5F6368}
.pu-dgl{flex:1 1 auto;min-width:0}
.pu-dg .pu-nx{border:0;border-radius:0;margin:0;padding:12px 0;background:none}
/* 区切りの線は「前が section か」によらず付ける＝箱を板へ移した間の代わりの箱(.pp-ph)も線を持つ(見本の .pu-nx+.pu-nx だと、開いている間うしろが 1px 動く) */
.pu-dgl > * + *{border-top:1px solid #E3E6EA}
/* #id で来た時の印は、高さを替えない形で残す(上の .pu-dg .pu-nx が枠と地を消すため)。design の 1 行(10/27・PM 経由)＝左右を 8px 外へ広げてその分を内の余白に(字は枠から 8px)・左の紺 4px は v8 と同じ印・外の薄い黄 4px は束の枠の内側 */
.pu-dgl > .pu-nx:target{background:#FFFBEA;border-radius:6px;margin:0 -8px;padding-left:8px;padding-right:8px;box-shadow:inset 4px 0 0 #1D4E89,0 0 0 2px #1D4E89,0 0 0 4px #FFF1CC}
/* 毎月の物の「次は n/j（曜）」の 1 行: 頁では隠す(日付の欄と同じ字が 2 回になる)・板の中だけで見せる(下の .pp .pu-nn) */
.pu-nn{display:none}

@media (max-width:599px){
 body.kn-cal #searchbox{display:none}   /* ★依頼者「上部の検索フォームはいらないです。」「非表示にしておくだけでいい。」＝スマホのこの頁だけ css で隠す(HTML は残す) */
 .pu-cal{display:none}.kn-txt .kn-main p.pu-hint.pc{display:none}.kn-txt .kn-main p.pu-hint.sp{display:block}
 .pu-slide{display:block;border:1px solid #DADCE0;border-radius:10px;padding:0 6px;margin-top:8px;background:#fff}.pu-slide .cs{--lw:46px;--lh:30px}
 .pu-ev{display:block;padding:12px}.kn-txt .kn-main .pu-eh h3{font-size:18px}.pu-dl{font-size:14px}
 .pu-nx{flex-wrap:wrap;gap:6px 10px;padding:10px 12px}.pu-nm{flex-basis:100%}
 .pu-gob{width:100%;margin-top:10px}.kn-txt .kn-main .pu-gob > a{display:block;text-align:center;width:100%;box-sizing:border-box}
 .pu-nx .pu-gob{margin-top:4px}
 /* まとめた箱: 日付は箱の頭の行(v9) */
 .pu-dg{display:block;padding:0 12px}
 .pu-dgd{display:flex;align-items:baseline;gap:2px;text-align:left;padding:10px 0 4px}.pu-dgd b{display:inline;font-size:16px}.pu-dgd small{display:inline;margin-right:4px}
 .pu-dg .pu-nx{padding:8px 0 12px}
}
/* ── ポップアップ(v8 頁の板・v8b パネルの小窓 案 1・2026-10-27・js/kn-cal-pop.js)。値は design 73a4fb8 の見本(otoku_popup.js・otoku_popover_panel.js V="v1")のまま ── */
html.pp-open{overflow:hidden}
html.pp-open.pp-gut{scrollbar-gutter:stable}   /* 開く前にスクロールバーがあった時だけ(印は kn-cal-pop.js)＝開いている間も溝を取り、PC でうしろが 7.5px 横へ寄らない(10/28) */
.pp-ph{visibility:hidden;box-sizing:border-box}   /* まとめた箱の中では区切りの線を持つ＝線ごと同じ高さ(v9)。頁は kn-base.css の .kn-k2 * でもう border-box(この 1 つは、その決まりが外れた時の守り＝今は外しても変わらない) */
.pp-bd{position:fixed;inset:0;background:rgba(32,33,36,.48);z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.pp-bd[hidden]{display:none}
.pp,.pp *{box-sizing:border-box}.pp{position:relative;background:#fff;width:100%;max-height:86vh;overflow:auto;border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.22);padding:8px 16px 18px;font-size:15px;line-height:1.6;color:#202124;overscroll-behavior:contain}
.pp-grab{width:40px;height:4px;border-radius:2px;background:#C4C7CC;margin:0 auto 10px}
.pp-x{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#F1F3F4;color:#3C4043;font-size:20px;line-height:36px;text-align:center;cursor:pointer;padding:0;outline:none}.pp-x:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1A5FB4}
.pp-hd{font-size:14px;font-weight:700;color:#3C4043;margin:2px 48px 10px 0}.pp-hd[hidden]{display:none}
.pp .pu-nx,.pp .pu-ev{display:block;border:0;border-radius:0;box-shadow:none;background:none;padding:0;margin:0}
.pp .pu-nx+.pu-nx,.pp .pu-ev+.pu-nx,.pp .pu-nx+.pu-ev,.pp .pu-ev+.pu-ev{border-top:1px solid #E3E6EA;margin-top:16px;padding-top:16px}
.pp .pu-nn{display:block;margin:0 48px 6px 0;font-size:13px;color:#3C4043;line-height:1.4}.pp .pu-nn b{font-size:15px;color:#202124}   /* 毎月の物の「次は」(v9・板には日付の欄が無い) */
.pp .pu-nh,.pp .pu-eh{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-right:48px}
.pp .pu-nh h3,.pp .pu-eh h3,.pp h3{flex-basis:100%;margin:4px 0 0;font-size:19px;line-height:1.4}
.pp .pu-ni{margin-top:6px;font-size:14.5px;line-height:1.65;color:#3C4043}.pp .pu-nc{margin-top:8px}
.pp .pu-dl{margin-top:8px}
.pp .pu-gob{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;margin-top:14px}
.pp .pu-gob>a{display:block;text-align:center;background:#1D4E89 !important;color:#fff !important;border:0 !important;border-radius:8px;padding:12px 14px;font-size:15.5px;font-weight:700;text-decoration:none}
.pp .pu-gosub{text-align:center;font-size:12.5px;color:#5F6368}
@media (min-width:600px){
 .pp-bd{align-items:center}
 .pp{width:540px;max-height:80vh;border-radius:12px;padding:22px 26px 22px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
 .pp-grab{display:none}
 .pp .pu-gob{flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:12px}
 .pp .pu-gob>a{display:inline-block;padding:10px 18px}
}
.po-bd{position:fixed;inset:0;background:rgba(32,33,36,.18);z-index:1000}.po-bd[hidden]{display:none}
.po,.po *{box-sizing:border-box}
.po{position:fixed;z-index:1001;width:260px;background:#fff;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06);padding:10px 12px 12px;color:#202124}
.po[hidden]{display:none}.po.w240{width:240px}.po.ov{overflow-y:auto;overscroll-behavior:contain}
.po-ar{position:absolute;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-1px -1px 0 rgba(0,0,0,.06)}
.po.dn .po-ar{top:-6px}.po.up .po-ar{bottom:-6px;box-shadow:1px 1px 0 rgba(0,0,0,.06)}.po.ov .po-ar{display:none}
.po-x{position:absolute;right:6px;top:6px;width:26px;height:26px;border:0;border-radius:50%;background:#F1F3F4;color:#3C4043;font-size:15px;line-height:26px;text-align:center;cursor:pointer;padding:0;outline:none}.po-x:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1A5FB4}
.po-t{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-right:30px}
.po-t .ml{display:inline-block;font-size:10.5px;font-weight:700;color:#3C4043;border:1px solid #C4C7CC;border-radius:3px;padding:0 4px;line-height:16px;background:#fff}
.po-t .sl{display:inline-block;font-size:10.5px;font-weight:700;color:#4B2E83;background:#EFEAFB;border-radius:3px;padding:0 5px;line-height:17px}
.po-t .pl{display:inline-block;font-size:10.5px;font-weight:700;color:#3C4043;border:1.5px dashed #80868B;border-radius:3px;padding:0 4px;line-height:14px;background:#fff}
.po h3{margin:6px 0 0;font-size:15px;line-height:1.35}.po-d{margin-top:2px;font-size:12.5px;color:#3C4043}
.po-go{display:block;margin-top:10px;text-align:center;background:#1D4E89;color:#fff;border-radius:7px;padding:8px 8px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.po-hd{font-size:12px;font-weight:700;color:#3C4043;margin:0 30px 6px 0}
.po-r{display:flex;align-items:center;gap:8px;padding:7px 2px;border-top:1px solid #EEF0F2;text-decoration:none;color:#1A5FB4}.po-hd+.po-r{border-top:0}
.po-r b{display:block;font-size:13.5px;line-height:1.35;color:#1A5FB4}.po-r span{display:block;font-size:11.5px;color:#3C4043}.po-r i{margin-left:auto;font-style:normal;font-size:16px;color:#1A5FB4}
.po-n{margin-top:6px;font-size:10.5px;color:#5F6368;line-height:1.45}