:root{--sand: #d6c09c;--sand-dark: #c9ae87;--cream: #f6ebd7;--cream-line: #e8d8b8;--ink: #2b2118;--ink-soft: #7d6b52;--on-sand: #fbf6ec;--plus: #2f7a4f;--minus: #b3403f;--radius: 18px;--pattern: 56px 28px;--max-w: 1200px;--pad: clamp(20px, 4.5vw, 56px);--font-brand: "FOT-ニューロダン ProN", "FOT-NewRodin ProN", "ニューロダン ProN", "NewRodin ProN", "FOT-ニューロダン Pro", "Helvetica Neue", Arial, sans-serif;--font-title: "A-OTF UD丸ゴ_スモール Pr6N", "UD丸ゴ_スモール Pr6N", "UD丸ゴ_スモール", "A-OTF UDMaruGo_SmallPr6N", "UDMaruGo_SmallPr6N", "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", "Zen Maru Gothic", sans-serif}*{box-sizing:border-box}body{margin:0;background:#e9dcc4;color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}.passbook{width:100%;max-width:var(--max-w);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--cream)}.pb-head{position:relative;background:var(--sand);border-radius:0 0 var(--radius) var(--radius);padding:clamp(20px,3.4vw,34px) var(--pad) clamp(26px,4.2vw,42px)}.pb-brand{display:flex;align-items:flex-start;gap:10px;margin-bottom:clamp(16px,3.5vw,34px)}.pb-brand-text{font-family:var(--font-brand);font-size:clamp(14px,1.8vw,22px);line-height:1.35;letter-spacing:.22em;font-weight:300;color:var(--on-sand);white-space:pre-line}.pb-emblem{width:clamp(32px,3.6vw,46px);height:clamp(28px,3.2vw,40px);flex:none;margin-top:2px;background:#efe6d6;clip-path:polygon(22% 0,100% 0,100% 72%,78% 100%,0 100%,0 28%)}.pb-title{font-family:var(--font-title);margin:clamp(12px,1.8vw,22px) 0 0;font-size:clamp(38px,9.5vw,96px);font-weight:300;letter-spacing:.12em;color:var(--on-sand)}.pb-meta{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(251,246,236,.45);display:flex;flex-direction:column;gap:7px}.pb-meta>div{display:flex;align-items:baseline;gap:12px}.pb-meta dt{flex:none;min-width:4.5em;font-size:clamp(12px,1.3vw,15px);letter-spacing:.14em;color:#fbf6eccc}.pb-meta dd{margin:0 0 0 auto;text-align:right;font-size:clamp(15px,1.6vw,19px);color:var(--on-sand)}.pb-meta>div:first-child dd{font-size:clamp(20px,2.6vw,32px);font-weight:300;letter-spacing:.04em}.pb-logout{margin-left:auto;align-self:flex-start;flex:none;background:transparent;border:1px solid rgba(251,246,236,.55);color:var(--on-sand);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.pb-logout:hover{background:#fbf6ec29}.pb-body{flex:1;padding:clamp(22px,3.4vw,40px) var(--pad) clamp(30px,4.5vw,52px)}.pb-body,.pb-ranking{background-color:var(--cream);background-image:radial-gradient(circle at 100% 150%,var(--cream) 24%,var(--cream-line) 25%,var(--cream-line) 26%,var(--cream) 27%,var(--cream) 36%,var(--cream-line) 36%,var(--cream-line) 37%,var(--cream) 38%,var(--cream) 40%,transparent 40%,transparent),radial-gradient(circle at 0 150%,var(--cream) 24%,var(--cream-line) 25%,var(--cream-line) 26%,var(--cream) 27%,var(--cream) 36%,var(--cream-line) 36%,var(--cream-line) 37%,var(--cream) 38%,var(--cream) 40%,transparent 40%,transparent),radial-gradient(circle at 50% 100%,var(--cream-line) 10%,var(--cream) 11%,var(--cream) 23%,var(--cream-line) 24%,var(--cream-line) 25%,var(--cream) 26%,var(--cream) 43%,var(--cream-line) 44%,var(--cream-line) 45%,var(--cream) 46%,var(--cream) 63%,var(--cream-line) 64%,var(--cream-line) 65%,var(--cream) 66%,var(--cream) 71%,transparent 71%,transparent),radial-gradient(circle at 100% 50%,var(--cream-line) 5%,var(--cream) 6%,var(--cream) 15%,var(--cream-line) 16%,var(--cream-line) 17%,var(--cream) 18%,var(--cream) 30%,var(--cream-line) 31%,var(--cream-line) 32%,var(--cream) 33%,var(--cream) 45%,var(--cream-line) 46%,var(--cream-line) 47%,var(--cream) 48%,var(--cream) 49%,transparent 50%,transparent),radial-gradient(circle at 0 50%,var(--cream-line) 5%,var(--cream) 6%,var(--cream) 15%,var(--cream-line) 16%,var(--cream-line) 17%,var(--cream) 18%,var(--cream) 30%,var(--cream-line) 31%,var(--cream-line) 32%,var(--cream) 33%,var(--cream) 45%,var(--cream-line) 46%,var(--cream-line) 47%,var(--cream) 48%,var(--cream) 49%,transparent 50%,transparent);background-size:var(--pattern)}.pb-summary{margin-bottom:18px}.pb-sum-label{font-size:clamp(13px,1.4vw,16px);letter-spacing:.16em;color:var(--ink-soft)}.pb-sum-value{font-size:clamp(40px,10.5vw,108px);font-weight:300;line-height:1.1;letter-spacing:.02em}.pb-sum-value .unit{font-size:.34em;margin-left:.4em;letter-spacing:.1em}.pb-sum-date{margin-top:6px;font-size:12px;color:var(--ink-soft)}.pb-rule{display:flex;align-items:flex-end;gap:10px;margin:22px 0 2px}.pb-rule:before{content:"";flex:1;border-bottom:1px solid var(--ink);margin-bottom:4px}.pb-rule span{font-size:clamp(13px,1.4vw,17px);letter-spacing:.08em;color:var(--ink);white-space:nowrap}.pb-list{list-style:none;margin:0;padding:0}.pb-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 2px;border-bottom:1px solid var(--cream-line)}.pb-row .k{flex:none;font-size:clamp(13px,1.4vw,16px);color:var(--ink-soft);letter-spacing:.06em}.pb-row .v{margin-left:auto;text-align:right;font-size:clamp(15px,1.6vw,19px)}.pb-row .v.num{font-variant-numeric:tabular-nums}.pb-row.tx{align-items:flex-start}.pb-tx-main{display:flex;align-items:center;gap:8px;min-width:0}.pb-tx-reason{font-size:clamp(14px,1.5vw,18px);overflow-wrap:anywhere}.pb-tx-side{margin-left:auto;text-align:right;flex:none}.pb-amount{font-size:clamp(16px,1.8vw,22px);font-variant-numeric:tabular-nums}.pb-amount.plus{color:var(--plus)}.pb-amount.minus{color:var(--minus)}.pb-tx-meta{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px}.pb-tag{flex:none;font-size:11px;padding:2px 7px;border:1px solid var(--cream-line);border-radius:999px;background:#ffffff80;color:var(--ink-soft)}.type-icon{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:none;background:#fff9}.type-icon.sm{width:18px;height:18px;border-radius:5px}.type-icon.placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-soft);border:1px solid var(--cream-line)}.pb-more{display:block;width:100%;margin-top:14px;padding:11px;background:#ffffff8c;border:1px solid var(--cream-line);border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}.pb-more:hover{background:#fffc}.pb-empty{padding:16px 2px;font-size:14px;color:var(--ink-soft)}.pb-banner{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#f6dede;border:1px solid #d9a3a3;color:#7a2b2b;font-size:14px}.pb-login{padding:8px 0 4px}.pb-login p{margin:0 0 16px;font-size:14px;line-height:1.9;color:var(--ink)}.pb-btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--ink);color:var(--cream);text-decoration:none;font-size:14px;letter-spacing:.06em}.pb-foot{display:block;background:var(--sand);border-radius:var(--radius) var(--radius) 0 0;padding:clamp(24px,3.6vw,40px) var(--pad) clamp(26px,4vw,44px);text-decoration:none;color:var(--on-sand);font-family:var(--font-title);font-size:clamp(38px,9.5vw,96px);font-weight:300;letter-spacing:.12em}.pb-foot:hover{background:var(--sand-dark)}.pb-ranking{padding:clamp(22px,3.4vw,40px) var(--pad) clamp(36px,5vw,60px);color:var(--ink)}.pb-ranking .pb-rule{margin-top:0}.pb-ranking ol{list-style:none;margin:0;padding:0}.pb-ranking li{display:flex;align-items:center;gap:clamp(10px,1.4vw,18px);min-height:44px;padding:clamp(10px,1.3vw,16px) 2px;border-bottom:1px solid var(--cream-line);font-size:clamp(15px,1.6vw,19px)}.pb-ranking .rank{flex:none;display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,3.2vw,42px);height:clamp(28px,3.2vw,42px);border-radius:50%;background:#ffffff8c;border:1px solid var(--cream-line);color:var(--ink-soft);font-size:clamp(14px,1.6vw,20px);font-weight:300;font-variant-numeric:tabular-nums}.pb-ranking li:nth-child(-n+3) .rank{background:var(--sand);border-color:var(--sand-dark);color:var(--on-sand)}.pb-ranking .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-ranking .pts{margin-left:auto;flex:none;font-variant-numeric:tabular-nums}.pb-loading{padding:80px 24px;text-align:center;color:var(--ink-soft)}.passbook.vip{--sand: #000;--sand-dark: #1c1c1c;--cream: #fff;--cream-line: #ececec;--ink: #101010;--ink-soft: #6f6f6f;--on-sand: #fff;--plus: #1f7a44;--minus: #c0392b;--radius: 34px}body:has(.passbook.vip){background:#d8d8d8}.vip .pb-body,.vip .pb-ranking{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23eeeeee' stroke-width='1.6'%3E%3Ccircle cx='0' cy='0' r='42.43'/%3E%3Ccircle cx='60' cy='0' r='42.43'/%3E%3Ccircle cx='0' cy='60' r='42.43'/%3E%3Ccircle cx='60' cy='60' r='42.43'/%3E%3Ccircle cx='30' cy='30' r='42.43'/%3E%3Ccircle cx='-30' cy='30' r='42.43'/%3E%3Ccircle cx='90' cy='30' r='42.43'/%3E%3Ccircle cx='30' cy='-30' r='42.43'/%3E%3Ccircle cx='30' cy='90' r='42.43'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.vip .pb-head{display:flex;flex-direction:column;min-height:clamp(230px,34vw,340px)}.vip .pb-brand-text{font-weight:700;letter-spacing:.3em}.pb-brand-img{display:block;width:clamp(150px,21%,300px);height:auto}.pb-title-img{display:block;width:clamp(220px,42%,620px);height:auto;margin-left:auto}.vip .pb-emblem{clip-path:none;background:radial-gradient(circle at 50% 24%,#fff 0 27%,transparent 28%),radial-gradient(circle at 22% 78%,#fff 0 27%,transparent 28%),radial-gradient(circle at 78% 78%,#fff 0 27%,transparent 28%);width:clamp(20px,2.2vw,28px);height:clamp(20px,2.2vw,28px);align-self:center}.vip .pb-title{margin-top:auto;text-align:right;font-weight:700;letter-spacing:.04em}.vip .pb-meta{border-top-color:#ffffff59}.vip .pb-sum-value{font-weight:700}.vip .pb-rule:before{border-bottom-width:2px}.vip .pb-row,.vip .pb-ranking li{border-bottom-color:var(--cream-line)}.vip .pb-tag,.vip .pb-more,.vip .pb-ranking .rank{background:#00000008}.vip .pb-ranking li:nth-child(-n+3) .rank{background:#000;border-color:#000;color:#fff}.vip .pb-btn{background:#000;color:#fff}