.container{max-width:var(--max-width);margin:0 auto;padding:1rem}.breadcrumb{color:var(--color-muted);flex-wrap:wrap;gap:.5rem;margin:1rem 0;font-size:.85rem;display:flex}.breadcrumb a{color:var(--color-link)}.content-with-sidebar{align-items:flex-start;gap:2.5rem;display:flex}.article{flex:1;min-width:0}.article-header{margin-bottom:2rem}.article-category{background:var(--color-primary);color:#fff;border-radius:3px;padding:.2rem .6rem;font-size:.75rem}.article-header h1{margin:.5rem 0;font-size:clamp(1.3rem,3vw,2rem)}@media (max-width:960px){.content-with-sidebar{display:block}}@media (max-width:640px){.site-header:not(.header-hidden)~main .csim-full{--csim-top:52px}}.sg{margin:2rem 0}.sg-head{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.sg-head h2{margin:0}.sg-mine-link{min-height:0;margin-left:auto;font-size:.85rem;display:inline}.sg-lead{color:var(--color-muted);margin:.4rem 0 1rem;font-size:.9rem}.sg-lead-login{margin-top:-.6rem}.sg-lead-login:empty{display:none}.sg-toast{background:var(--color-primary-light);border-radius:8px;margin:0 0 .6rem;padding:.5rem .8rem;font-size:.85rem}.sg-toast[hidden]{display:none}.sg-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.sg.is-loading .sg-list:empty:before{content:"読み込んでいます…";color:var(--color-muted);font-size:.85rem}.sg-card{background:#fbf9f6;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sg-card.is-current{outline:2px solid var(--color-primary);outline-offset:-2px}.sg-card.is-new,.sg-card.is-dup{animation:2.4s ease-out sg-pop}@keyframes sg-pop{0%,70%{background:var(--color-primary-light)}to{background:#fbf9f6}}.sg-band{cursor:pointer;background:0 0;border:none;align-items:stretch;width:100%;height:56px;min-height:44px;margin:0;padding:0;text-decoration:none;display:flex}.sg-band-seg{min-width:6px;display:block}.sg-band:hover .sg-band-seg,.sg-band:focus-visible .sg-band-seg{filter:brightness(1.05)}.sg-band:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sg-meta{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.5rem .7rem;font-size:.8rem;display:flex}.sg-tpl{width:100%;color:var(--color-muted);font-size:.75rem}.sg-like{min-height:0;color:var(--color-text);font:inherit;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.8rem;line-height:1.4;display:inline-flex}.sg-like[aria-pressed=true]{background:var(--color-primary-light);color:var(--color-primary)}.sg-like:disabled{opacity:.6}.sg-time{color:var(--color-muted);white-space:nowrap;margin-left:auto}.sg-by{text-overflow:ellipsis;white-space:nowrap;max-width:9em;color:var(--color-muted);font-size:.75rem;overflow:hidden}.sg-desc{color:var(--color-muted);margin:0;padding:0 .7rem .6rem;font-size:.76rem;line-height:1.6}.sg-desc a{color:var(--color-link);min-height:0;display:inline}.sg-intro{margin:0 0 1rem}.sg-intro p{margin:0 0 .6rem;line-height:1.7}.sg-intro-start{background:var(--color-primary);color:#fff;border-radius:999px;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.sg-intro-start:hover{opacity:.9;color:#fff;text-decoration:none}.sg-list.is-shots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.sg-shot{background:#f5f0e8;justify-content:center;align-items:center;height:190px;min-height:0;padding:8px;display:flex}.sg-shot:hover{opacity:.9}.sg-shot img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.sg-band.is-thin{cursor:default;height:8px;min-height:0}.sg-band.is-thin .sg-band-seg{min-width:2px}.sg-card.has-shot .sg-meta{padding:.4rem .5rem;font-size:.75rem}.sg-desc-box{padding:0 .5rem .5rem;font-size:.72rem}.sg-desc-box summary{color:var(--color-link);cursor:pointer}.sg-desc-box .sg-desc{padding:.3rem 0 0}.sg-list.is-shots .sg-card:has(.sg-desc-box[open]){grid-column:1/-1}@media (max-width:640px){.sg-list.is-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.sg-shot{height:140px;padding:5px}.sg-card.has-shot .sg-meta{gap:.2rem .3rem;padding:.35rem;font-size:.68rem}.sg-card.has-shot .sg-like{padding:.1rem .4rem;font-size:.7rem}.sg-desc-box{padding:0 .35rem .4rem;font-size:.66rem}}.sg-empty{color:var(--color-muted);font-size:.9rem}.sg-empty[hidden],.sg-more[hidden]{display:none}.sg-more{margin:1rem 0 0;font-size:.9rem}.sg-tabs{flex-wrap:wrap;gap:.4rem;margin:1rem 0 .6rem;display:flex}.sg-tab{min-height:0;color:var(--color-text);background:#f5f0e8;border-radius:999px;align-items:center;padding:.3rem .9rem;font-size:.85rem;text-decoration:none;display:inline-flex}.sg-tab[aria-current=page]{background:var(--color-primary);color:#fff}.sg-pager{justify-content:space-between;align-items:center;gap:1rem;margin:1.2rem 0;font-size:.9rem;display:flex}.sg-pager span{color:var(--color-muted)}.sg-figure{align-items:flex-start;gap:1.2rem;margin:1rem 0 1.5rem;display:flex}.sg-figure .csim{flex:none;margin:0}.sg-figure .csim-mini .csim-preview{max-width:180px}.sg-figure-text{font-size:.9rem;line-height:1.8}.sg-figure-text p{margin:0 0 .6rem}@media (max-width:640px){.sg-figure{top:var(--csim-top,0px);z-index:3;background:#fff;flex-direction:column;align-items:center;gap:.4rem;margin:.5rem 0 1rem;padding-bottom:.4rem;position:sticky;box-shadow:0 6px 6px -6px #0000001f}.sg-figure .csim-mini .csim-preview{justify-content:center;align-items:center;max-width:none;height:30vh;display:flex;aspect-ratio:auto!important}.sg-figure .csim-mini .csim-preview svg{width:auto;max-width:100%;height:auto;max-height:100%}.sg-figure-text{font-size:.8rem;line-height:1.6}.sg-figure-text p{margin:0}.site-header:not(.header-hidden)~main .sg-page{--csim-top:52px}}