.article-bell{width:100%;height:100%;color:var(--preview-ink);font-family:var(--preview-sans);position:relative}.article-bell__button{border:1px solid var(--preview-line);background:var(--preview-white);cursor:pointer;width:100%;height:100%;color:inherit;border-radius:50%;place-items:center;padding:8px;display:grid;position:relative}.article-bell__button svg{pointer-events:none;width:22px;height:22px}.article-bell__button:focus-visible,.article-bell__panel :is(a,button):focus-visible{outline:2px solid var(--preview-ink);outline-offset:3px}.article-bell__count{background:var(--preview-red);min-width:18px;color:var(--preview-white);border-radius:12px;padding:1px 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-5px}.article-bell__panel{z-index:70;border:1px solid var(--preview-line);background:var(--preview-white);width:380px;max-height:min(75dvh,650px);box-shadow:var(--preview-shadow);text-align:left;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.article-bell__panel h2{border-bottom:1px solid var(--preview-line);margin:0;padding:16px 20px;font-size:16px;font-weight:700}.article-bell__content{min-height:0;overflow-y:auto}.article-bell__content p{color:var(--preview-muted);margin:0;padding:28px 20px;font-size:14px}.article-bell__content ul{margin:0;padding:0;list-style:none}.article-bell__content li+li{border-top:1px solid var(--preview-line)}.article-bell__content a{color:inherit;gap:12px;padding:16px 20px;text-decoration:none;display:flex}.article-bell__content a:hover{background:var(--preview-cream)}.article-bell__content img{object-fit:cover;border-radius:4px;flex-shrink:0;align-self:flex-start}.article-bell__content a>span{min-width:0}.article-bell__content strong{overflow-wrap:anywhere;font-size:14px;line-height:1.6;display:block}.article-bell__content a span span,.article-bell__content time{color:var(--preview-muted);font-size:12px;line-height:1.7;display:block}.article-bell__footer{border-top:1px solid var(--preview-line);gap:12px;padding:16px 20px;font-size:13px;display:grid}.article-bell__footer button{border:1px solid var(--preview-line);background:var(--preview-white);cursor:pointer;border-radius:6px;padding:10px}.article-bell__footer button:disabled{opacity:.5;cursor:default}.article-bell__footer a{color:inherit;text-align:center}.article-bell__backdrop{display:none}@media (width<=1023px){.article-bell__panel{top:var(--article-bell-top);width:auto;max-height:calc(100dvh - var(--article-bell-top));border-radius:0 0 16px 16px;position:fixed;left:0;right:0}.article-bell__backdrop{z-index:60;inset:var(--article-bell-top) 0 0;background:#00000073;display:block;position:fixed}}@media (width>=320px) and (width<=359px){[data-v3-header]:has(.article-bell) .v3-brand{flex:0 0 114px;width:114px}[data-v3-header]:has(.article-bell) .v3-header__row{gap:4px}[data-v3-header]:has(.article-bell) .v3-header__account{gap:2px}.article-bell__button{padding:0}.article-bell__count{box-sizing:border-box;letter-spacing:-.5px;min-width:0;max-width:22px;padding:1px 2px;font-size:9px;line-height:12px;top:0;right:0}[data-v3-header]:has(.article-bell) .v3-icon-btn{flex:0 0 44px;width:44px;height:44px}}@media (width>=360px) and (width<=374px){[data-v3-header]:has(.article-bell) .v3-header__row{gap:3px}}[data-v3-header]:lang(ja) :is(.v3-header__login,.v3-nav__item,.v3-menu__mypage,.v3-menu__label,.v3-menu__item){letter-spacing:.04em}@media (width>=1024px){[data-v3-header]:lang(ja) .v3-header__login[data-header-auth=anonymous]{padding-inline:calc(8px - .08em)}[data-v3-header]:lang(ja) .v3-header__login[data-header-auth=authenticated]{padding-inline:calc(8px - .1em)}}@media (width>=1024px) and (width<=1279px){[data-v3-header]:lang(ja) .v3-nav{--v3-nav-pad:clamp(5px, calc(5px + (100vw - 1024px) * 9 / 256), 14px)}}.v3-nav__sparkle{flex:none;align-items:center;width:1.5em;line-height:1;display:inline-flex}.v3-nav__sparkle>svg{width:100%;height:auto;transform:translateY(calc(-3.125% - .06em))}.article-bell-slot[data-astro-cid-ylj6y242]{flex:0 0 40px;width:40px;height:40px}@media (width>=320px) and (width<=359px){.article-bell-slot[data-astro-cid-ylj6y242]{flex-basis:24px;width:24px}}@media (width<=319px){.article-bell-slot[data-astro-cid-ylj6y242]{flex-basis:44px;width:44px;height:44px}}