.circles-module__28wtTq__mapSection{margin-bottom:var(--space-8);text-align:center}.circles-module__28wtTq__mapLink{border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;max-width:400px;margin:0 auto;transition:all .3s;display:block;overflow:hidden}.circles-module__28wtTq__mapLink:hover{border-color:var(--color-primary-300);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.circles-module__28wtTq__mapImage{object-fit:cover;width:100%;height:100%;transition:all .3s;display:block}.circles-module__28wtTq__mapLink:hover .circles-module__28wtTq__mapImage{opacity:.95}.circles-module__28wtTq__mapCaption{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin:var(--space-2) 0 0 0;text-align:center}.circles-module__28wtTq__controls{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.circles-module__28wtTq__leftControls{gap:var(--space-3);display:flex}.circles-module__28wtTq__rightControls{border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);gap:0;display:flex;overflow:hidden}.circles-module__28wtTq__sortButton{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-neutral-700);font-size:var(--font-size-sm);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.circles-module__28wtTq__sortButton:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.circles-module__28wtTq__sortButton.circles-module__28wtTq__active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.circles-module__28wtTq__viewButton{padding:var(--space-3);background:var(--color-surface);color:var(--color-neutral-600);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:44px;transition:all .2s;display:flex}.circles-module__28wtTq__viewButton:first-child{border-right:1px solid var(--color-neutral-200)}.circles-module__28wtTq__viewButton:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.circles-module__28wtTq__viewButton.circles-module__28wtTq__active{background:var(--color-primary-100);color:var(--color-primary-600)}.circles-module__28wtTq__countInfo{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--space-6);text-align:center}.circles-module__28wtTq__count{font-weight:700;font-size:var(--font-size-2xl);color:var(--color-primary-600);margin-right:var(--space-2)}.circles-module__28wtTq__loadingContainer{padding:var(--space-16) var(--space-8);color:var(--color-neutral-600);flex-direction:column;justify-content:center;align-items:center;display:flex}.circles-module__28wtTq__spinner{border:4px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);width:40px;height:40px;margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite circles-module__28wtTq__spin}@keyframes circles-module__28wtTq__spin{to{transform:rotate(360deg)}}.circles-module__28wtTq__emptyState{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-neutral-600);background:var(--color-surface);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl)}.circles-module__28wtTq__listView{gap:var(--space-6);margin-bottom:var(--space-16);flex-direction:column;display:flex}.circles-module__28wtTq__gridView{gap:var(--space-6);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.circles-module__28wtTq__tableView{margin-bottom:var(--space-16);overflow-x:auto}.circles-module__28wtTq__circleTable{border-collapse:collapse;background:var(--color-surface);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);width:100%;overflow:hidden}.circles-module__28wtTq__circleTable thead{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%)}.circles-module__28wtTq__circleTable th{padding:var(--space-2) var(--space-4);text-align:left;color:var(--color-primary-700);font-weight:600;font-size:var(--font-size-sm);border-bottom:2px solid var(--color-primary-200);white-space:nowrap}.circles-module__28wtTq__circleTable tbody tr{border-bottom:1px solid var(--color-neutral-200);transition:background .2s}.circles-module__28wtTq__circleTable tbody tr:last-child{border-bottom:none}.circles-module__28wtTq__circleTable tbody tr:hover{background:var(--color-primary-50)}.circles-module__28wtTq__circleTable td{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-700);vertical-align:middle}.circles-module__28wtTq__numberCell{width:100px;color:var(--color-primary-700);font-weight:600}.circles-module__28wtTq__noNumber{color:var(--color-neutral-400);font-weight:400;font-size:var(--font-size-xs)}.circles-module__28wtTq__nameCell{min-width:150px;color:var(--color-neutral-900);font-weight:600}.circles-module__28wtTq__descriptionCell{white-space:nowrap;text-overflow:ellipsis;min-width:200px;max-width:400px;overflow:hidden}.circles-module__28wtTq__noDescription{color:var(--color-neutral-400)}.circles-module__28wtTq__linksCell{width:80px}.circles-module__28wtTq__tableLinkButtons{gap:var(--space-2);align-items:center;display:flex}.circles-module__28wtTq__tableLinkButton{background:var(--color-primary-100);width:28px;height:28px;color:var(--color-primary-700);border-radius:var(--radius-md);border:1px solid var(--color-primary-200);justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .2s;display:inline-flex}.circles-module__28wtTq__tableLinkButton:hover{background:var(--color-primary-200);border-color:var(--color-primary-300);transform:translateY(-1px)}.circles-module__28wtTq__noLinks{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.circles-module__28wtTq__circleCard{align-items:flex-start;gap:var(--space-5);background:var(--color-surface);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .3s;display:flex}.circles-module__28wtTq__circleCard:hover{border-color:var(--color-primary-300);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.circles-module__28wtTq__gridView .circles-module__28wtTq__circleCard{flex-direction:column;gap:0;padding:0;overflow:hidden}.circles-module__28wtTq__gridView .circles-module__28wtTq__circleInfo{padding:var(--space-5)}.circles-module__28wtTq__circleCutContainer{aspect-ratio:3;border-radius:var(--radius-lg);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);cursor:pointer;flex-shrink:0;width:300px;transition:all .3s;display:flex;position:relative;overflow:hidden}.circles-module__28wtTq__circleCutContainer:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.circles-module__28wtTq__circleCutContainer:after{content:"クリックで拡大";color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);text-align:center;opacity:0;background:#000000b3;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.circles-module__28wtTq__circleCutContainer:hover:after{opacity:1}.circles-module__28wtTq__circleCut{object-fit:cover;width:100%;height:100%;display:block}.circles-module__28wtTq__gridView .circles-module__28wtTq__circleCutContainer{aspect-ratio:3;border:none;border-radius:0;width:100%}.circles-module__28wtTq__circleInfo{gap:var(--space-3);padding-left:var(--space-2);flex-direction:column;flex:1;display:flex}.circles-module__28wtTq__circleHeader{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.circles-module__28wtTq__circleTitle{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.circles-module__28wtTq__circleNumber{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-200) 100%);color:var(--color-primary-700);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--color-primary-300);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.circles-module__28wtTq__circleName{font-size:var(--font-size-xl);color:var(--color-primary-700);font-weight:700;line-height:var(--line-height-tight);margin:0}.circles-module__28wtTq__circleHeaderLinks{gap:var(--space-2);flex-shrink:0;display:flex}.circles-module__28wtTq__iconLinkButton{background:var(--color-primary-50);width:36px;height:36px;color:var(--color-primary-700);border-radius:var(--radius-md);border:1px solid var(--color-primary-200);justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .2s;display:inline-flex}.circles-module__28wtTq__iconLinkButton:hover{background:var(--color-primary-100);border-color:var(--color-primary-300);color:var(--color-primary-800);transform:translateY(-1px)}.circles-module__28wtTq__circleDescription{font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed);margin:0}.circles-module__28wtTq__circleFooterLinks{gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}@media not (min-width:768px){.circles-module__28wtTq__controls{flex-direction:column;align-items:stretch}.circles-module__28wtTq__leftControls{justify-content:center;width:100%}.circles-module__28wtTq__rightControls{align-self:center;width:auto}.circles-module__28wtTq__rightControls .circles-module__28wtTq__viewButton:first-child{display:none}.circles-module__28wtTq__listView{gap:var(--space-6);grid-template-columns:1fr;display:grid}.circles-module__28wtTq__listView .circles-module__28wtTq__circleCard{flex-direction:column;gap:0;padding:0;overflow:hidden}.circles-module__28wtTq__listView .circles-module__28wtTq__circleCutContainer{aspect-ratio:3;border:none;border-radius:0;width:100%}.circles-module__28wtTq__listView .circles-module__28wtTq__circleInfo{padding:var(--space-5);padding-left:var(--space-5)}.circles-module__28wtTq__listView .circles-module__28wtTq__circleHeader{flex-direction:column;align-items:flex-start}.circles-module__28wtTq__listView .circles-module__28wtTq__circleHeaderLinks{margin-top:var(--space-2)}.circles-module__28wtTq__gridView{grid-template-columns:1fr}.circles-module__28wtTq__circleName{font-size:var(--font-size-lg)}}@media not (min-width:480px){.circles-module__28wtTq__sortButton{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.circles-module__28wtTq__circleCard{padding:var(--space-5)}.circles-module__28wtTq__gridView .circles-module__28wtTq__circleCard{padding:0}}.circles-module__28wtTq__imageModal{z-index:1000;padding:var(--space-8);background:#000000e6;justify-content:center;align-items:center;animation:.3s circles-module__28wtTq__fadeIn;display:flex;position:fixed;inset:0}@keyframes circles-module__28wtTq__fadeIn{0%{opacity:0}to{opacity:1}}.circles-module__28wtTq__imageModalContent{align-items:center;gap:var(--space-4);flex-direction:column;max-width:90vw;max-height:90vh;animation:.3s circles-module__28wtTq__scaleIn;display:flex;position:relative}@keyframes circles-module__28wtTq__scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.circles-module__28wtTq__imageModalClose{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-neutral-800);background:#ffffffe6;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-50px;right:0}.circles-module__28wtTq__imageModalClose:hover{background:#fff;transform:scale(1.1)}.circles-module__28wtTq__imageModalImage{border-radius:var(--radius-lg);width:auto;max-width:100%;height:auto;max-height:calc(90vh - 60px);box-shadow:0 8px 32px #00000080}.circles-module__28wtTq__imageModalCaption{color:#fff;font-size:var(--font-size-lg);text-align:center;text-shadow:0 2px 4px #00000080;font-weight:600}@media not (min-width:768px){.circles-module__28wtTq__imageModal{padding:var(--space-4)}.circles-module__28wtTq__imageModalClose{width:36px;height:36px;top:-40px}.circles-module__28wtTq__imageModalImage{max-height:calc(90vh - 50px)}.circles-module__28wtTq__imageModalCaption{font-size:var(--font-size-base)}}