:root{--paper:#fff;--ink:#28282c;--muted:#727277;--line:#e4e4e7;--green:#66535e}body{font-family:'Yu Gothic','Meiryo',sans-serif;background:#fff;line-height:1.7}button,input,textarea,select{border-radius:2px}header.store-header{max-width:1240px;padding:19px 28px;gap:38px;align-items:center}.store-header .brand{font-family:'Yu Gothic',sans-serif;font-size:32px;font-weight:700;letter-spacing:3px;width:200px;flex-shrink:0}.store-header .brand span{font-size:10px;letter-spacing:.4px;font-weight:normal;white-space:nowrap}.store-header>a:last-child{font-size:12px;white-space:nowrap;color:#666;text-decoration:none}.search{display:flex;flex:1;max-width:620px;height:42px}.search input{min-width:0;border:1px solid #cfcfd4;border-right:0;background:#fafafa;font-size:14px}.search button{border-color:#cfcfd4;background:#55515a;color:white;width:74px;flex-shrink:0}.genre-nav{border-top:1px solid #eee;border-bottom:1px solid #dcdce0;display:block;font-size:13px}.genre-nav>div{max-width:1240px;margin:auto;display:flex;gap:0;overflow-x:auto;padding:0 28px;scrollbar-width:thin}.genre-nav a{flex-shrink:0;text-decoration:none;padding:13px 23px}.genre-nav a:first-child{font-weight:bold;border-bottom:3px solid #71616b}.genre-nav a:hover{background:#f5f5f5}.demo{background:#f5f5f6;color:#747479;font-size:10px;padding:5px 15px;letter-spacing:.3px}.demo span{margin-left:15px}main.storefront{max-width:1240px;padding:24px 28px 60px;margin:auto}.catalog-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececef;padding-bottom:16px;margin-bottom:22px;gap:16px}.catalog-title h1{font:bold 18px/1.6 'Yu Gothic',sans-serif;margin:0}.catalog-title p{margin:0;font-size:12px;color:#555}.catalog-title span{color:#888}.shelf{margin:0 0 34px;scroll-margin-top:20px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.shelf-heading h2{font:bold 20px/1.5 'Yu Gothic',sans-serif;margin:0;border-left:3px solid #806a77;padding-left:10px}.shelf-heading p{font-size:11px;color:#777;margin:5px 0 0 13px}.shelf-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.shelf-controls span{font-size:11px;color:#888;margin-right:9px}.shelf-controls button{font:22px/1 sans-serif;padding:4px 11px;height:31px;width:31px;border:1px solid #d9d9de;background:#fff}.book-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;list-style:none;padding:0 0 10px;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d2cdd1 #f7f7f8;-webkit-overflow-scrolling:touch}.book{min-width:0;scroll-snap-align:start}.book-link{display:block;text-decoration:none}.jacket{position:relative;width:100%;aspect-ratio:12/17;background:#eee;overflow:hidden;border:1px solid #e1dfe2}.jacket img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s}.book-link:hover img{opacity:.85}.book h3{font-size:13px;font-weight:600;line-height:1.55;margin:8px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.book-author{font-size:11px;color:#777;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta{font-size:10px;color:#8c6679;margin:0}.book-meta span{color:#999;margin-left:5px}.rank-num{position:absolute;left:0;top:0;z-index:1;background:#6e6267;color:white;font:bold 18px/32px sans-serif;text-align:center;width:32px}.book:first-child .rank-num{background:#a08b57}.storefront footer{margin-top:14px;font-size:11px;line-height:1.9}.empty{padding:60px 0}.hero h1{font-family:'Yu Gothic',sans-serif}.paper{border-color:#e4e4e7}.tag{background:#f0eef0}.cta{background:#62545c}.primary{background:#62545c}.editorhead h1{font:bold 28px/1.5 sans-serif}.note{background:#f6f5f5;border-left-color:#a79aa1}.drop{background:#f8f8f9;border-color:#aaa}.actions{background:#fffffff5}.eyebrow{color:#77616e}.related article{border-color:#d1c6cc;background:#f7f5f6}
@media(min-width:1600px){.store-header,main.storefront,.genre-nav>div{max-width:1320px}.book-row{grid-auto-columns:calc((100% - 120px)/7)}}
@media(max-width:760px){header.store-header{padding:13px 16px 12px;gap:10px;flex-wrap:wrap}.store-header .brand{width:auto;flex:1;font-size:26px}.store-header .brand span{font-size:9px}.store-header>a:last-child{font-size:11px}.search{flex-basis:100%;order:3;max-width:none;height:38px}.search input{font-size:13px}.genre-nav>div{padding:0 8px}.genre-nav a{padding:11px 14px;font-size:12px}.demo{font-size:9px;line-height:1.6}.demo span{display:inline;margin-left:7px}main.storefront{padding:18px 16px 40px}.catalog-title{display:block;padding-bottom:12px;margin-bottom:18px}.catalog-title h1{font-size:16px}.catalog-title p{font-size:10px;margin-top:5px}.shelf{margin-bottom:25px}.shelf-heading{margin-bottom:11px}.shelf-heading h2{font-size:17px}.shelf-heading p{font-size:10px;line-height:1.6;max-width:260px}.shelf-controls{gap:5px}.shelf-controls span{display:none}.shelf-controls button{width:26px;height:26px;padding:1px 6px;font-size:20px}.book-row{grid-auto-columns:calc((100% - 26px)/2.45);gap:13px}.book h3{font-size:12px;min-height:37px;margin-top:7px}.book-author{font-size:10px}.book-meta{font-size:9px}.book-meta span{display:none}.rank-num{width:27px;line-height:28px;font-size:16px}}