/* VIPINFO1029 段ごとの比べる表（VIP のページ・ショップ）と、ショップの札の文字の折れ */
.vpi{--vk:#3a2d4a;--vs:#7a6c8c;--vl:#f1eaf6;margin:26px 0 6px;color:var(--vk);box-sizing:border-box}
.vpi *{box-sizing:border-box}
.vpi-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 18px/1.35 "Shippori Mincho","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;letter-spacing:.03em;color:var(--vk)}
.vpi-h::before{content:"";flex:0 0 6px;height:18px;border-radius:3px;background:linear-gradient(#ffd76a,#d9467a)}
.vpi-lead{margin:0 0 10px;font-size:13.5px;line-height:1.6}
.vpi-lead b{font-size:16px;color:#b0306a}
.vpi-lead small{display:block;font-size:10.5px;color:var(--vs);line-height:1.5}
.vpi-wrap{border-radius:16px;background:#fff;box-shadow:0 2px 14px rgba(90,60,120,.12);overflow:hidden}
.vpi-tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.vpi-tbl th,.vpi-tbl td{padding:7px 3px;text-align:center;border-bottom:1px solid var(--vl);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;vertical-align:middle}
.vpi-tbl thead th{position:sticky;top:0;padding:9px 2px 7px;color:#fff;background:var(--vc,#b67a00);font-size:13px}
.vpi-tbl thead th:first-child{width:31%;background:#fff}
.vpi-tbl thead th b{display:block;font-size:13.5px;letter-spacing:.02em}
.vpi-tbl thead th small{display:block;font-size:10px;font-weight:700;opacity:.9}
.vpi-th--bouquet{background:linear-gradient(180deg,#e9679a,#c93a6e)!important}
.vpi-th--tiara{background:linear-gradient(180deg,#9670e0,#6a42bf)!important}
.vpi-th--crown{background:linear-gradient(180deg,#d9a531,#a86f00)!important}
.vpi-tbl tbody th{text-align:left;padding-left:10px;font-weight:700;font-size:11.5px}
.vpi-tbl tbody th small{display:block;font-weight:500;font-size:9.5px;color:var(--vs);line-height:1.35}
.vpi-tbl td b{font-size:14px}
.vpi-tbl tr.vpi-sec th{padding:7px 10px 5px;background:linear-gradient(90deg,#fff3dc,#fbeefe);color:#7a4c00;font-size:11.5px;text-align:left;letter-spacing:.04em;border-bottom:1px solid #f3e1bd}
.vpi-tbl tr.vpi-sec th small{display:inline;margin-left:6px;font-size:9.5px;color:#9a7a4a}
.vpi-tbl tr.is-key td b{font-size:16px;color:#3a2d4a}
.vpi-tbl tr.is-sub td{font-size:11px;color:var(--vs)}
.vpi-tbl tr.is-av td{background:#fdf8ff}
.vpi-tbl tr.is-luck td{background:#fffbef}
.vpi-y{font-style:normal;color:#d0577f;font-size:13px}
.vpi-n{font-style:normal;color:#cfc4d8}
.vpi-nm{display:block;font-size:10px;line-height:1.3;color:#5b3f86}
.vpi-luck{display:block;line-height:1.3}
.vpi-luck b{font-size:12.5px!important;color:#a8650a}
.vpi-luck small{display:block;font-size:9.5px;color:var(--vs)}
.vpi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vpi-note{margin:8px 2px 0;font-size:11px;line-height:1.7;color:var(--vs)}
.vpi-luckbox{margin:14px 0 0;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 0 0 1px #f0dcae inset}
.vpi-luckbox summary{cursor:pointer;font-weight:900;font-size:14px;color:#7a4c00}
.vpi-luckbox p{margin:8px 0 0;font-size:12.5px;line-height:1.7}
.vpi-luckl{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.vpi-luckl li{padding:8px 6px;border-radius:12px;background:#fff;box-shadow:0 1px 6px rgba(160,110,20,.12);text-align:center}
.vpi-luckl b{display:block;font-size:12.5px;color:#a8650a;line-height:1.35}
.vpi-luckl span{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:var(--vs)}
.vpi-small{font-size:11px!important;color:var(--vs)}
/* ショップ（暗い金の区画の中） */
.s2-vip .vpi--shop{margin:12px 16px 0}
.s2-vip .vpi--shop .vpi-h{font-size:15px;color:#f6e3b4;font-family:inherit}
.s2-vip .vpi--shop .vpi-lead{color:#f0e4c8;font-size:12.5px}
.s2-vip .vpi--shop .vpi-lead b{color:#ffd76a}
.s2-vip .vpi--shop .vpi-lead small,.s2-vip .vpi--shop .vpi-note{color:#cdbb95}
.s2-vip .vpi--shop .vpi-wrap{box-shadow:0 0 0 1px #c9a24c,0 4px 16px rgba(0,0,0,.35)}
.s2-vip .vpi--shop .vpi-tbl{font-size:11px}
/* ショップの札の文字の折れ（3列） */
.s2-grid3 .s2-gb,.s2-pks .s2-gb{white-space:nowrap;padding-left:12px;padding-right:12px}
.s2-grid3 .s2-proof{display:block;white-space:nowrap;font-size:9.5px;letter-spacing:-.02em}
.s2-grid3 .s2-proof b{font-size:10.5px}
@media (max-width:374px){.s2-grid3 .s2-gb{padding-left:9px;padding-right:9px;font-size:11.5px}.s2-grid3 .s2-proof{font-size:9px;letter-spacing:-.04em}}
@media (max-width:380px){.vpi-tbl{font-size:11px}.vpi-tbl tbody th{font-size:10.5px;padding-left:7px}.vpi-luckl{grid-template-columns:1fr}.vpi-luckl li{display:flex;gap:8px;align-items:baseline;text-align:left}.vpi-luckl span{margin:0}}
@media (max-width:380px){.vpi-nm{font-size:9.5px;letter-spacing:-.03em}}