html,body{margin:0;padding:0;height:100%;background:#ffe;color:#333;font-family:Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,Osaka,Arial,sans-serif;font-size:16px;line-height:1.4}a{color:#33c;text-decoration:none}a:visited{color:#33c}a:hover{text-decoration:underline}img{border:0}button,input,select{font-family:inherit;font-size:16px}.shell{width:100%;min-width:0;max-width:none;margin:0 auto;background:#ffe}#login-top-box{padding:0;background-color:#98b854}#login-top-title{float:left;position:relative;margin:0 20px 0 0;padding:3px 8px 3px 10px;font-size:15px;font-weight:700;background-color:#ffe;line-height:1.15}#login-top-title .brand{font-size:36px;letter-spacing:1px;font-weight:800;font-family:Times New Roman,Times,serif}#login-top-title .forweb{font-size:17px;margin-left:4px;font-weight:700}.ribbon-rule{height:2px;background:#98b854;margin-bottom:6px}.clearfix:after{content:"";display:block;clear:both}.login-form-wrap{padding:8px 6px 4px}#LoginFormSlim{border-collapse:collapse}#LoginFormSlim td{padding:2px 6px;white-space:nowrap;vertical-align:middle;font-size:16px}#LoginFormSlim input[type=text],#LoginFormSlim input[type=password]{height:26px;border:1px solid #7f9db9;background:#e7f0fe;padding:0 4px;box-sizing:content-box}#LoginFormSlim input[name=userName]{width:24ch}#LoginFormSlim input[name=password]{width:12em}#LoginFormSlim button{padding:0 8px;height:30px}img.booth-logo{height:48px;width:auto;display:block;background:#fff}.tri{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #3a78c2;margin-right:3px;vertical-align:middle}.cal-nav button{width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer}.cal-nav button img.lo{width:16px;height:16px;display:block}.inline-ico{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:3px}.inline-ico img.lo{width:16px;height:16px;display:block}.aux-link{color:#111;text-decoration:none}.aux-link:hover{text-decoration:underline}.hint{margin:2px 8px 8px 188px;color:#222;font-size:17px}.hint em{font-style:normal;color:#9a1c1c}.login-grid{display:grid;grid-template-columns:250px 1fr 280px;gap:8px;padding:0 6px}.stack{display:flex;flex-direction:column;gap:8px}.portlet{background:#fff;border:1px solid #9eb6ce;border-radius:8px;box-shadow:0 1px #00000008}.portlet h2{margin:0;padding:3px 8px 3px 6px;background:#e4e4e4;border-radius:7px 7px 0 0;font-size:16px;font-weight:700;color:#222;border-bottom:1px solid #d0d0d0;display:flex;align-items:center}.portlet h2 .i{display:inline-block;position:relative;width:16px;height:16px;margin-right:4px;vertical-align:-3px;background:url(/icons/small-info.png) center / 16px 16px no-repeat;color:transparent;font-size:0}.portlet h2 .i:after{content:none}.portlet h2 .i.star:before{content:"";position:absolute;z-index:1;right:-4px;top:-4px;width:8px;height:8px;background:#f5c518;clip-path:polygon(50% 0,62% 35%,100% 35%,69% 57%,81% 100%,50% 74%,19% 100%,31% 57%,0 35%,38% 35%)}.portlet .body{padding:6px 8px 8px}.portlet .body p{margin:4px 0}.news-list{list-style:none;margin:0;padding:0}.news-list li{margin:0;border-bottom:1px dotted #ccc}.news-list button,.news-list a.row{display:block;width:100%;text-align:left;background:transparent;border:0;padding:4px 2px;color:#00c;cursor:pointer;font-size:16px}.news-list button[aria-current=true]{background:#e8f0c8}.detail-title{font-weight:700;margin:0 0 4px}.muted{color:#555}.faq dt{font-weight:700;margin-top:8px}.faq dd{margin:2px 0 0 1em}.en{color:#333}.footer-note{margin:12px 8px 18px;color:#444;font-size:15px}.footer-note strong{font-weight:700}.err{color:#b00000;font-weight:700;margin:4px 0 0 188px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#50505059;z-index:20;display:flex;align-items:center;justify-content:center}.overlay[hidden]{display:none}.dialog{width:360px;height:180px;background:#fff;border:1px solid #aaaaaa;box-shadow:0 0 6px #00000040;position:relative;color:#222}.twins-loading{position:absolute;left:0;right:0;top:18px;width:100px;height:100px;margin:0 auto}.twins-loading span{position:absolute;border-radius:50%;background:#1e1e1e;animation:tw-dot .84s steps(12,end) infinite}.twins-loading b{position:absolute;left:0;right:0;top:46px;margin:0;text-align:center;font:5px/5px Courier New,Courier,monospace;letter-spacing:1.5px;font-weight:400;color:#000}.dialog .now{position:absolute;left:0;right:0;top:132px;margin:0;text-align:center;font-size:17px}.timeout-alert{position:fixed;z-index:50;left:50%;top:72px;width:520px;margin-left:-260px;background:snow;border:1px solid #888;box-shadow:2px 2px 6px #00000040;padding:8px 8px 10px;text-align:center;font-size:16px}.timeout-alert[hidden]{display:none}.timeout-alert .title{color:#00f;font-size:19pt;font-weight:700;margin:8px 0}.timeout-alert table{margin:0 auto 10px;background:#f3e8cf;border-collapse:collapse}.timeout-alert td{padding:6px 8px;text-align:left}.timeout-alert .msg{font-size:16pt;font-weight:700}.timeout-alert .red-msg{color:red;font-size:16pt}@keyframes tw-dot{0%{width:9px;height:9px;margin:-4.5px;background:#1e1e1e}8.333%{width:8.4px;height:8.4px;margin:-4.2px;background:#202020}16.666%{width:8px;height:8px;margin:-4px;background:#333}25%{width:7.4px;height:7.4px;margin:-3.7px;background:#353535}33.333%{width:7px;height:7px;margin:-3.5px;background:#353535}41.666%{width:6.6px;height:6.6px;margin:-3.3px;background:#3f3f3f}50%{width:6.2px;height:6.2px;margin:-3.1px;background:#494949}58.333%{width:5.8px;height:5.8px;margin:-2.9px;background:#515151}66.666%{width:5.4px;height:5.4px;margin:-2.7px;background:#585858}75%{width:5px;height:5px;margin:-2.5px;background:#5d5d5d}83.333%{width:4.6px;height:4.6px;margin:-2.3px;background:#626262}91.666%{width:4.4px;height:4.4px;margin:-2.2px;background:#717171}}body.portal-body{background:#ffe;overflow:hidden;height:100%}.portal-app{width:100%;max-width:none;min-width:0;height:100vh;height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#ffe}.userbar{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:4px 16px 4px 10px;background:linear-gradient(#fffffb,#f3f3d8);border-bottom:1px solid #e2e4cc;flex:0 0 auto}.userbar .booth-logo{height:38px;width:auto;background:#fff}.who{display:flex;flex-direction:column;align-items:center;gap:1px;margin-left:auto;margin-right:18px;padding:0 2px;color:#333;font-size:14px;line-height:1.15}.userbar img.lo{display:block;width:24px;height:24px;image-rendering:auto}.user-links{display:flex;gap:0;align-items:flex-end;margin-right:4px}.user-links a:last-child,.user-links button.linkish:last-child{margin-right:0}.user-links a,.user-links button.linkish{display:inline-flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;color:#333;text-decoration:none;cursor:pointer;margin-right:22px;padding:0 2px;font-size:14px;line-height:1.15;white-space:nowrap}.user-links a:hover,.user-links button.linkish:hover{color:#00c}.user-links .remain{font-variant-numeric:tabular-nums;font-weight:700;color:#24510f}.sic{display:inline-block;width:16px;height:16px;vertical-align:-3px}.sic img.lo{display:block;width:16px;height:16px;image-rendering:auto}.tabbar{display:flex;align-items:flex-end;gap:0;width:100%;min-width:0;padding:2px 0 0;background:#ffe;border-bottom:0;flex:0 0 auto}.tabbar.compact{min-height:28px}.tabbar.compact .tab{min-width:0;padding:4px 10px 3px}.tabbar.compact .tab img{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-bottom:0;background:transparent;flex:1 1 0;width:auto;min-width:0;max-width:none;padding:4px 2px 2px;cursor:pointer;color:#333;font-size:15px}.tab img.lo{display:block;width:48px;height:48px;margin:0 auto 2px;image-rendering:auto}.tab span{display:block;font-size:15px;line-height:1.15;text-align:center;white-space:normal}.tab:hover{background:#ffffff73}.tab[aria-selected=true]{background:#6ea326;border-color:#6ea326;border-radius:8px 8px 0 0;color:#111;font-weight:700;position:relative;z-index:1;margin-bottom:-1px;padding-bottom:4px}.subbar{display:flex;flex-wrap:wrap;gap:0;align-items:center;width:100%;min-width:0;background:#5f9224;color:#fff;min-height:28px;padding:4px 5px 2px;flex:0 0 auto}.subbar a,.subbar button{background:none;border:0;color:#fff;text-decoration:none;cursor:pointer;font-size:16px;padding:0 20px 4px 5px}.subbar a:hover,.subbar button:hover,.subbar a[aria-current=true],.subbar button[aria-current=true]{text-decoration:underline;background:#00000014}.subbar .sic{margin-right:3px;vertical-align:-4px}.frame-scroll{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff}#MainFrame{display:block;width:100%;height:100%;border:0;background:#fff}@media(max-width:999px){.userbar,.tabbar,.subbar{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;min-width:72px}#MainFrame{width:1000px;height:auto;min-height:100%}}.hidden-frame{position:absolute;width:1px;height:1px;left:-9999px;border:0}.toast{position:fixed;right:12px;top:52px;background:#fffde0;border:1px solid #c2b85a;padding:6px 10px;z-index:40;box-shadow:2px 2px #0000001a}.toast[hidden]{display:none}html:has(body.frame){height:auto;min-height:100%;background:#fff}body.frame{height:auto;min-height:100%;background:#fff;margin:0}body:has(.smart-head){box-sizing:border-box;padding-top:var(--smart-head-h, 116px)}@media(min-width:1000px){body.frame .smart-head-inner{max-width:none}}@media(max-width:999px){body.frame .home-wrap{grid-template-columns:1fr}body.frame .frame-pad,body.frame .home-wrap{box-sizing:border-box;max-width:100%}body.frame:has(.smart-head){background:#ffe}body.frame:has(.smart-head) .frame-pad,body.frame:has(.smart-head) .home-wrap{width:100%;max-width:480px;margin-left:auto;margin-right:auto;background:#fff}body.frame .fn-box{overflow-x:auto}body.frame .syllabus,body.frame table.grid{width:100%}body.frame .fn-box,body.frame .article,body.frame .fn-title,body.frame .crumbs{overflow-wrap:break-word}body.frame .muted{overflow-wrap:anywhere}body.frame .syllabus th{width:7.5em}body.frame .syllabus img.hero{max-width:100%;height:auto}}@media(max-width:400px){.dialog{width:min(360px,calc(100vw - 16px))}}.frame-pad{padding:8px 10px 24px}.home-wrap{display:grid;grid-template-columns:230px 1fr;gap:8px;padding:8px;align-items:start}.cal{width:100%;border-collapse:collapse;text-align:center}.cal th,.cal td{border:1px solid #d5d5d5;padding:2px 0;font-size:15px;width:14.2%}.cal th{background:#aaabe9;font-weight:400}.cal td.sun,.cal th.sun{color:#c00}.cal td.sat,.cal th.sat{color:#36c}.cal td.today{background:#f7d0d4;font-weight:700}.cal td.out{color:#bbb}.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cal-nav button{font-size:15px}.sched-item{margin:4px 0;padding-bottom:3px;border-bottom:1px dotted #ddd}.sched-item .lim{color:#555}.banner{background:#2f7a16;color:#fff;text-align:center;padding:8px 10px 7px;margin:6px 0}.banner .jp{font-size:22px;font-weight:700;letter-spacing:2px}.banner .sub{font-size:15px}a.xlink{color:#fff;filter:drop-shadow(0 0 5px #ffffff)}.yellow-bar{background:#fff45a;padding:4px 8px;font-weight:700;margin:6px 0}.yellow-bar a{color:#14610c}.warn{color:#d00000;font-weight:700}.article h3{font-size:18px;margin:8px 0 4px}.game-lead{font-size:30px;font-weight:700;margin:12px 0 4px}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 12px}.game-grid figure{margin:0}.game-grid img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid #ccc;background:#fff}.game-grid figcaption{margin-top:2px;font-size:15px;text-align:center;color:#333}@media(max-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}.board-body h3:not(:first-child){margin-top:28px}.article p{margin:4px 0}table.grid{width:100%;border-collapse:collapse;background:#fff}table.grid th,table.grid td{border:1px solid #b9c3ce;padding:4px 6px;font-size:16px;vertical-align:middle}table.grid th{background:#aaabe9;font-weight:700;text-align:center}table.grid tr:nth-child(2n) td{background:#f7faf3}table.grid img.thumb{width:42px;height:32px;object-fit:cover;background:#fff}.fn-title{background:#e8e8e8;border:1px solid #ccc;border-radius:6px 6px 0 0;padding:4px 8px;font-weight:700}.fn-box{border:1px solid #ccc;border-top:0;padding:8px 10px 12px;margin-bottom:12px}.crumbs{color:#555;margin:0 0 6px}.syllabus{width:100%;border-collapse:collapse}.syllabus th,.syllabus td{border:1px solid #ccc;padding:5px 8px;vertical-align:top}.syllabus th{width:140px;background:#aaabe9;text-align:left;font-weight:400}.syllabus img.hero{max-width:280px;max-height:160px;object-fit:contain;background:#fff}.syllabus img.hero.cover{max-width:560px;max-height:800px}.board-frame{width:100%;height:280px;border:1px solid #9eb6ce;background:#fff}.smart-body{height:auto;min-height:100%;background:#ffe;min-width:0}.smart{max-width:480px;margin:0 auto;padding-bottom:20px;box-sizing:border-box}.smart-head{position:fixed;z-index:15;top:0;left:0;right:0;box-sizing:border-box;padding-top:env(safe-area-inset-top);background:#ffe;box-shadow:0 1px #0000002e}.smart-head-inner{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.smart-head a:hover{text-decoration:none}.smart-head .tabbar,.smart-head .subbar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.smart-head .tab{flex:1 0 auto;min-width:72px;text-decoration:none}.smart-head .tab span,.smart-head .subbar a{white-space:nowrap}.smart-head .tabbar.compact .tab{min-width:68px;padding:7px 10px 6px}.smart-head .subbar{flex-wrap:nowrap}.smart-head .subbar a{flex:0 0 auto}.smart-head .subbar a:hover,.smart-head .subbar a[aria-current=true]{text-decoration:underline}.smart-logo{text-align:center;padding:12px 8px 2px}.smart-logo img{height:58px;width:auto;background:#fff}.smart .portlet{margin:8px}.smart-form{width:100%;border-collapse:collapse;margin:4px 0}.smart-form td{padding:4px 6px;vertical-align:middle}.smart-form td:first-child{white-space:nowrap;width:1%}.smart-form input[type=text]{width:100%;max-width:none;box-sizing:border-box;height:32px;border:1px solid #7f9db9;background:#e7f0fe;font-size:20px;padding:0 4px}.smart-form input[name=userName]{min-width:22ch}.smart-form input[name=password]{min-width:11em}@media(max-width:360px){.smart-form,.smart-form tbody,.smart-form tr,.smart-form td{display:block;width:auto}.smart-form td:first-child{white-space:normal;width:auto;padding-bottom:0}.smart-form input[name=userName],.smart-form input[name=password]{min-width:0;width:100%}}.smart-actions{text-align:center;padding:2px 4px 6px}.smart-actions button,.smart-actions a{display:inline-block;margin:3px 2px;padding:3px 8px;background:linear-gradient(#fff,#e4e4e4);border:1px solid #b6b6b6;border-radius:3px;color:#222;text-decoration:none;font-size:16px;line-height:1.4;cursor:pointer;vertical-align:middle}.smart-actions a:hover{text-decoration:none;background:linear-gradient(#f7f7f7,#dcdcdc)}.smart-hint{text-align:center;margin:2px 10px 8px;font-size:16px}.smart-id{display:flex;align-items:center;gap:8px;padding:6px 8px 4px;background:#ffe;min-width:0}.smart-id .mark{display:block;flex:1 1 auto;min-width:0;max-width:62%;margin:0;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}.smart-id img.booth{display:block;height:36px;width:auto;max-width:100%;object-fit:contain;object-position:left center;background:#fff}.smart-name{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;max-width:46%;padding:4px 8px;background:#ccc;color:#333;font-size:16px}.smart-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-name img.lo{width:16px;height:16px;flex:0 0 auto;background:#555}.smart-sys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.smart-sys a,.smart-sys button.en,.smart-sys span.time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;width:100%;min-width:0;min-height:64px;margin:0;padding:6px 2px;border:0;color:#fff;font:inherit;font-size:15px;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer}.smart-sys a>span,.smart-sys button.en>span,.smart-sys span.time>span{display:block;max-width:100%;overflow-wrap:anywhere}.smart-sys img.lo{width:26px;height:26px;flex:0 0 auto}@media(max-width:359px){.smart-id img.booth{height:30px}.smart-sys a,.smart-sys button.en,.smart-sys span.time{min-height:58px;font-size:14px}.smart-sys img.lo{width:22px;height:22px}}.smart-sys .pc{background:#8a3}.smart-sys .en{background:#e67e22}.smart-sys .time{background:#c6b;cursor:default}.smart-sys .out{background:#5498b8}.smart-crumbs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 8px 0}.smart-crumbs button,.smart-crumbs span{background:#555;color:#fff;border:0;padding:8px 16px;font-size:16px;cursor:pointer}.smart-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px}.smart-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:86px;padding:6px 2px 8px;border:0;color:#fff;font-size:14px;line-height:1.2;text-align:center;cursor:pointer}.smart-tile img.lo{width:48px;height:48px}.smart-news,.smart-cal{margin:0 8px 8px}.smart-news h2,.smart-cal h2{margin:0;padding:8px 10px;color:#fff;font-size:18px;font-weight:700}.smart-news h2{background:#376726}.smart-cal h2{background:#233355}.smart-news .body,.smart-cal .body{background:#fff;padding:8px 10px 10px}.smart-menu-bar{margin:8px;padding:8px 10px;background:#333;color:#fff;font-size:18px;font-weight:700}.smart-rows{list-style:none;margin:0 8px;padding:0}.smart-rows a{display:block;position:relative;margin-bottom:2px;padding:12px 28px 12px 12px;background:#ccc;color:#333;font-size:18px;text-decoration:none}.smart-rows a:after{content:"";position:absolute;top:50%;right:12px;margin-top:-5px;border:5px solid transparent;border-left-color:#555}.smart-top{display:block;width:72px;margin:12px auto 20px;padding:8px;border:0;background:#555;color:#fff;cursor:pointer}@media(max-width:900px){.narrow-hint{display:block}}.narrow-hint{display:none;background:#fff4c2;padding:4px 8px;text-align:center}.rainbow-count{font-weight:700;font-size:calc(1em + 2px);background:linear-gradient(90deg,red,#ff8a00,#ffe600,#14c800,#00a2ff,#6a00ff,#ff00c8,red) 0 0 / 200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-slide 2s linear infinite}@keyframes rainbow-slide{to{background-position:-200% 0}}