html{background:#ccc}body{width:780px;max-width:100%;margin:0 auto;background:#fff;color:#000;font-family:"MS PGothic","ＭＳ Ｐゴシック",Osaka,sans-serif;font-size:14px;line-height:1.5;border-left:2px ridge #999;border-right:2px ridge #999}a{color:#0000ee;text-decoration:underline}a:visited{color:#551a8b}header{text-align:center;padding:16px 8px 10px;background:#000080;color:#fff;border-bottom:6px double #ff0}.site-title{font-size:34px;font-weight:bold;letter-spacing:3px;text-shadow:2px 2px #f0f}.site-title span{color:#ff0}header p{margin:2px 0;color:#0ff}.counter-line{display:inline-block;margin:9px 0 3px;padding:2px 10px;background:#000;border:2px inset #ddd;color:#fff}.counter-line strong{color:#ff0;font-family:"Courier New",monospace;font-size:20px;letter-spacing:2px}header small{display:block;color:#ddd}main{padding:8px}.welcome{width:100%;background:#000;color:#0f0;border:2px inset #aaa;padding:4px 0;font-weight:bold}.construction{text-align:center;background:#ffc;border:1px dashed #f00;margin:7px 0;padding:3px;color:#c00}.blink{color:#f00;font-weight:bold;animation:blink .8s steps(1) infinite}@keyframes blink{50%{visibility:hidden}}.hero{text-align:center;background:#eee;border:3px ridge #ccc;padding:8px;margin:10px 0}.hero h1{font-size:24px;color:#800080;margin:3px}.hero p{margin:4px}.menu-table{width:100%;border-collapse:collapse;background:#eef}.menu-table td{border:1px solid #666;padding:6px}.menu-table td:first-child{width:130px;background:#000080;color:#fff;font-weight:bold}#filters{display:inline}.filter,button{font-family:inherit;font-size:13px;background:#ddd;border:2px outset #fff;padding:3px 8px;margin:2px;cursor:pointer}.filter:active,button:active{border-style:inset}.filter.active{background:#ff0;color:#000;font-weight:bold}.section-head{text-align:center;margin:14px 0 6px}.section-head h2{background:#800080;color:#fff;font-size:18px;margin:0;padding:3px;border:3px double #fff}.section-head p{font-size:11px;margin:3px}.grid{border:2px solid #666}.card{position:relative;display:grid;grid-template-columns:92px 1fr;border-bottom:1px dotted #666;padding:7px;background:#fff}.card:nth-child(even){background:#f3f3ff}.card:last-child{border-bottom:0}.rank{position:absolute;left:4px;top:4px;background:#f00;color:#fff;padding:1px 4px;font-weight:bold}.thumb{width:80px;height:68px;margin-top:18px;border:3px ridge #bbb;background:repeating-linear-gradient(45deg,#000080,#000080 5px,#800080 5px,#800080 10px);color:#ff0;display:grid;place-content:center;text-align:center;font-weight:bold;text-shadow:1px 1px #000}.card-body{min-width:0}.circle{font-size:11px;color:#555;margin:0}.card h2{font-size:17px;margin:0 0 4px}.badges span{display:inline-block;border:1px solid #888;background:#ffc;padding:1px 4px;margin-right:3px;font-size:11px}.badges span:first-child{color:#f00;font-weight:bold}.reason{margin:5px 0;font-size:12px}.buy{display:flex;align-items:center;justify-content:space-between}.buy strong{font-size:20px;color:#c00;margin-right:7px}.buy s{color:#666}.cta{display:inline-block;background:#ddd;border:2px outset #fff;padding:3px 8px;color:#000!important;text-decoration:none;font-weight:bold}.method{margin-top:14px;border:3px double #000080;background:#ffffee;padding:8px}.method h2{text-align:center;font-size:16px;color:#800080;margin:0}.mail{text-align:center;border-top:1px dotted #888;padding-top:6px}footer{text-align:center;border-top:6px double #000080;margin-top:15px;padding:10px;font-size:11px;background:#eee}.footer-badges{font-family:monospace}.gate{position:fixed;inset:0;z-index:10;background:#000080;display:grid;place-items:center;padding:15px}.gate[hidden]{display:none}.gate-box{width:460px;max-width:100%;background:#ddd;border:5px ridge #fff;padding:14px;text-align:center;color:#000}.gate-box h1{font-size:22px;color:#c00}.gate-actions{margin-top:12px}@media(max-width:600px){body{width:100%;border:0}.site-title{font-size:25px}.card{grid-template-columns:80px 1fr}.thumb{width:68px}.menu-table td{display:block;width:100%!important}.buy{display:block}.cta{margin-top:4px}}