.bbs-head{padding-top:clamp(1.5rem,1rem + 1.6vw,2.5rem);padding-bottom:0}.bbs-head .lead{margin-top:var(--s-4)}.bbs-cats{gap:clamp(1.25rem,.2rem + 2.2vw,2.25rem);margin-top:clamp(1.5rem,1rem + 1.6vw,2.5rem)}.bbs-cats .tab{gap:8px;min-height:60px}.bbs-cats .tab[aria-current=true]{color:var(--c-green-deep)}.bbs-cats .tab[aria-current=true]:after{background:var(--c-green-deep)}.bbs-cats .tab:focus-visible{outline-offset:-4px}.page-news .bbs-cats{scroll-padding-inline:48px}.bbs-cats .count{background:var(--c-white);color:var(--c-green-deep)}.bbs-cats .tab[aria-current=true] .count{background:var(--c-green-deep);color:var(--c-ivory)}.bbs-cats .tab.is-zero:not([aria-current=true]) .count{min-width:auto;box-shadow:none;color:var(--c-ink-2);background:0 0;padding:0}@media (min-width:640px) and (max-width:1023px){.page-news .bbs-cats{gap:var(--s-4)}.page-news .bbs-cats .tab{font-size:var(--fs-body);gap:4px}}.page-news .is-scrollable:not(.at-start):not(.at-end){-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.page-news .is-scrollable.at-start:not(.at-end){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.page-news .is-scrollable.at-end:not(.at-start){-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px)}:is(.bbs-cats,.bbs-sites).is-scrollable:has(:focus-visible){-webkit-mask-image:none;mask-image:none}.bbs{padding-block:var(--s-6) var(--section-y-sm)}.bbs-console{padding:var(--s-1) clamp(1rem, .4rem + 2vw, 1.5rem);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-white)}.bbs-row{gap:var(--s-2);min-width:0;padding-block:var(--s-4);border-bottom:1px solid var(--c-line);display:grid}.bbs-row-label{color:var(--c-green-deep);font-size:var(--fs-body);font-weight:var(--fw-bold);white-space:nowrap;line-height:1.4}.bbs-sites .seg-btn{gap:8px;position:relative}.bbs-cats .tab,.bbs-sites .seg-btn,.bbs-chip{text-decoration:none}.bbs-sites .seg-btn[aria-current=true]{border-color:var(--c-green-deep);background:var(--c-green-deep);color:var(--c-ivory)}.bbs-sites .seg-btn[aria-current=true] .count{color:var(--c-ivory);background:#fffdf333}.bbs-sites .count{background:var(--c-mint-100)}.bbs-sites .seg-btn.is-zero:not([aria-current=true]) .count{min-width:auto;color:var(--c-ink-2);background:0 0;padding:0 2px}.bbs-search{gap:var(--s-2);padding-block:var(--s-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bbs-search select{min-width:0}.bbs-search input::placeholder{color:var(--c-ink-2);opacity:1}.bbs-search .btn{min-height:52px;padding-inline:18px;position:relative}@media (min-width:640px) and (max-width:1023px){.bbs-search{max-width:40rem}}@media (min-width:1024px){.bbs-row{align-items:center;column-gap:var(--s-4);padding-block:var(--s-3);grid-template-columns:6.5rem minmax(0,1fr)}.bbs-search{margin-left:calc(6.5rem + var(--s-4));max-width:36rem;padding-block:var(--s-3)}}@media (min-width:1280px){.bbs-console{align-items:center;column-gap:var(--s-5);padding-block:var(--s-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.bbs-row{border-bottom:0;grid-template-columns:auto minmax(0,1fr)}.bbs-search{max-width:none;padding-left:var(--s-5);box-shadow:inset 1px 0 0 var(--c-line);grid-template-columns:auto minmax(8rem,10rem) auto;margin-left:0}}@media (max-width:639px){.bbs{padding-top:var(--s-5)}.bbs-console{padding-inline:var(--s-4)}.bbs-row,.bbs-search{padding-block:var(--s-3)}.bbs-sites{gap:var(--s-2) 6px}.bbs-sites .seg-btn{gap:6px;padding-inline:14px}.bbs-search{column-gap:6px}.bbs-search select{background-position:right 8px center;padding-inline:12px 34px}.bbs-search input{padding-inline:12px}.bbs-search .btn{width:52px;padding:0}.bbs-search-text{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:359px){.bbs-search{grid-template-columns:minmax(0,1fr) auto}.bbs-search select{grid-column:1/-1}}@media (max-width:639px){.page-news .bbs-row{align-items:center;column-gap:var(--s-3);grid-template-columns:auto minmax(0,1fr)}.page-news .bbs-sites{scrollbar-width:none;flex-wrap:nowrap;margin:-6px;padding:6px;scroll-padding-inline:48px;overflow-x:auto}.page-news .bbs-sites::-webkit-scrollbar{display:none}.page-news .bbs-sites .seg-btn{flex:none}.has-search-toggle:not(.is-search-open) .bbs-search{display:none}.has-search-toggle:not(.is-search-open) .bbs-row{border-bottom:0}.has-search-toggle .bbs-bar{column-gap:var(--s-3)}.has-search-toggle .bbs-bar-main{flex:1 1 0;min-width:0}.has-search-toggle .bbs-site-go{flex-basis:100%}}.bbs-search-toggle{display:none}@media (max-width:639px){.has-search-toggle .bbs-search-toggle{width:var(--tap);height:var(--tap);border:2px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-white);color:var(--c-green-deep);transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;flex:none;align-self:center;place-items:center;padding:0;display:inline-grid;position:relative}.bbs-search-toggle .ic{width:22px;height:22px}.bbs-search-toggle:hover{border-color:var(--c-green-strong);background:var(--c-mint-50)}.bbs-search-toggle[aria-expanded=true]{border-color:var(--c-green-deep);background:var(--c-mint-100)}.bbs-search-toggle[aria-expanded=true] .ic{-webkit-mask:url(/img/made/icons/close.svg) 50%/contain no-repeat;mask:url(/img/made/icons/close.svg) 50%/contain no-repeat}}@media (min-width:1024px) and (max-height:860px){.page-news .bbs-head{padding-top:var(--s-4)}.page-news .bbs-cats{margin-top:var(--s-5)}.page-news .bbs-cats .tab{min-height:52px}.page-news .bbs{padding-top:var(--s-4)}.page-news .bbs-bar{margin-top:var(--s-4);margin-bottom:var(--s-3)}.page-news .bbs-list-head{padding-block:10px}.page-news .bbs-posts .post{min-height:64px;padding-block:var(--s-4)}}.bbs-bar{margin-top:var(--s-6);margin-bottom:var(--s-4);align-items:baseline;row-gap:0}@media (max-width:639px){.bbs-bar{margin-top:var(--s-5)}}.bbs-bar-main{align-items:baseline;gap:var(--s-1) var(--s-5);flex-wrap:wrap;display:flex}.bbs-bar-main .bar-title{align-self:baseline;align-items:baseline}.bbs-bar-main .bar-title:before{align-self:center}.bbs-bar-main .bar-title:focus-visible{outline-offset:4px;border-radius:var(--r-xs)}.page-news .board-total{font-size:var(--fs-body)}.page-news .board-total strong{margin-inline:2px;font-size:1.5rem}.bbs-page{margin-left:var(--s-2);color:var(--c-ink-2);font-weight:var(--fw-medium);white-space:nowrap}.bbs-site-go .link-more{min-height:0;padding-block:0;position:relative}.bbs-site-go .link-more:before{content:"";position:absolute;inset:-12px -4px}.bbs-active{align-items:center;gap:var(--s-2) var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.bbs-active-label{color:var(--c-ink-2);font-size:var(--fs-label);font-weight:var(--fw-bold);white-space:nowrap}.bbs-chips{gap:12px var(--s-2);flex-wrap:wrap;display:flex}.bbs-chip{border:1.5px solid var(--c-green-strong);border-radius:var(--r-pill);background:var(--c-white);min-height:40px;color:var(--c-green-deep);font-size:var(--fs-label);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 14px;display:inline-flex;position:relative}.bbs-chip:before{content:"";position:absolute;inset:-6px -3px}.bbs-chip:after{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url(/img/made/icons/close.svg) 50%/contain no-repeat;mask:url(/img/made/icons/close.svg) 50%/contain no-repeat}.bbs-chip:hover{background:var(--c-mint-50)}.bbs-reset{min-height:var(--tap);color:var(--c-green-strong);font-size:var(--fs-label);font-weight:var(--fw-bold);text-underline-offset:.25em;white-space:nowrap;background:0 0;border:0;align-items:center;padding:0 4px;text-decoration:underline;display:inline-flex}.bbs-reset:hover{color:var(--c-green-deep)}.bbs-note{margin-bottom:var(--s-5)}.bbs-note a{color:var(--c-green-strong);font-weight:var(--fw-bold);text-underline-offset:.2em;margin-block:-12px;padding-block:12px;text-decoration:underline;display:inline-block}.bbs-posts .post{column-gap:var(--s-3)}.post-no{color:var(--c-ink-2);font-size:var(--fs-label);font-weight:var(--fw-semibold);text-align:center}.post-main{gap:6px;min-width:0;display:grid}.bbs-posts .post-title{font-size:1.125rem}.post-site{color:var(--c-ink-2);font-size:var(--fs-label);font-weight:var(--fw-semibold);line-height:1.5}.post-snippet{color:var(--c-ink-2);font-size:var(--fs-note);text-wrap:pretty;line-height:1.6}.post-snippet-label{border-radius:var(--r-xs);background:var(--c-mint-100);color:var(--c-green-deep);font-weight:var(--fw-bold);margin-right:6px;padding:0 6px;display:inline-block}.bbs mark{background:var(--c-mint-200);color:var(--c-green-deep);font-weight:var(--fw-bold);border-radius:3px;padding:0 2px}.bbs-posts .post{row-gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cat date""main main""site site"}.bbs-posts .post>.post-no{display:none}.bbs-posts .post>.post-cat{grid-area:cat}.bbs-posts .post>.post-main{grid-area:main}.bbs-posts .post>.post-site{grid-area:site}.bbs-posts .post>.post-date{grid-area:date}@media (min-width:768px){.bbs-posts .post,.bbs-list-head{column-gap:var(--s-4);grid-template-columns:2.75rem 8.5rem minmax(0,1fr) 6.5rem}.bbs-posts .post{padding-block:var(--s-5);grid-template-areas:"no cat main date""no cat site date";row-gap:4px}.bbs-posts .post>.post-no{grid-area:no;display:block}.bbs-posts .post>.post-main{align-self:end}.bbs-posts .post>.post-site{align-self:start}.bbs-list-head{display:grid}.bbs-list-head>:first-child{text-align:center}.bbs-list-head>:last-child{text-align:right}.bbs-col-site{display:none}}@media (min-width:1200px){.bbs-posts .post,.bbs-list-head{column-gap:var(--s-6);grid-template-columns:4rem 9.5rem minmax(0,1fr) 11.5rem 6.5rem}.bbs-posts .post{grid-template-areas:"no cat main site date"}.bbs-posts .post>.post-main,.bbs-posts .post>.post-site{align-self:center}.bbs-col-site{display:block}}.bbs-foot-note{margin-top:var(--s-4);color:var(--c-ink-2);font-size:var(--fs-note);text-wrap:pretty;line-height:1.6}.bbs-empty{margin-top:var(--s-2)}.bbs-empty .empty-text{text-wrap:pretty}@media (max-width:639px){.bbs-empty .btn-row{align-items:stretch;gap:var(--s-3);flex-direction:column;width:100%;max-width:20rem;margin-inline:auto}.bbs-empty .btn-row .btn{width:100%;margin-top:0}}.bbs-pager{margin-top:clamp(2rem,1.6rem + 1.4vw,3rem)}.bbs-pager>a,.bbs-pager>span{min-width:52px;height:52px;font-size:var(--fs-body)}.bbs-pager>:is(a,span):is(:first-child,:last-child){padding-inline:18px}.bbs-related-list{gap:var(--s-6) var(--gutter);margin-top:var(--s-8);display:grid}@media (min-width:1024px){.bbs-related-list{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}}.bbs-photo{border-radius:var(--r-lg);background:var(--c-white);color:var(--c-ink);box-shadow:0 0 0 1px var(--c-line);transition:box-shadow var(--dur-fast) ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.bbs-photo:hover{box-shadow:0 0 0 2px var(--c-green-strong);color:var(--c-ink)}.bbs-photo:focus-visible{outline-offset:4px}.bbs-photo-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.bbs-photo-strip .ph{border-radius:0}.bbs-photo-strip .ph>img{transition:transform var(--dur) var(--ease-out)}.bbs-photo:hover .bbs-photo-strip .ph>img{transform:scale(1.04)}.bbs-photo-body{gap:var(--s-2);padding:var(--s-5) clamp(1.25rem, .8rem + 1.4vw, 2rem) var(--s-4);display:grid}.bbs-photo-name{color:var(--c-green-deep);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.3}.bbs-photo-text{color:var(--c-ink-2);font-size:var(--fs-body);text-wrap:pretty;line-height:1.6}.bbs-photo-more{justify-self:start}.bbs-photo:hover .bbs-photo-more{color:var(--c-green-deep);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}.bbs-go-list{border-top:1px solid var(--c-line-strong);display:grid}@media (min-width:1024px){.bbs-go-list{grid-auto-rows:1fr}}.bbs-go-list>li{border-bottom:1px solid var(--c-line)}.bbs-go{align-content:center;column-gap:var(--s-4);height:100%;padding:var(--s-5) var(--s-2) var(--s-5) var(--s-1);color:var(--c-ink);grid-template-columns:minmax(0,1fr) 24px;row-gap:2px;text-decoration:none;display:grid}.bbs-go:after{content:"";background:var(--c-green-strong);width:22px;height:22px;transition:transform var(--dur-fast) ease;grid-area:1/2/span 2;align-self:center;-webkit-mask:url(/img/made/icons/chevron-right.svg) 50%/contain no-repeat;mask:url(/img/made/icons/chevron-right.svg) 50%/contain no-repeat}.bbs-go:hover{color:var(--c-ink)}.bbs-go:hover:after{transform:translate(3px)}.bbs-go:focus-visible{outline-offset:-2px;border-radius:var(--r-sm)}.bbs-go-name{color:var(--c-green-deep);font-size:var(--fs-h4);font-weight:var(--fw-bold);grid-column:1;line-height:1.4}.bbs-go-text{color:var(--c-ink-2);font-size:var(--fs-body);text-wrap:pretty;grid-column:1;line-height:1.6}.bbs-go:hover .bbs-go-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.bbs-photo-strip .ph>img,.bbs-go:after{transition:none}.bbs-photo:hover .bbs-photo-strip .ph>img{transform:none}}@media print{.bbs-console,.bbs-active,.bbs-pager,.bbs-related,.bbs-site-go,.bbs-search-toggle{display:none}}
