:root{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}.conference-login-page .loginBox button,.conference-auth-page .auth-actions button{font-weight:700}@layer components{.conference-page,.conference-page *,.conference-page :before,.conference-page :after{box-sizing:border-box;outline:none;margin:0;padding:0;text-decoration:none}.conference-page{color:#000;background:#9fafb6;flex-direction:column;min-height:100vh;margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;font-size:12px;line-height:1.5;display:flex;position:relative}.conference-page button,.conference-page a{cursor:pointer;transition:all .35s}.conference-page button:hover,.conference-page a:hover{filter:brightness(1.2)}.conference-page img{width:100%;display:block}.conference-page>header{background:#103472;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.conference-page>header h1{color:#fff;text-align:center;margin:0;font-size:18px}.conference-page>header button{color:#103472;justify-content:space-between;align-items:center;padding:1px 2px 1px 5px;font-weight:700;display:flex}.conference-page>header button:after{background:var(--conference-logout-icon) 0 0 no-repeat;content:"";width:24px;height:24px;margin-left:10px;display:block}.conference-page>main{background-image:linear-gradient(#fff,#c5daeb);flex:1;width:100%;max-width:1280px;margin:0 auto;padding:50px 20px}.conference-page>footer{background:var(--conference-footer-image) 0 0 no-repeat;text-align:center;background-size:cover;width:100%;max-width:1280px;min-height:170px;margin:0 auto}.conference-page>footer img{width:290px;margin:120px auto 0}.conference-login-page>main.login,.conference-auth-page>main.login,.conference-closed-page>main.login{flex-direction:column;justify-content:center;display:flex}.conference-login-page>main>h1,.conference-auth-page>main>h1,.conference-closed-page>main>h1{color:#103472;text-align:center;margin:20px auto;font-size:24px;font-weight:700}.conference-login-page .loginBox,.conference-main-page .dBookBox{text-align:center;background:#fff;border-radius:5px;flex-direction:column;width:320px;margin:20px auto;padding:50px 30px;display:flex;box-shadow:0 1px 3px #999}.conference-login-page .loginBox>*{width:100%;margin:5px 0}.conference-login-page .loginBox a{color:#103472;text-decoration:underline}.conference-login-page .loginBox a:hover{text-decoration:none}.conference-login-page .loginBox input{padding:5px}.conference-login-page .loginBox button{color:#fff;text-align:center;background:#103472;padding:15px;font-weight:700}.conference-login-page .login-error{color:#b91c1c;text-align:left}.conference-login-page .login-status{color:#166534}.conference-main-page article{justify-content:space-between;width:100%;max-width:900px;margin:0 auto;display:flex}.conference-main-page .dBookBox{text-align:left;width:100%;max-width:560px;margin:0 auto 20px}.conference-main-page .dBookBox>img{max-width:254px;margin:0 auto 20px}.conference-main-page .digital-book-button{color:#fff;width:100%;max-width:300px;font-size:inherit;text-align:center;background:#103472;border:none;border-radius:3px;margin:0 auto 20px;padding:15px;font-weight:700;text-decoration:none;display:block;box-shadow:0 1px 2px #ccc}.conference-main-page .digital-book-button:hover,.conference-main-page .digital-book-button:focus-visible{filter:brightness(1.2);background:#103472}.conference-main-page a.howtoBtn{color:#fff;background:#c00;border-radius:3px;margin:10px auto 20px;padding:10px 20px;font-weight:700;display:block;box-shadow:0 1px 2px #ccc}.conference-main-page .dBookBox h3{text-align:left;width:100%;font-size:1.17em;font-weight:700}.conference-main-page .dBookBox span{text-align:left;border:1px solid #333;border-width:1px 0;margin:5px 0;padding:5px 0;display:block}.conference-main-page .dBookBox span.note{color:#c00;margin:5px 0 20px}.conference-main-page .dBookBox p{text-align:left}.conference-main-page .sponsorBox{text-align:center;flex-direction:column;width:100%;max-width:280px;display:flex}.conference-main-page .sponsorBox h3{margin:0 auto 20px;font-size:1.17em;font-weight:700}.conference-main-page .sponsorBox figure{text-align:center;flex-direction:column;width:100%;display:flex}.conference-main-page .sponsorBox figure img{width:270px;height:90px;margin:0 auto 20px}.conference-main-page .sponsorBox figure img.spacer{visibility:hidden;margin:0}@media screen and (width<=720px){.conference-main-page article{flex-direction:column}.conference-main-page .sponsorBox{max-width:100%}.conference-main-page .sponsorBox figure{flex-flow:wrap;justify-content:space-around}.conference-main-page .sponsorBox figure img{margin:10px 20px}}@media screen and (width<=480px){.conference-page>header{flex-wrap:wrap;justify-content:center}.conference-page>header button{margin:10px auto}.conference-page>header h1{color:#fff;margin:0;font-size:14px}}.auth-panel{background:#fff;border-radius:5px;width:min(100%,440px);margin:20px auto;padding:40px 30px;box-shadow:0 1px 3px #999}.auth-header{margin-bottom:24px}.member-label{color:#52525b;margin:0 0 8px;font-size:.875rem;font-weight:600}.auth-title,.member-header h1{color:#103472;text-align:center;margin:0;font-size:20px;font-weight:700;line-height:1.2}.auth-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:16px;padding:12px 14px;font-size:.875rem}.auth-form,.form-field{gap:16px;display:grid}.form-field{gap:8px}.form-field label,.form-label,.form-check{color:#3f3f46;font-size:.9375rem;font-weight:600}.form-value{overflow-wrap:anywhere;color:#18181b;margin:0;font-size:1rem;line-height:1.5}.form-help{color:#52525b;white-space:nowrap;margin:0;font-size:.75rem;line-height:1.5}.form-field input,.form-field select{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:6px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.form-check{align-items:center;gap:8px;font-weight:500;display:flex}.form-check input{width:16px;height:16px}.form-error{color:#b91c1c;margin:0;font-size:.875rem}.auth-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.auth-actions a{color:#103472;font-size:12px;text-decoration:underline}.auth-actions a:hover{text-decoration:none}.conference-auth-page .auth-actions button{color:#fff;cursor:pointer;background:#103472;padding:11px 16px}.site-header{color:#fff;background:#173d7b;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px clamp(16px,4vw,40px);display:flex}.site-header h1{letter-spacing:0;margin:0;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;line-height:1.35}.logout-button{color:#173d7b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d4d4d8;border-radius:4px;padding:7px 16px;font-weight:700}.member-site{color:#27272a;min-height:100vh;font-family:var(--font-sans);background:#edf5fa;margin:0}.member-main{grid-template-columns:minmax(0,530px) minmax(270px,320px);justify-content:center;gap:clamp(36px,6vw,72px);padding:56px 20px;display:grid}.book-panel{text-align:center;background:#fff;border-radius:8px;padding:28px 40px 36px;box-shadow:0 8px 24px #173d7b14}.book-cover{background:#fff;border:1px solid #a1a1aa;width:min(100%,240px);margin:0 auto 18px;padding:20px 12px}.book-cover p{margin:6px 0;font-size:.75rem}.book-cover .book-edition{margin:0;font-size:1.05rem;font-weight:700}.book-cover h2{margin:4px 0 16px;font-size:1.05rem;line-height:1.4}.book-cover-image{color:#173d7b;background:#dbeafe;place-items:center;min-height:160px;font-size:1.4rem;font-weight:700;display:grid}.digital-book-button{color:#fff;background:#173d7b;border-radius:4px;width:min(100%,280px);margin:16px auto 44px;padding:17px 20px;font-size:1rem;font-weight:700;text-decoration:none;display:block}.digital-book-button:hover,.digital-book-button:focus-visible{background:#102f62}.environment-note{text-align:left}.environment-note h3,.environment-note p{border-bottom:1px solid #a1a1aa;margin:0;padding:8px 0;font-size:.875rem;line-height:1.5}.environment-note p:last-child{border-bottom:0}.sponsor-area h2{color:#173d7b;text-align:center;align-items:center;gap:20px;margin:0 0 12px;font-size:1rem;font-weight:700;display:flex}.sponsor-area h2:before,.sponsor-area h2:after{content:"";background:#173d7b;width:52px;height:3px}.sponsor-list{gap:18px;display:grid}.sponsor-link{color:#3f3f46;text-align:center;background:#f9d7fa;border:1px solid #e5b4e8;place-content:center;min-height:90px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.sponsor-link:hover,.sponsor-link:focus-visible{border-color:#173d7b;transform:translateY(-2px)}.sponsor-link span{font-weight:700}.sponsor-link small{margin-top:4px;font-size:.8125rem}.publication-closed-panel{text-align:center;background:#fff;border-radius:5px;width:min(100%,520px);margin:20px auto;padding:40px 30px;box-shadow:0 1px 3px #999}.publication-closed-panel h2{color:#103472;margin:0 0 20px;font-size:20px;font-weight:700;line-height:1.4}.publication-closed-panel>p{color:#52525b;margin:0;line-height:1.8}.publication-period{text-align:left;gap:12px;margin:28px 0 0;display:grid}.publication-period div{border-top:1px solid #d4d4d8;grid-template-columns:96px 1fr;gap:16px;padding-top:12px;display:grid}.publication-period dt{font-weight:700}.publication-period dd{margin:0}@media (width<=560px){.auth-panel{padding:32px 24px}.form-help{white-space:normal}.auth-actions{flex-direction:column;align-items:stretch}.auth-actions button{width:100%}}@media (width<=820px){.site-header{align-items:flex-start}.member-main{grid-template-columns:minmax(0,560px);padding-top:28px}.sponsor-area{width:min(100%,360px);margin:0 auto}}@media (width<=480px){.site-header{flex-direction:column;align-items:stretch}.logout-button{width:100%}.member-main{padding-inline:12px}.book-panel{padding-inline:20px}.publication-closed-panel{padding:32px 24px}.publication-period div{grid-template-columns:1fr;gap:4px}}}