.SearchBar-module__9ObJ7W__searchBar{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);max-width:720px;transition:box-shadow var(--transition-base);align-items:center;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #c9a84c1a}.SearchBar-module__9ObJ7W__searchBar:focus-within{box-shadow:0 8px 40px #00000080,0 0 0 2px #c9a84c4d}.SearchBar-module__9ObJ7W__searchInputWrapper{flex:1;align-items:center;padding:0 16px;display:flex}.SearchBar-module__9ObJ7W__searchIcon{flex-shrink:0;margin-right:10px;font-size:16px}.SearchBar-module__9ObJ7W__searchInput{font-size:var(--font-size-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:18px 0}.SearchBar-module__9ObJ7W__searchInput::placeholder{color:var(--color-text-tertiary)}.SearchBar-module__9ObJ7W__searchDivider{background:var(--color-border);flex-shrink:0;width:1px;height:32px}.SearchBar-module__9ObJ7W__prefectureWrapper{align-items:center;min-width:180px;padding:0 16px;display:flex}.SearchBar-module__9ObJ7W__prefectureSelect{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;padding:18px 0}.SearchBar-module__9ObJ7W__prefectureSelect option{background:var(--color-surface);color:var(--color-text-primary)}.SearchBar-module__9ObJ7W__searchButton{background:linear-gradient(135deg, var(--color-brand-light), var(--color-brand));color:var(--color-bg);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-xl);white-space:nowrap;border:none;align-items:center;gap:8px;margin:6px;padding:14px 28px;font-weight:700;display:flex;box-shadow:0 4px 12px #c9a84c40}.SearchBar-module__9ObJ7W__searchButton:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c66}@media (max-width:640px){.SearchBar-module__9ObJ7W__searchBar{border-radius:var(--radius-xl);flex-direction:column}.SearchBar-module__9ObJ7W__searchInputWrapper{border-bottom:1px solid var(--color-border);width:100%}.SearchBar-module__9ObJ7W__searchDivider{display:none}.SearchBar-module__9ObJ7W__prefectureWrapper{border-bottom:1px solid var(--color-border);width:100%}.SearchBar-module__9ObJ7W__searchButton{justify-content:center;width:calc(100% - 12px)}}
.page-module___8aEwW__hero{border-bottom:1px solid var(--color-border);background-color:#f0f4f8;background-image:radial-gradient(#1e2f470a 1px,#0000 0);background-size:16px 16px;justify-content:center;align-items:center;padding:60px 16px;display:flex;position:relative}.page-module___8aEwW__heroContent{text-align:center;width:100%;max-width:800px}.page-module___8aEwW__heroTag{background:var(--color-brand-glow);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-brand-dark);border:1px solid #f786004d;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-weight:700;display:inline-flex}.page-module___8aEwW__heroTitle{color:var(--color-navy);margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:900;line-height:1.3}.page-module___8aEwW__heroTitleAccent{color:var(--color-brand)}.page-module___8aEwW__heroDesc{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:560px;margin-bottom:24px;margin-left:auto;margin-right:auto;line-height:1.6}.page-module___8aEwW__heroSearch{max-width:680px;margin-bottom:24px;margin-left:auto;margin-right:auto}.page-module___8aEwW__heroStats{justify-content:center;align-items:center;gap:32px;display:flex}.page-module___8aEwW__heroStat{flex-direction:column;align-items:center;gap:2px;display:flex}.page-module___8aEwW__heroStatValue{font-size:var(--font-size-xl);color:var(--color-navy);font-weight:800}.page-module___8aEwW__heroStatLabel{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600}.page-module___8aEwW__heroStatDivider{background:var(--color-border);width:1px;height:24px}.page-module___8aEwW__section{padding:48px 0}.page-module___8aEwW__sectionDark{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:#f8fafc}.page-module___8aEwW__sectionHeader{border-left:5px solid var(--color-brand);justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-left:12px;display:flex}.page-module___8aEwW__sectionTitle{font-size:var(--font-size-xl);color:var(--color-navy);letter-spacing:-.01em;font-weight:800}.page-module___8aEwW__sectionSubtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.page-module___8aEwW__areaGroups{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.page-module___8aEwW__areaGroup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px;display:flex}.page-module___8aEwW__areaGroupName{font-size:var(--font-size-sm);color:var(--color-navy);border-bottom:1px solid var(--color-border-light);padding-bottom:8px;font-weight:800}.page-module___8aEwW__areaTags{flex-wrap:wrap;gap:6px;display:flex}.page-module___8aEwW__areaTag{font-size:var(--font-size-xs);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#f1f5f9;padding:5px 10px;text-decoration:none}.page-module___8aEwW__areaTag:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.page-module___8aEwW__indexAlphabetList{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:6px;padding:20px;display:flex}.page-module___8aEwW__indexAlphabetItem{text-align:center;width:calc(10% - 6px);min-width:48px}.page-module___8aEwW__indexAlphabetLink{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-navy);background:#f1f5f9;padding:8px 0;font-weight:600;display:block}.page-module___8aEwW__indexAlphabetLink:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.page-module___8aEwW__bannerContainer{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.page-module___8aEwW__bannerCard{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:calc(50% - 8px);min-width:280px;height:100px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);justify-content:space-between;align-items:center;padding:16px;text-decoration:none;display:flex}.page-module___8aEwW__bannerCard:hover{transform:translateY(-1px)}.page-module___8aEwW__bannerLeft{flex-direction:column;gap:4px;display:flex}.page-module___8aEwW__bannerBadge{color:#fff;border-radius:2px;align-self:flex-start;padding:1px 4px;font-size:9px;font-weight:800}.page-module___8aEwW__bannerTitle{font-size:var(--font-size-sm);color:#fff;font-weight:800}.page-module___8aEwW__bannerText{color:#fffc;font-size:10px}.page-module___8aEwW__bannerIcon{font-size:28px}.page-module___8aEwW__topShopsGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-module___8aEwW__topShopCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column;padding:16px;text-decoration:none;display:flex;position:relative}.page-module___8aEwW__topShopCard:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module___8aEwW__topShopRank{background:var(--color-brand);color:#fff;border-radius:var(--radius-sm);z-index:1;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:10px;left:10px}.page-module___8aEwW__topShopName{font-size:var(--font-size-base);color:var(--color-navy);margin-top:12px;margin-bottom:6px;font-weight:700}.page-module___8aEwW__topShopLocation{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:8px}.page-module___8aEwW__topShopRating{font-size:var(--font-size-sm);color:#ffb800;align-items:center;font-weight:700;display:flex}.page-module___8aEwW__topShopGame{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.page-module___8aEwW__shopsGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.page-module___8aEwW__ctaSection{background:var(--color-navy);border-top:4px solid var(--color-brand);color:#fff;padding:60px 0}.page-module___8aEwW__ctaContent{text-align:center}.page-module___8aEwW__ctaTitle{font-size:var(--font-size-2xl);margin-bottom:12px;font-weight:900}.page-module___8aEwW__ctaDesc{font-size:var(--font-size-base);color:#e1e8ed;margin-bottom:24px;line-height:1.6}@media (max-width:1024px){.page-module___8aEwW__topShopsGrid,.page-module___8aEwW__shopsGrid{grid-template-columns:repeat(2,1fr)}.page-module___8aEwW__areaGroups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.page-module___8aEwW__hero{padding:40px 16px}.page-module___8aEwW__heroStats{flex-wrap:wrap;gap:16px}.page-module___8aEwW__bannerCard{width:100%}.page-module___8aEwW__areaGroups{grid-template-columns:1fr}.page-module___8aEwW__topShopsGrid,.page-module___8aEwW__shopsGrid{grid-template-columns:repeat(2,1fr)}.page-module___8aEwW__sectionHeader{flex-direction:column;align-items:flex-start;gap:8px}.page-module___8aEwW__indexAlphabetItem{width:calc(20% - 6px)}.page-module___8aEwW__ctaSection{padding:40px 0}.page-module___8aEwW__ctaTitle{font-size:var(--font-size-xl)}}@media (max-width:640px){.page-module___8aEwW__topShopsGrid,.page-module___8aEwW__shopsGrid{grid-template-columns:1fr}.page-module___8aEwW__heroStats{justify-content:flex-start;gap:16px}.page-module___8aEwW__heroStatDivider{display:none}.page-module___8aEwW__bannerContainer{flex-direction:column}.page-module___8aEwW__bannerCard{width:100%;min-width:unset}}@media (max-width:480px){.page-module___8aEwW__hero{padding:32px 12px}.page-module___8aEwW__heroStats{flex-direction:column;align-items:flex-start;gap:12px}.page-module___8aEwW__heroStatDivider{display:none}.page-module___8aEwW__section{padding:32px 0}.page-module___8aEwW__indexAlphabetItem{width:calc(25% - 6px)}}
