body{font-family:"Noto Sans CJK JP","Noto Sans JP",Meiryo,"Yu Gothic",sans-serif}
:root{--kid-yellow:#fff4c7;--kid-blue:#3159dc;--kid-navy:#17233f;--kid-green:#16805d;--kid-orange:#e87836}
.curriculum-link{text-align:center;margin:28px 0}.curriculum-link a{color:var(--blue);font-weight:800}
.kid-cover{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;background:linear-gradient(135deg,#edf3ff,#fff8e9);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.kid-cover h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:.25em 0}.kid-cover p{font-size:1.04rem}.kid-cover img{width:100%;border-radius:18px}.scope-badge{display:inline-block;background:#fff;color:#2c4fb7;border:1px solid #bfcffa;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:900}.cover-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cover-actions a{color:var(--blue);font-weight:800}.kid-progress{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:15px 0}.kid-progress div{display:flex;align-items:baseline;gap:4px}.kid-progress b{font-size:1.5rem;color:var(--blue)}.kid-progress progress{width:100%;height:14px;border:0}.kid-progress progress::-webkit-progress-bar{background:#dde5f4;border-radius:10px}.kid-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#3159dc,#706de8);border-radius:10px}
.kid-chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:15px 0}.kid-chapters button{min-height:68px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:7px 4px;font:inherit;color:var(--muted);display:grid;place-items:center;gap:2px}.kid-chapters small{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:var(--blue);font-weight:900}.kid-chapters span{font-size:.68rem;font-weight:800}.kid-chapters button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.kid-chapters button.active small{background:#fff;color:var(--blue)}.kid-chapters button.done{box-shadow:inset 0 0 0 2px #35a579}.kid-chapters button.done small::after{content:'✓';font-size:.55rem;margin-left:2px;color:#1b8a63}
.kid-chapter{background:#fff;border:1px solid var(--line);border-radius:24px;padding:23px;box-shadow:var(--shadow)}.kid-chapter-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.kid-chapter-head span{color:var(--blue);font-size:.73rem;font-weight:900;letter-spacing:.1em}.kid-chapter-head h2{margin:.12em 0}.kid-chapter-head p{margin:0;color:var(--muted)}.kid-chapter-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:21px}.kid-chapter-nav button:last-child{justify-self:end}.kid-chapter-body textarea{width:100%;min-height:90px;border:2px solid var(--line);border-radius:13px;padding:11px;font:inherit;resize:vertical}
.intro-story{display:grid;gap:12px}.intro-story p{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;margin:0;background:#f8faff;border-radius:15px;padding:15px;line-height:1.9}.intro-story b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.wonder-box,.notice-box,.mini-task,.bridge-box,.lab-notebook,.why-extra{margin-top:15px;border-radius:16px;padding:16px}.wonder-box{background:#fff8e7;border:1px solid #efdba7}.notice-box{background:#e9f8f1;border:1px solid #bee8d4}.mini-task,.bridge-box,.lab-notebook{background:#f5f7fc;border:1px solid var(--line)}
.term-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.term-grid article{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fbfcff}.term-grid h3{margin:0;color:var(--blue);font-size:1.25rem}.term-grid rt{font-size:.55rem;color:var(--muted)}.term-grid button{border:0;background:#edf2ff;color:var(--blue);border-radius:9px;padding:7px 10px}.prior-path{display:grid;gap:10px}.prior-path article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:13px}.prior-path>article>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff0d8;color:#a65a11;font-weight:900}.prior-path h3{margin:0}.prior-path p{margin:.25em 0;color:var(--muted)}.prior-check{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px}.prior-check.checked{background:#e8f8f1;color:var(--green)}
.picture-study{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;align-items:center}.picture-study img{width:100%;border-radius:17px;border:1px solid var(--line)}.picture-study li{margin:.7em 0}.picture-questions{display:grid;gap:9px;margin-top:15px}.picture-questions details{border:1px solid var(--line);border-radius:13px;padding:12px}.picture-questions summary{font-weight:900;color:var(--blue);cursor:pointer}
.child-simulator{background:#f8faff;border:1px solid #d9e3f5;border-radius:19px;padding:18px}.child-simulator h3{margin-top:0}.sim-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.sim-controls.four{grid-template-columns:repeat(4,1fr)}.sim-controls label{display:grid;grid-template-columns:1fr auto;gap:6px;font-weight:800;background:#fff;border-radius:12px;padding:10px}.sim-controls input{grid-column:1/-1;width:100%}.sim-controls b{color:var(--blue)}.sim-result{margin-top:12px;background:#fff7df;border-radius:12px;padding:12px;text-align:center;font-weight:900;color:#684b00}.fm-grid{display:grid;gap:3px;max-width:480px;margin:16px auto}.fm-grid i{aspect-ratio:1;background:#fff;border:1px solid #9dadcf}.fm-grid i.base{background:#bcd0ff}.fm-grid i.overlap{background:#ef9875}.fd-bar{display:grid;grid-template-columns:repeat(12,1fr);height:70px;border:3px solid #253a68;border-radius:12px;overflow:hidden}.fd-bar i{border-right:1px solid #9cadcf}.fd-bar i.filled{background:#8dadf5}.fd-bar i.end{border-right:5px solid #e45d44}.number-line{position:relative;height:14px;margin:40px 25px;background:#cbd6eb;border-radius:8px}.number-line::before,.number-line::after{position:absolute;top:20px}.number-line::before{content:'0';left:0}.number-line::after{content:'1';right:0}.number-line i{position:absolute;width:24px;height:24px;border-radius:50%;background:#e87836;top:-5px;transform:translateX(-50%);transition:.2s}.conv-cards{display:flex;justify-content:center;align-items:center;gap:15px;font-size:1.5rem;flex-wrap:wrap}.conv-cards b{background:#fff;padding:12px 18px;border-radius:13px;border:1px solid var(--line)}.machine-lab{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;gap:10px;align-items:center}.machine-lab input,.machine-lab select{padding:12px;border:2px solid var(--line);border-radius:11px;font:inherit}.machine-lab b{font-size:1.7rem;text-align:center}.sym-lab{text-align:center}.sym-lab svg{max-width:570px;width:100%;height:300px}.sym-lab button{margin:5px}.scale-lab{display:flex;justify-content:center;align-items:center;gap:70px;min-height:240px}.original-shape,.changed-shape{width:80px;height:60px;border:3px solid var(--blue);background:#dce6ff;display:grid;place-items:center;transition:.2s}.original-shape::after{content:'もと'}.changed-shape::after{content:'変えた図'}#circleLabCanvas,#propCanvas{width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
.scene3d{height:320px;display:grid;place-items:center;perspective:900px;touch-action:none;cursor:grab}.box3d{--w:64px;--d:65px;--h:72px;position:relative;transform-style:preserve-3d;transition:width .2s,height .2s}.box3d i{position:absolute;display:block;border:2px solid #3159dc;background:#8daaf099;backface-visibility:visible}.box3d .front,.box3d .back{width:var(--w);height:var(--h)}.box3d .front{transform:translateZ(calc(var(--d)/2))}.box3d .back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.box3d .left,.box3d .right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2)}.box3d .left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.box3d .right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.box3d .top,.box3d .bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2)}.box3d .top{transform:rotateX(90deg) translateZ(calc(var(--h)/2))}.box3d .bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2))}.mix-lab{height:90px;display:flex;border:3px solid #273b68;border-radius:14px;overflow:hidden}.mix-lab span:first-child{background:#ee8177}.mix-lab span:last-child{background:#6688dd}.share-people{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.share-people div{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}.share-people span{font-size:1.7rem}.rep-inputs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.rep-inputs input{width:82px;padding:10px;border:2px solid var(--line);border-radius:10px;text-align:center}.rep-dots{height:180px;display:flex;align-items:end;justify-content:center;gap:14px}.rep-dots i{width:30px;background:#6488e2;border-radius:7px 7px 0 0}.dot-builder{display:grid;grid-template-columns:repeat(11,1fr);align-items:end;min-height:230px;gap:4px}.dot-builder button{height:220px;border:0;border-bottom:3px solid #2a3d69;background:transparent;display:flex;flex-direction:column;justify-content:end;align-items:center}.dot-builder span{display:flex;flex-direction:column-reverse;gap:3px}.dot-builder i{width:15px;height:15px;border-radius:50%;background:#5d82de}.people-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.people-grid button{aspect-ratio:1;border:0;border-radius:4px;background:#6c8de0}.people-grid button.yes{background:#ef8379}.people-grid button.chosen{outline:3px solid #17233f;z-index:1}.sample-actions{display:flex;justify-content:center;gap:9px;margin-top:12px}.case-tree{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.case-tree>div{display:grid;place-items:center;gap:8px}.case-tree b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.case-tree span{display:flex;gap:5px}.case-tree i{font-style:normal;padding:7px;background:#edf2ff;border-radius:8px}
.lab-notebook{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lab-notebook h3{grid-column:1/-1;margin:0}.lab-notebook label{font-weight:800}.why-stack{display:grid;gap:10px}.why-stack article{border:1px solid var(--line);border-radius:15px;overflow:hidden}.why-question{width:100%;display:flex;gap:10px;align-items:center;border:0;background:#f8faff;text-align:left;padding:14px;font:inherit;font-weight:900}.why-question span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.why-answer{padding:15px}.worked-card{display:grid;gap:13px}.worked-card>h3{font-size:1.25rem;background:#eef3ff;padding:15px;border-radius:14px}.prediction{background:#fff7df;padding:13px;border-radius:12px}.worked-steps{display:grid;gap:8px}.worked-step{display:none;grid-template-columns:36px 1fr;gap:10px;align-items:center;border-left:4px solid var(--blue);background:#f8faff;padding:9px}.worked-step.show{display:grid}.worked-step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:900}.worked-answer{background:#e9f8f1;padding:14px;border-radius:14px}.compare-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.compare-list article{border:1px solid var(--line);border-radius:15px;padding:14px}.compare-list>article>span{font-size:.72rem;color:var(--blue);font-weight:900}.compare-list article div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;text-align:center;margin:12px 0}.compare-list article button{width:100%;border:0;background:#edf2ff;color:var(--blue);padding:9px;border-radius:9px}.compare-list article p{background:#fff7df;padding:10px;border-radius:10px}
.step-research{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.step-research article{display:grid;grid-template-columns:38px 1fr;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px}.step-research article>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:var(--blue);font-weight:900}.step-research h3{margin:0}.step-research p{color:var(--muted)}.step-research label{grid-column:2;font-size:.82rem}.order-lab{margin-top:17px;background:#f8faff;border-radius:16px;padding:15px}#orderStepList{display:grid;gap:7px;margin:10px 0}.order-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px}.order-item button,.mistake-counter button{border:0;background:#edf2ff;color:var(--blue);border-radius:8px;padding:6px 9px}.mistake-counter{display:flex;justify-content:space-between;align-items:center}.mistake-case{display:grid;gap:12px}.wrong-thought{font-size:1.25rem;font-weight:900;text-align:center;background:#fff0f0;border:1px solid #efc7c7;border-radius:15px;padding:20px}.mistake-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mistake-buttons button{border:0;background:#edf2ff;color:var(--blue);border-radius:11px;padding:11px;font-weight:900}.mistake-answer{background:#f8faff;border-radius:12px;padding:13px}.life-scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.life-scene{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.life-scene img{width:80px;height:60px;object-fit:cover;border-radius:8px}.life-scene span{grid-column:2;color:var(--blue);font-size:.75rem}.life-scene.active{box-shadow:0 0 0 3px #3159dc22;border-color:var(--blue)}.life-worksheet{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.life-worksheet label{font-weight:800}.sentence-starters,.keyword-bank,.create-menu{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.sentence-starters button,.keyword-bank button,.create-menu button{border:0;background:#edf2ff;color:var(--blue);border-radius:999px;padding:7px 11px}.create-menu button.active{background:var(--blue);color:#fff}.explain-check{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.create-task{background:#fff7df;padding:15px;border-radius:13px;font-weight:900;margin-bottom:12px}.made-feedback{margin-top:10px;padding:12px;background:#eef3ff;border-radius:12px}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-cards article{display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px}.summary-cards span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f8f1;color:var(--green);font-weight:900}.final-check{margin-top:16px;display:grid;gap:8px}.final-check article{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px}.final-check article p{grid-column:1/-1;margin:0}.final-check button{border:0;background:#edf2ff;color:var(--blue);border-radius:8px;padding:7px}.final-check article span{grid-column:1/-1;font-size:.85rem}.final-check article.ok{background:#e9f8f1}.final-check article.ng{background:#fff6f6}#checkScore{text-align:center;font-size:1.4rem;font-weight:900;color:var(--blue)}.my-note{margin-top:14px}
@media(max-width:800px){.kid-cover{grid-template-columns:1fr}.kid-chapters{grid-template-columns:repeat(4,1fr)}.term-grid,.compare-list,.step-research,.life-scenes,.summary-cards{grid-template-columns:1fr}.picture-study{grid-template-columns:1fr}.lab-notebook,.life-worksheet{grid-template-columns:1fr}.sim-controls.four{grid-template-columns:repeat(2,1fr)}.kid-chapter-nav{grid-template-columns:1fr}.kid-chapter-nav button{width:100%;justify-self:stretch}.machine-lab{grid-template-columns:1fr}.dot-builder{overflow-x:auto;grid-template-columns:repeat(11,45px)}.people-grid{grid-template-columns:repeat(10,1fr)}}
@media(max-width:440px){.kid-chapters{grid-template-columns:repeat(2,1fr)}.kid-chapter{padding:15px}.kid-chapter-head{display:grid}.prior-path article{grid-template-columns:38px 1fr}.prior-check{grid-column:2}.sim-controls,.sim-controls.four{grid-template-columns:1fr}.explain-check{grid-template-columns:1fr}.final-check article{grid-template-columns:1fr 1fr}.scene3d{height:260px}}