/* TENDER-CSS v1.4 — 病院の入札・調達（/ph/tender/）。色は #10253F・黒・白・グレーだけ。角丸・影は使わない。すべて .td-wrap の中に閉じる */
.td-wrap{--navy:#10253F;--ink:#1a1a1a;--g0:#f5f6f8;--g1:#eef0f4;--g2:#d9dde3;--g3:#8a8f98;--g4:#555;max-width:1100px;margin:0 auto;padding:14px 20px 48px;color:var(--ink);font-family:"游ゴシック","Yu Gothic","YuGothic","Hiragino Sans","Noto Sans JP",sans-serif;font-size:14px;line-height:1.65;box-sizing:border-box}
.td-wrap *{box-sizing:border-box}
.td-wrap a{color:var(--navy)}
.td-wrap .ms{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:18px;line-height:1;display:inline-block;vertical-align:-4px;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}
.td-wrap .td-crumb{font-size:12px;color:var(--g4);margin:0 0 10px}
.td-wrap h1{font-size:22px;margin:4px 0 6px;color:var(--navy)}
.td-wrap h2{font-size:16px;margin:26px 0 8px;color:var(--navy);border-left:4px solid var(--navy);padding-left:8px}
.td-wrap .lead{color:var(--g4);margin:0 0 12px}
.td-wrap .sm{font-size:12px;color:var(--g4);margin-left:4px}
.td-wrap .kpi{display:flex;flex-wrap:wrap;background:var(--g0);margin:10px 0 14px}
.td-wrap .kpi div{flex:1 1 170px;padding:10px 14px;border-right:1px solid #fff}
.td-wrap .kpi div:last-child{border-right:0}
.td-wrap .kpi b{display:block;font-size:22px;color:var(--navy)}
.td-wrap .kpi span{color:var(--g4);font-size:12px}
.td-wrap .cls{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.td-wrap .cl{display:inline-block;border:1px solid var(--g2);padding:4px 10px;text-decoration:none;background:#fff;white-space:nowrap}
.td-wrap a.cl:hover{border-color:var(--navy)}
.td-wrap .cl.off{color:var(--g4)}
.td-wrap ul.tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--g2)}
.td-wrap li.tr{display:grid;grid-template-columns:96px 1fr 250px;gap:12px;padding:10px 4px;border-bottom:1px solid var(--g2)}
.td-wrap li.tr .dt{font-variant-numeric:tabular-nums;color:var(--ink)}
.td-wrap li.tr .hs{font-size:13px}
.td-wrap li.tr .tt{font-weight:700;margin:2px 0 4px;word-break:break-all}
.td-wrap li.tr .dlc{font-size:13px}
.td-wrap .lockt{color:var(--g4);font-size:12px}
.td-wrap .tg{display:inline-block;font-size:11px;border:1px solid var(--navy);color:var(--navy);padding:0 6px;margin:0 4px 2px 0;text-decoration:none;white-space:nowrap}
.td-wrap .tg.k{border-color:var(--g2);color:var(--g4)}
.td-wrap .tg.b{background:var(--navy);color:#fff}
.td-wrap .nw{white-space:nowrap}
.td-wrap .cta{border:1px solid var(--navy);background:#fff;padding:14px 18px;margin:14px 0}
.td-wrap .cta p{margin:4px 0}
.td-wrap .btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:7px 18px;margin:6px 14px 0 0;font-weight:700}
.td-wrap .sec{display:inline-block;margin:6px 14px 0 0;font-size:13px}
.td-wrap .tiers{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--g2)}
.td-wrap .tiers div{flex:1 1 260px;padding:10px 14px;border-right:1px solid var(--g2);font-size:13px}
.td-wrap .tiers div:last-child{border-right:0}
.td-wrap .tiers b{display:block;color:var(--navy)}
.td-wrap .two{display:flex;flex-wrap:wrap;gap:24px}
.td-wrap .two>div{flex:1 1 320px}
.td-wrap table{border-collapse:collapse;width:100%;font-size:13px}
.td-wrap th,.td-wrap td{border-bottom:1px solid var(--g2);padding:6px 8px;text-align:left;vertical-align:top}
.td-wrap thead th{background:var(--g1);white-space:nowrap}
.td-wrap td.num,.td-wrap th.num{text-align:right;font-variant-numeric:tabular-nums}
.td-wrap table.kv th{font-weight:400;width:70%}
.td-wrap .scroller{overflow-x:auto}
.td-wrap .ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.td-wrap .ctl input,.td-wrap .ctl select{font:inherit;padding:5px 8px;border:1px solid var(--g2);background:#fff}
.td-wrap .ctl button,.td-wrap .tabs button{font:inherit;font-size:13px;padding:4px 10px;border:1px solid var(--g2);background:#fff;cursor:pointer;color:var(--ink)}
.td-wrap .ctl button.on,.td-wrap .tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.td-wrap button.on .sm{color:#fff}
.td-wrap .tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 4px}
.td-wrap .cnt{margin:8px 0;font-size:13px}
.td-wrap .more{margin:12px 0}
.td-wrap .note{font-size:12px;color:var(--g4)}
.td-wrap .who{font-size:12px;color:var(--g4);margin:6px 0}
.td-wrap .dead{color:var(--g4)}
.td-wrap .td-src{margin-top:36px;padding-top:10px;border-top:1px solid var(--g2);font-size:12px;color:var(--g4)}
.td-wrap tr.aw{cursor:pointer}
.td-wrap tr.awd{display:none}
.td-wrap tr.awd.open{display:table-row}
@media (max-width:760px){.td-wrap li.tr{grid-template-columns:1fr}.td-wrap li.tr .dt{font-size:12px;color:var(--g4)}}
/* TENDER-CSS v1.2: 企業会員の表示では公開のヘッダーとパン屑を隠し、SCUEL Pro の帯（nav.js）に替える */
html[data-pronav="1"] #sssdHeader,html[data-pronav="1"] #sssdCrumb{display:none!important}
/* TENDER-CSS v1.3: 帯（nav.js）が差し込まれるまで、同じ寸法の紺の帯で場所を取っておく（先回り＝TENDER-EARLY v1 のとき。ずれと公開ヘッダーの一瞬の表示を消す） */
html[data-pronav="1"] body:not(:has(#scuelnav))::before{content:"";display:block;height:41.5px;margin-bottom:12px;background:#051D5F;border-bottom:1px solid #0b2a7a;box-sizing:border-box}
/* TENDER-CSS v1.4: 帯の上に白い隙間（body の既定の余白 8px）が出ていたので、企業会員の表示のときだけ body の余白を0に */
html[data-pronav="1"] body{margin:0!important}
/* TENDER-CSS v1.5: 公開・無料会員の表示でも body の既定の余白 8px で公開ヘッダーが下がっていたので、全表示で0に（前田判断 2026-09-23） */
body{margin:0}