:root{--ink:#29435e;--coral:#f28d72;--yellow:#f8e45c;--blue:#e7f4fa;--grass:#f1f6e5;--cream:#fffdf8;--sage:#718467}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;line-height:1.9}button{font:inherit;color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:20}.nav{height:64px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;color:#687d68}.nav a{text-decoration:none;font-weight:700}.opening{height:min(790px,calc(100vh - 64px));min-height:610px;position:relative;overflow:hidden}.opening>img{width:100%;height:100%;object-fit:cover;object-position:center}.opening__title{position:absolute;left:max(5vw,calc((100vw - 1460px)/2));top:8%;width:min(440px,38vw);text-align:center}.opening__title p,.chapter{margin:0 0 9px;color:var(--sage);font-size:0.875rem;font-weight:700;letter-spacing:.14em}.opening__title h1{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.35}.opening__title span{display:block;margin-top:12px}.opening__start{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);text-decoration:none;color:#657b65;font-size:.8rem}.weather{text-align:center;padding:110px 20px;background:var(--blue)}.weather p{font-size:clamp(1.35rem,3vw,2rem);font-weight:700;margin:0}.weather h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:4px 0 14px}.weather span{color:#6d8190}.episode{padding:115px max(24px,calc((100% - 860px)/2));position:relative}.episode h2,.rainbow h2,.game h2,.basket h2{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.5;margin:0 0 34px}.lines{display:grid;gap:20px}.lines p{width:82%;margin:0;padding:20px 24px;border-radius:28px;background:#f4f8ed}.lines p:nth-child(even){margin-left:auto;background:#fff1c8}.lines b{display:block;font-size:0.875rem;color:#6c8265;margin-bottom:4px}.lines .moyan{border-radius:28px 28px 28px 8px}.lines .super,.lines .sunny{border-radius:28px 28px 8px 28px}.find{text-align:center;margin:55px 0 18px;color:#718079;font-size:0.9425rem}.term-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.term{border:0;cursor:pointer}.term-row .term{padding:22px;border-radius:46% 54% 48% 52%;background:#e8f3f8;font-weight:700}.term-row .term:nth-child(2){background:#fff0c7}.term-row .term span{display:block;font-size:0.875rem;font-weight:500;margin-bottom:3px}.inline-term{display:inline;padding:1px 5px;background:#fff0a9;border-bottom:3px dotted #e7995d;font-weight:700}.rainbow{padding:110px max(24px,calc((100% - 1040px)/2));display:grid;grid-template-columns:42% 1fr;gap:75px;align-items:center;background:#fff7e8}.rainbow__art{height:360px;position:relative}.rainbow__art i{position:absolute;inset:auto 0 0;margin:auto;border-radius:50% 50% 0 0;border:22px solid var(--c);border-bottom:0;width:var(--w);height:calc(var(--w)/2)}.rainbow__art i:nth-child(1){--w:380px;--c:#ef9782}.rainbow__art i:nth-child(2){--w:330px;--c:#f5d66d}.rainbow__art i:nth-child(3){--w:280px;--c:#bcd99c}.rainbow__art i:nth-child(4){--w:230px;--c:#93c9dc}.rainbow__art i:nth-child(5){--w:180px;--c:#aeb7de}.rainbow__art i:nth-child(6){--w:130px;--c:#d8b8db}.roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.roles span{padding:7px 12px;border-radius:999px;background:#fff;font-size:0.875rem}.episode--last{background:#f5f9ed}.game{padding:115px max(24px,calc((100% - 860px)/2));text-align:center;background:#eef7fa}.game__path{display:flex;justify-content:center;gap:55px;margin:35px 0;position:relative}.game__path:before{content:"";position:absolute;left:22%;right:22%;top:12px;border-top:2px dashed #bacdac}.game__path i{width:25px;height:25px;border-radius:50%;background:var(--yellow);position:relative}.game__path i:nth-child(even){background:#ef9d89}.primary{border:0;border-radius:999px;background:var(--coral);color:#fff;padding:13px 24px;font-weight:700;cursor:pointer}.quiz{display:none;text-align:left;margin-top:38px;padding:32px;background:#fff;border-radius:30px}.quiz.active{display:block}.progress{height:8px;background:#edf0e8;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--yellow);transition:.25s}.small{font-size:0.875rem;color:#73817c}.choices{display:grid;gap:10px}.choice{border:0;text-align:left;padding:14px 16px;border-radius:16px;background:#f6f8f2;cursor:pointer}.choice.correct{background:#e5f3d9}.choice.wrong{background:#fbe3dd}.feedback{min-height:58px;font-weight:700}.basket{padding:100px max(24px,calc((100% - 900px)/2));display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:center}.basket__shape{width:190px;height:130px;border-radius:20px 20px 55px 55px;background:#efc28f;position:relative}.basket__shape:before{content:"";position:absolute;left:28px;right:28px;top:-55px;height:100px;border:13px solid #ddae77;border-bottom:0;border-radius:70px 70px 0 0}.basket li{margin:8px 0}.text-button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.library{display:none;position:fixed;inset:0;background:#29435e66;z-index:10;padding:20px;place-items:center}.library.open{display:grid}.library__cart{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fffdf8;border-radius:38px;padding:35px;position:relative}.close{position:absolute;right:22px;top:18px;border:0;background:#e8f3f8;width:40px;height:40px;border-radius:50%;cursor:pointer}.library dl{display:grid;gap:12px}.library dl div{background:#eef7fa;border-radius:20px;padding:15px 18px}.library dl div:nth-child(2){background:#fff7e6}.library dl div:nth-child(3){background:#f1f6e5}.library dt{font-size:0.875rem;font-weight:700;color:#6e8268}.library dd{margin:3px 0 0}footer{text-align:center;padding:60px 20px;background:#e9f3f7;color:#526f81}footer small{display:block;margin-top:14px;color:#71838e}@media(max-width:760px){.opening{height:700px}.opening>img{object-position:62% center}.opening__title{left:18px;right:18px;top:25px;width:auto;padding:18px;background:#fffdf8dd;border-radius:35px}.opening__title h1{font-size:2.3rem}.rainbow{grid-template-columns:1fr;gap:25px}.rainbow__art{transform:scale(.8);height:270px}.lines p{width:94%}.basket{grid-template-columns:1fr;text-align:center}.basket__shape{margin:auto}.term-row{grid-template-columns:1fr}}@media(max-width:480px){.nav span{display:none}.opening{height:620px;min-height:620px}.opening>img{object-position:61% center}.weather,.episode,.rainbow,.game,.basket{padding-top:75px;padding-bottom:75px}.rainbow__art{transform:scale(.62);margin-left:-18%;margin-right:-18%;height:220px}.quiz{padding:24px 16px}}.lines .guest{border-radius:28px 28px 8px 28px}.library__more{display:inline-block;margin-top:14px}a{color:inherit}.line{display:flex;gap:12px;align-items:flex-end;width:88%}.line--sunny,.line--guest{margin-left:auto;flex-direction:row-reverse}.line__avatar{width:48px;height:48px;flex:none;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(41,67,94,.10);display:grid;place-items:center;overflow:hidden}.line__avatar img{width:118%;height:118%;object-fit:contain}.line__avatar--guest{background:#f4d998;font-weight:700;font-size:1.05rem;color:#6b5836}.line__bubble{padding:16px 22px;border-radius:26px;background:#f4f8ed;min-width:64px}.line--moyan .line__bubble{border-radius:26px 26px 26px 8px}.line--sunny .line__bubble,.line--guest .line__bubble{background:#fff1c8;border-radius:26px 26px 8px 26px}.line__msg b{display:block;font-size:0.875rem;color:#6c8265;margin-bottom:4px}.line__dots{display:none;gap:6px;padding:4px 2px}.line__dots i{width:8px;height:8px;border-radius:50%;background:#9db392;animation:picnic-dot 1s infinite ease-in-out}.line__dots i:nth-child(2){animation-delay:.15s}.line__dots i:nth-child(3){animation-delay:.3s}@keyframes picnic-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.lines[data-animate] .line{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.lines[data-animate] .line.is-visible{opacity:1;transform:none}.lines[data-animate] .line.is-typing .line__dots{display:inline-flex}.lines[data-animate] .line.is-typing .line__msg{display:none}.dialogue-after{transition:opacity .6s ease .1s}.dialogue-after.is-waiting{opacity:0}@media (prefers-reduced-motion: reduce){.lines[data-animate] .line{opacity:1;transform:none;transition:none}.line__dots{display:none!important}.lines[data-animate] .line .line__msg{display:inline!important}.dialogue-after.is-waiting{opacity:1}}@media(max-width:560px){.line{width:96%}.line__avatar{width:40px;height:40px}}.line__avatar img{width:86%;height:86%;object-fit:contain}.disclaimer{margin:26px auto 0;max-width:560px;font-size:0.875rem;color:#7d8fa0;line-height:1.9}.opening__title{width:min(500px,46vw)}.opening__title h1{font-size:clamp(2.2rem,4.2vw,3.9rem)}.weather{padding:72px 20px}.line__avatar--motif{font-size:1.5rem;background:#fff}.okawari{padding:95px max(24px,calc((100% - 780px)/2));text-align:center;background:#fff7e8}.okawari h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 26px}.okawari__card{text-align:left;background:#fffdf8;border-radius:30px;padding:28px 32px;box-shadow:0 10px 26px rgba(41,67,94,.07)}.okawari__card p{margin:0;line-height:2.1}.okawari__card small{display:block;margin-top:14px;color:#8a97a4;font-size:0.875rem}.farewell{padding:95px max(24px,calc((100% - 760px)/2));text-align:center}.farewell__line{display:flex;gap:12px;align-items:flex-end;justify-content:center;text-align:left;max-width:560px;margin:0 auto}.farewell__line .line__bubble{background:#fff1c8;border-radius:26px 26px 8px 26px;padding:18px 24px}.farewell__line .line__msg b{display:block;font-size:0.875rem;color:#6c8265;margin-bottom:4px}.farewell__next{margin-top:34px}.farewell__button{display:inline-block;text-decoration:none;padding:13px 26px;border-radius:999px;background:#ef8064;color:#fff;font-weight:700}.farewell__next small{display:inline-block;margin-top:12px;color:#71817b}.nav__brand{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#5b7562}.nav__brand img{vertical-align:middle}@media(max-width:560px){.nav__brand{display:none}}.opening{height:min(660px,calc(100vh - 64px));min-height:540px}.opening__title{left:50%;transform:translateX(-50%);top:9%;width:min(600px,88vw);text-align:center}.opening__title h1{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.45;letter-spacing:.03em}.opening__title h1 br{display:none}.weather{padding:60px 20px}.weather p{font-size:clamp(1rem,1.8vw,1.25rem)}.weather h2{font-size:clamp(1.3rem,2.4vw,1.8rem);margin:6px 0 12px}.weather p.disclaimer{font-size:0.875rem;font-weight:500;color:#7d8fa0;max-width:520px;margin:28px auto 0;line-height:1.9}@media(max-width:760px){.opening{height:560px;min-height:520px}.opening__title{top:22px}.opening__title h1{font-size:1.7rem}}.episode,.okawari,.rainbow,.game,.basket,.farewell,main~footer{position:relative;--bg:#fffdf8}.episode--last{--bg:#f5f9ed}.okawari,.rainbow{--bg:#fff7e8}.game{--bg:#eef7fa}main~footer{--bg:#e9f3f7}.episode::before,.okawari::before,.rainbow::before,.game::before,.basket::before,.farewell::before,main~footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:32px;background:var(--bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 44 C 120 44 120 16 240 16 C 360 16 360 44 480 44 C 600 44 600 16 720 16 C 840 16 840 44 960 44 C 1080 44 1080 16 1200 16 C 1320 16 1320 44 1440 44 L1440 60 L0 60 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 44 C 120 44 120 16 240 16 C 360 16 360 44 480 44 C 600 44 600 16 720 16 C 840 16 840 44 960 44 C 1080 44 1080 16 1200 16 C 1320 16 1320 44 1440 44 L1440 60 L0 60 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}@media (min-width:761px){.episode::before,.okawari::before,.rainbow::before,.game::before,.basket::before,.farewell::before,main~footer::before{height:52px}}.site-main a.txt-link,main a.txt-link,.site-main :is(.gk-themes,.hani__pages) a{color: #b3543a !important;font-weight: 700 !important;text-decoration: underline !important;text-decoration-thickness: 1.5px !important;text-underline-offset: 4px !important}.site-main a.txt-link:hover,main a.txt-link:hover{color: #ee8466 !important}.site-main a.txt-link .arw,main a.txt-link .arw{color: inherit}.episode h2,.rainbow h2,.game h2,.basket h2{font-size:clamp(1.5rem,2.6vw,2.125rem)}.okawari h2{font-size:clamp(1.375rem,2.3vw,1.875rem)}.opening__title>span{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}html body .line .line__bubble{background:#fff!important;border:1px solid #d9d4ca!important;box-shadow:none!important;text-align:left!important}html body .line--moyan .line__bubble{border-color:#6fa8dc!important}html body .line--sunny .line__bubble{border-color:#f2c94c!important}html body .line .line__bubble strong{font-weight:700!important;color:#2b2a27!important;background:none!important}html body .line .line__bubble:has(.is-speaking){background:#fdf3c4!important}html body .farewell__line .line__bubble{background:#fff!important;border:1px solid #f2c94c!important}
.lesson{display: flex;align-items: center;gap: 20px;margin: 28px 0 36px;padding: 22px 24px;border-radius: 22px;background: var(--tone-cream,#fbf8f1);color: var(--tone-ink,#2c3e50)}.lesson__who{display: flex;flex: none}.lesson__who img{width: 56px;height: 56px;object-fit: contain}.lesson__who img + img{margin-left: -10px}.lesson__body{flex: 1;min-width: 0}.lesson__title{margin: 0;font-size: 1.08rem;font-weight: 700;letter-spacing: .04em}.lesson__lead{margin: 4px 0 0;font-size: .88rem;line-height: 1.7;color: var(--tone-sub,#7a7468)}.lesson__controls{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 14px}.lesson__play{display: inline-flex;align-items: center;gap: 10px;min-height: 48px;padding: 0 24px 0 18px;border: 0;border-radius: 999px;background: var(--tone-lemon,#f4cf57);color: var(--tone-ink,#2c3e50);font: inherit;font-weight: 700;letter-spacing: .04em;cursor: pointer;transition: transform .15s ease,background-color .15s ease}.lesson__play:hover{background: #f7d96f}.lesson__play:active{transform: scale(.97)}.lesson__icon{width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 13px;border-color: transparent transparent transparent currentColor}.is-playing > .lesson__icon{width: 13px;height: 16px;border-width: 0 4px;border-color: currentColor}.lesson__speed{min-height: 44px;padding: 0 14px;border: 0;border-radius: 999px;background: transparent;color: var(--tone-sub,#7a7468);font: inherit;font-size: .86rem;font-variant-numeric: tabular-nums;cursor: pointer}.lesson__speed:hover{background: var(--tone-soft,#f7f3ea);color: var(--tone-ink,#2c3e50)}.lesson__seek{display: flex;align-items: center;gap: 12px;margin-top: 12px}.lesson__seek[hidden]{display: none}.lesson__seek input{flex: 1;min-width: 0;height: 28px;margin: 0;background: transparent;-webkit-appearance: none;appearance: none;cursor: pointer}.lesson__seek input::-webkit-slider-runnable-track{height: 6px;border-radius: 999px;background: linear-gradient(to right,var(--tone-coral,#ee8466) var(--lesson-done,0%),#ebe4d3 var(--lesson-done,0%))}.lesson__seek input::-moz-range-track{height: 6px;border-radius: 999px;background: #ebe4d3}.lesson__seek input::-moz-range-progress{height: 6px;border-radius: 999px;background: var(--tone-coral,#ee8466)}.lesson__seek input::-webkit-slider-thumb{-webkit-appearance: none;width: 18px;height: 18px;margin-top: -6px;border: 0;border-radius: 50%;background: var(--tone-coral,#ee8466)}.lesson__seek input::-moz-range-thumb{width: 18px;height: 18px;border: 0;border-radius: 50%;background: var(--tone-coral,#ee8466)}.lesson__time{flex: none;font-size: .8rem;font-variant-numeric: tabular-nums;color: var(--tone-sub,#7a7468)}.lesson__next{margin: 12px 0 0;font-size: .84rem;line-height: 1.9;color: var(--tone-sub,#7a7468)}.lesson__next[hidden]{display: none}.lesson__next a{color: var(--tone-ink,#2c3e50);font-weight: 700}.lesson__auto{min-height: 32px;margin-left: 4px;padding: 0 14px;border: 0;border-radius: 999px;background: var(--tone-soft,#f7f3ea);color: var(--tone-sub,#7a7468);font: inherit;font-weight: 700;cursor: pointer}.lesson__auto[aria-pressed="true"]{background: var(--tone-lemon,#f4cf57);color: var(--tone-ink,#2c3e50)}.lesson__note{margin: 10px 0 0;font-size: .86rem;color: var(--tone-coral,#ee8466)}.lesson__note[hidden]{display: none}.lesson__credit{margin: 10px 0 0;font-size: .74rem;color: var(--tone-sub,#7a7468)}.lesson :focus-visible,.lesson-dock :focus-visible{outline: 2px solid var(--tone-coral,#ee8466);outline-offset: 3px}.is-speaking{background-color: #fdf3c4 !important;box-shadow: 0 0 0 8px #fdf3c4;border-radius: 6px;transition: background-color .25s ease,box-shadow .25s ease}.lesson-on :is(.episode > h2,.line__msg,.okawari > h2,.okawari__card > p),.lesson-on .picnic-intro__line p,.lesson-on :is(.term-oneliner,.term-kids,.term-analogy,.term-life,.term-oboekata) :is(.term-section-title,.term-prose p,.chara-guide__bubble),.lesson-on :is(.term-formal,.term-similar) :is(.term-section-title,dl > div),.lesson-on :is(.term-formal__box > p:not(.term-update),.term-kakomon li,.term-riasec .term-section-note,.term-stages .term-section-note:first-of-type),.lesson-on :is(.term-try,.kw-talk) :is(.term-section-title,.mini-say__bubble),.lesson-on .term-exam-points :is(.term-section-title,li),.lesson-on .term-exam-advice :is(.chara-guide__bubble,.exam-advice__list li),.lesson-on .term-pitfall :is(.term-section-title,.term-pitfall__box p),.lesson-on .term-episode :is(.term-section-title,.term-section-note,.episode-list li){cursor: pointer}.weather .lesson{max-width: 620px;margin: 34px auto 0;text-align: left;background: #fffdf8}.weather .lesson p{font-size: .88rem;font-weight: 400}.weather .lesson .lesson__title{font-size: 1.08rem;font-weight: 700}.weather .lesson .lesson__credit{font-size: .74rem}.weather .lesson .lesson__next{font-size: .84rem}.weather .lesson span{color: inherit}.line__msg.is-speaking{background: none !important;box-shadow: none}.line__bubble:has(.is-speaking){background: #fdf3c4 !important;box-shadow: 0 0 0 4px #f4cf57}.lesson-on .lines[data-animate] .line{opacity: 1;transform: none}.lesson-on .lines[data-animate] .line .line__dots{display: none}.lesson-on .lines[data-animate] .line .line__msg{display: inline}.lesson-on .dialogue-after.is-waiting{opacity: 1}.lesson .visually-hidden,.lesson-dock .visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.term-try__go{margin: 18px 0 6px;text-align: center}.term-riasec .term-section-note{margin-top: 16px}.term-stages .term-section-note{margin: 0 0 16px}.term-stages .term-formal__box + .term-section-note{margin: 16px 0 0}.term-try .more-links__note{text-align: center}.lesson-dock{position: fixed;left: 50%;bottom: calc(14px + env(safe-area-inset-bottom,0px));z-index: 60;display: flex;align-items: center;gap: 10px;max-width: calc(100vw - 24px);padding: 7px 8px;border-radius: 999px;background: var(--tone-ink,#2c3e50);color: #fff;transform: translate(-50%,140%);visibility: hidden;transition: transform .3s ease,visibility 0s .3s}.lesson-dock.is-show{transform: translate(-50%,0);visibility: visible;transition: transform .3s ease}.lesson-dock__play{display: grid;place-items: center;flex: none;width: 44px;height: 44px;padding: 0;border: 0;border-radius: 50%;background: var(--tone-lemon,#f4cf57);color: var(--tone-ink,#2c3e50);cursor: pointer}.lesson-dock__play:not(.is-playing) .lesson__icon{margin-left: 3px}.lesson-dock__face[hidden]{display: none}.lesson-dock__face{flex: none;width: 34px;height: 34px;object-fit: contain;border-radius: 50%;background: #fff}.lesson-dock__text{display: flex;flex-direction: column;min-width: 4.6em;line-height: 1.3}.lesson-dock__name{font-size: .84rem;white-space: nowrap}.lesson-dock__time{font-size: .72rem;font-variant-numeric: tabular-nums;opacity: .8;white-space: nowrap}.lesson-dock .lesson__speed{color: #fff;white-space: nowrap}.lesson-dock .lesson__speed:hover{background: rgba(255,255,255,.14);color: #fff}.lesson-dock__close{flex: none;width: 44px;height: 44px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: #fff;font-size: 1.2rem;line-height: 1;cursor: pointer}.lesson-dock__close:hover{background: rgba(255,255,255,.14)}@media (max-width: 560px){.lesson{flex-direction: column;align-items: flex-start;gap: 12px;padding: 20px 18px}.lesson__who img{width: 48px;height: 48px}.lesson__play{flex: 1;justify-content: center}.lesson-dock{gap: 6px}}@media (max-width: 960px){.lesson-dock{bottom: calc(76px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){.lesson__play,.lesson-dock,.is-speaking{transition: none}}@media print{.lesson,.lesson-dock{display: none}}