.phone-notice{z-index:250;top:calc(var(--header-h) + 10px + env(safe-area-inset-top,0px));background:radial-gradient(120% 140% at 0% 0%, #4cd08a38, transparent 60%), linear-gradient(180deg, #ffffff0a, transparent), var(--bg-850);color:var(--ink-700);border:1px solid #6fe0a061;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 12px 14px 14px;animation:.35s cubic-bezier(.2,.9,.3,1.2) phone-notice-in;display:flex;position:fixed;left:12px;right:12px;overflow:hidden;box-shadow:0 14px 36px #0000008c,0 0 28px #2bb46a33,inset 0 1px #ffffff14}.phone-notice:before{content:"";opacity:.9;background:linear-gradient(90deg,#0000,#6fe0a0,#0000);border-radius:2px;height:2px;position:absolute;inset:0 18% auto}.phone-notice-icon{color:#0b1a12;background:linear-gradient(145deg,#6fe0a0,#1f9d5a);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 18px #4cd08a73,inset 0 1px #ffffff59}.phone-notice-text{flex:1;margin:1px 0 0;font-size:14px;line-height:1.45}.phone-notice-text strong{color:var(--ink-950);margin-bottom:3px;font-size:15.5px;font-weight:700;line-height:1.3;display:block}.phone-notice-close{width:38px;height:38px;color:var(--ink-950);cursor:pointer;background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;flex:none;place-items:center;margin:-2px -2px 0 0;transition:background .15s,color .15s,transform .15s;display:grid;position:relative}.phone-notice-close:after{content:"";border-radius:999px;position:absolute;inset:-5px}.phone-notice-close:hover,.phone-notice-close:focus-visible{color:#0b1a12;background:#6fe0a0;border-color:#6fe0a0}.phone-notice-close:active{transform:scale(.92)}.phone-notice-close:focus-visible{outline-offset:2px;outline:2px solid #6fe0a0}body.has-spotlight .phone-notice{display:none}@keyframes phone-notice-in{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.phone-notice{animation:none}}.phone-best-line{color:var(--ink-700);align-items:flex-start;gap:8px;margin:10px 0 0;font-size:14px;line-height:1.45;display:flex}.phone-best-line svg{color:var(--lamp-on-dark,#6fe0a0);flex:none;margin-top:2px}@media (min-width:721px){.phone-notice,.phone-best-line{display:none}}.phone-notice-text{overflow-wrap:break-word;min-width:0}.phone-notice-text:lang(ja),.phone-best-line:lang(ja){overflow-wrap:anywhere;line-height:1.6}body:has(.page-content>.sl,.wb.phone) .phone-notice{display:none}
