/* Scoped to exact owned pages. Shared brand fonts are local and already used by the site. */
@font-face{font-family:'KB Brand Serif';src:url('../../katonobo-brand/assets/fonts/hero-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.knb-koyomi-page{margin:0;background:#f7f5f0;color:#262923}
.knb-koyomi-page #container{max-width:none;width:100%;padding:0;margin:0}.knb-koyomi-page #content{margin-top:0;padding:0}.knb-koyomi-page #content-in{display:block;max-width:none;width:100%;padding:0}.knb-koyomi-page #main{float:none;width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.knb-koyomi-page #content-top,.knb-koyomi-page #content-bottom,.knb-koyomi-page .breadcrumb,.knb-koyomi-page .appeal,.knb-koyomi-page .recommended,.knb-koyomi-page .notice-area,.knb-koyomi-page .carousel,.knb-koyomi-page #sidebar,.knb-koyomi-page #breadcrumb,.knb-koyomi-page .footer-bottom,.knb-koyomi-page #footer,.knb-koyomi-page .mobile-footer-menu-buttons{display:none}
.knb-koyomi-page .ko-shell{padding-bottom:0}.ko{--ko-ink:#262923;--ko-muted:#65675c;--ko-accent:#9b481f;--ko-rule:#d9d6cc;--ko-wash:#ede9df;--ko-serif:'KB Brand Serif','Hiragino Mincho ProN','Yu Mincho',serif;color:var(--ko-ink);font:400 16px/1.9 var(--kb-brand-body,'Hiragino Kaku Gothic ProN',sans-serif);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
.ko *{box-sizing:border-box;min-width:0}.ko [hidden]{display:none!important}.ko h1,.ko h2,.ko h3,.ko h4,.ko p,.ko blockquote{background:none;border:0;padding:0;margin:0;color:inherit;box-shadow:none}.ko h1::before,.ko h1::after,.ko h2::before,.ko h2::after,.ko h3::before,.ko h3::after,.ko h4::before,.ko h4::after{content:none}.ko h1,.ko h2,.ko h3,.ko h4{font-family:var(--ko-serif);font-weight:400}.ko a{color:inherit;text-decoration:none;box-shadow:none}.ko a:hover{color:var(--ko-accent)}.ko button,.ko input,.ko select,.ko textarea{font:inherit;color:inherit;box-shadow:none;border-radius:0}.ko button{cursor:pointer}.ko :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ko-accent);outline-offset:5px}.ko button:disabled,.ko input:disabled,.ko select:disabled{cursor:default;opacity:.6}.ko details summary{cursor:pointer;list-style:none;min-height:44px}.ko details summary::-webkit-details-marker{display:none}.ko summary::after{content:'＋';float:right;color:var(--ko-accent);margin-left:12px}.ko details[open] summary::after{content:'−'}.ko .ko-fine{font-size:12px;line-height:1.8;color:var(--ko-muted)}.ko .ko-small{font-size:14px;line-height:1.9;color:var(--ko-muted)}.ko .ko-reading{font-size:13px;line-height:1.8;color:var(--ko-muted);letter-spacing:.08em}.ko .ko-kicker{font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1.8;color:var(--ko-accent)}.ko-kicker span{margin-left:18px;color:var(--ko-muted);font-size:10px;letter-spacing:.14em}.ko-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ko-nav{display:flex;gap:clamp(22px,4vw,54px);align-items:center;border-top:1px solid var(--ko-rule);border-bottom:1px solid var(--ko-rule);padding:12px 0;flex-wrap:wrap}.ko-nav a{font-size:13px;min-height:32px;display:inline-flex;align-items:center}.ko-nav a[aria-current]{color:var(--ko-accent)}
.ko-hero{padding:72px 0 66px}.ko-hero h1{font-size:clamp(38px,4.6vw,66px);line-height:1.48;letter-spacing:-.025em;margin:22px 0 26px}.ko-hero h1 span{display:block}.ko-lead{max-width:590px;line-height:2.05;color:var(--ko-muted)}.ko-hero-hub{display:grid;grid-template-columns:1.16fr 1fr;gap:50px;align-items:center;padding:76px 0 86px}.ko-hero-hub h1{font-size:clamp(38px,4.6vw,68px)}.ko-hero-hub .ko-fine{margin-top:24px}.ko-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.ko .ko-button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:52px;background:var(--ko-accent);color:#fffaf4;border:1px solid var(--ko-accent);padding:12px 24px;font-size:14px;line-height:1.7;text-decoration:none;transition:background 180ms ease}.ko .ko-button:hover{background:#773414;color:#fffaf4;border-color:#773414}.ko .ko-text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--ko-rule)}.ko .ko-text-button{background:none;border:0;border-bottom:1px solid var(--ko-rule);min-height:44px;padding:4px 0;font-size:13px}
.ko-dial{position:relative;max-width:490px;width:100%;margin:auto}.ko-dial-caption{display:flex;justify-content:space-between;gap:8px;color:var(--ko-muted);font-size:11px;letter-spacing:.06em;border-top:1px solid var(--ko-rule);padding-top:12px}.ko-dial-caption [lang]{font-size:9px;letter-spacing:.1em}.ko-dial svg{display:block;width:100%;height:auto;margin-top:12px;aspect-ratio:1}.ko-orbit{fill:none;stroke:#cfc9ba;stroke-width:1}.ko-inner-orbit{stroke-dasharray:1 6;opacity:.7}.ko-tick{stroke:#938975;stroke-width:1}.ko-term-dot{fill:#aea58f}.ko-now-dot{fill:var(--ko-accent);stroke:#f7f5f0;stroke-width:3;transition:cx 350ms ease,cy 350ms ease}.ko-dial svg text{font-family:var(--ko-serif);font-size:16px;fill:var(--ko-muted)}.ko-dial-center{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);text-align:center;width:62%}.ko .ko-dial-name{font-family:var(--ko-serif);font-size:64px;letter-spacing:.12em;margin:6px 0 0 7px;line-height:1.6}.ko .ko-dial-kou{font-family:var(--ko-serif);font-size:20px;margin-top:20px;letter-spacing:.1em}.ko .ko-dial-foot{font-family:var(--ko-serif);text-align:center;font-size:15px;color:var(--ko-muted);line-height:1.8;margin-top:-4px}
.ko-section{border-top:1px solid var(--ko-rule);padding:68px 0 78px}.ko-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}.ko h2{font-size:clamp(25px,3vw,40px);line-height:1.65}.ko-section-head .ko-kicker{margin-bottom:16px}.ko-section-head>p{font-size:14px;color:var(--ko-muted)}.ko-hub-today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;border-top:1px solid var(--ko-rule);padding:64px 0 76px;align-items:start}.ko-hub-today h2{margin:20px 0 32px}.ko-date-form{max-width:540px}.ko-date-form label{display:flex;justify-content:space-between;gap:12px;font-size:13px;align-items:center;margin-bottom:10px}.ko-date-form label span{color:var(--ko-muted);font-size:11px}.ko-date-input{display:flex;gap:8px}.ko-date-input input{width:100%;min-width:0;min-height:52px;flex:1;background:transparent;border:1px solid #a9a395;padding:10px 14px;font-size:16px;line-height:1.5;-webkit-appearance:none;appearance:none}.ko-date-input button{flex:none;gap:10px;padding:10px 14px}.ko-date-actions{display:flex;justify-content:space-between;gap:12px;margin:12px 0 10px}.ko-date-actions button{background:transparent;border:0;padding:8px 0;min-height:44px;font-size:12px}.ko-error:not(:empty){color:#98342c;border-left:2px solid #98342c;padding-left:12px;font-size:13px;margin:18px 0}.ko-result{background:#ede9df;padding:32px 36px;scroll-margin-top:20px}.ko-result-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.ko .ko-season{font-size:11px;border:1px solid #b7b09f;padding:3px 10px;color:var(--ko-muted)}.ko-result-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.ko-result-heading h2{font-size:52px;letter-spacing:.08em;line-height:1.6}.ko-period{font-family:var(--ko-serif);font-size:19px}.ko-result-meaning{font-family:var(--ko-serif);font-size:18px;line-height:2;margin:24px 0 8px!important}.ko-current-kou{border-top:1px solid #cbc4b6;margin-top:24px;padding-top:24px}.ko-current-kou h3{font-size:26px;margin:8px 0 4px}.ko-current-kou>p:not(.ko-fine):not(.ko-reading){font-size:15px;margin:16px 0 12px}.ko-result>.ko-fine{margin-top:20px}.ko-result .ko-fine a{text-decoration:underline;text-underline-offset:3px}.ko-calendar-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:58px;align-items:start;margin-bottom:70px}.ko-result-note{margin-top:16px!important}.ko-month{border-top:1px solid var(--ko-rule);margin-top:38px;padding-top:20px}.ko-month-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ko-month-head h2{font-size:23px}.ko-month-head button{background:transparent;border:0;min-height:44px;min-width:44px}.ko-week,.ko-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.ko-week{margin-top:20px;text-align:center;font-size:12px;color:var(--ko-muted)}.ko-day{position:relative;background:transparent;border:1px solid transparent;min-height:54px;min-width:0;padding:5px 0 12px;line-height:1.5;font-size:14px}.ko-day:hover{background:var(--ko-wash)}.ko-day[aria-pressed=true]{border-color:var(--ko-accent);color:var(--ko-accent);background:#f0e5d8}.ko-day-mark{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:7px;color:var(--ko-accent);line-height:1}.ko-day-kou .ko-day-mark{font-size:12px}.ko-month-note{margin-top:16px!important}.ko-days:empty::before{content:'カレンダーを準備しています';grid-column:1/-1;min-height:290px;font-size:13px;padding-top:20px;color:var(--ko-muted)}
.ko-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.ko-observations article{border-top:1px solid var(--ko-rule);padding-top:20px}.ko-observations article>p:last-child{font-size:15px;line-height:2;margin-top:16px}.ko-prompt{background:#eeeae0;border-left:2px solid var(--ko-accent);padding:28px 32px;margin-top:36px}.ko-prompt>p:not(.ko-kicker):not(.ko-example){font-family:var(--ko-serif);font-size:22px;line-height:1.85;margin-top:12px}.ko .ko-example{border-top:1px solid #d6cebe;margin:24px 0 8px;padding-top:20px;font-size:15px;line-height:2}.ko-kou-observe{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-top:30px}.ko-kou-observe>p:last-child{font-size:15px}.ko-kigo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.ko-kigo a{position:relative;display:grid;grid-template-columns:minmax(100px,.7fr) 1fr;gap:24px;padding:28px 36px 28px 0;border-top:1px solid var(--ko-rule)}.ko-kigo h3{font-size:30px;margin:6px 0}.ko-kigo a>p{font-size:14px;color:var(--ko-muted)}.ko-arrow{position:absolute;right:0;bottom:24px;color:var(--ko-accent)}.ko-section>.ko-fine{margin-top:24px}.ko-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.ko-guides a{border-top:1px solid var(--ko-rule);padding-top:18px;display:flex;flex-direction:column;align-items:start;gap:18px}.ko-guides h3{font-size:24px}.ko-guides p{font-size:14px;color:var(--ko-muted)}.ko-guides a>span:last-child{color:var(--ko-accent);margin-top:auto}.ko-term-number{font-size:11px;letter-spacing:.08em;color:var(--ko-accent)}
.ko-year{display:flex;align-items:center;gap:14px;font-size:12px;flex:none}.ko select{background:transparent;border:1px solid #aaa393;min-height:44px;padding:7px 30px 7px 12px;font-size:14px;min-width:100px}.ko-season-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ko-rule);padding:22px 0}.ko-season-nav a{font-size:13px;min-height:44px;display:flex;align-items:center}.ko-season-group{padding-top:48px;scroll-margin-top:24px}.ko-season-heading{display:flex;align-items:center;gap:22px;margin-bottom:24px}.ko-season-heading h3{font-size:38px}.ko-season-heading span{font-size:10px;letter-spacing:.12em;color:var(--ko-muted)}.ko-term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.ko-term-grid a{display:grid;grid-template-columns:20px 1fr auto 16px;gap:18px;padding:22px 0;border-top:1px solid var(--ko-rule);align-items:start}.ko-term-grid h4{font-size:27px;line-height:1.6}.ko-term-grid .ko-reading{margin:3px 0 12px}.ko-term-grid p:not(.ko-reading){font-size:13px;color:var(--ko-muted)}.ko-term-date{font-size:13px;padding-top:7px;white-space:nowrap}.ko-term-grid a>span:last-child{color:var(--ko-accent)}.ko-kou-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:end;margin-bottom:16px}.ko-kou-form>label{display:flex;flex-direction:column;gap:8px;font-size:12px}.ko-kou-form .ko-year{align-items:stretch}.ko-kou-form input{width:100%;background:transparent;border:1px solid #aaa393;padding:9px 12px;font-size:16px;min-height:48px;min-width:0}.ko-kou-form select{min-height:48px}.ko-kou-form .ko-button{min-height:48px}.ko-kou-form .ko-text-button{grid-column:4;justify-self:start}.ko .ko-count{font-family:var(--ko-serif);font-size:26px;margin:36px 0 20px}.ko-kou-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.ko-kou-item{border-top:1px solid var(--ko-rule);padding:20px 0}.ko-kou-item-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ko-kou-item h2{font-size:25px;margin:16px 0 6px}.ko-kou-item>p:not(.ko-reading){font-size:14px;margin:16px 0}.ko-kou-item details{border-top:1px solid var(--ko-rule);margin-top:24px}.ko-kou-item summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;gap:12px}.ko-kou-item details p{font-size:14px;margin:10px 0}.ko-kou-item .ko-text-link{font-size:12px}
.ko-article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding:0 0 64px}.ko-contents{border-top:1px solid var(--ko-rule);padding-top:24px;position:sticky;top:24px;align-self:start}.ko-contents p{font-size:12px;color:var(--ko-muted);margin-bottom:14px}.ko-contents a{display:block;min-height:44px;font-size:12px;padding:9px 0}.ko-prose>section{border-top:1px solid var(--ko-rule);padding:38px 0 54px;scroll-margin-top:26px}.ko-prose>section h2{font-size:30px;margin-bottom:24px}.ko-prose>section>p{margin-top:20px;line-height:2.05}.ko-prose>section>p:first-of-type{margin-top:0}.ko-prose .ko-section-head h2{margin:0}.ko-when{background:var(--ko-wash);padding:30px 36px}.ko .ko-when-date{font-family:var(--ko-serif);font-size:44px;margin:12px 0 14px;line-height:1.5}.ko-when p{font-size:14px}.ko-when .ko-fine:last-child{margin-top:18px}.ko-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.ko-three article{padding-top:18px;border-top:1px solid var(--ko-rule)}.ko-three h3{font-size:23px;line-height:1.65;margin:12px 0 6px}.ko-three p:not(.ko-fine):not(.ko-reading){font-size:14px;margin-top:16px}.ko-prose .ko-observations{gap:24px}.ko-prose .ko-kigo{gap:24px}.ko-prose .ko-kigo a{grid-template-columns:minmax(0,1fr);gap:16px}.ko-prose .ko-kigo h3{font-size:26px}.ko-prose .ko-prompt{margin-top:0}.ko-prose ol{padding-left:24px}.ko-prose li{font-size:14px;line-height:1.9;margin-bottom:16px}.ko-prose li a{text-decoration:underline;text-underline-offset:4px}.ko-neighbors{display:flex;justify-content:space-between;gap:32px;padding:24px 0;border-top:1px solid var(--ko-rule)}.ko-neighbors a{font-family:var(--ko-serif);font-size:24px;min-height:44px}
.ko blockquote::before,.ko blockquote::after{content:none}
.ko-letters{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;margin-bottom:72px}.ko-letter-context{border-top:1px solid var(--ko-rule);margin-top:32px;padding-top:24px}.ko-letter-context h2{font-size:34px;margin:12px 0}.ko-letter-context>p:last-child{font-size:14px;color:var(--ko-muted)}.ko-letter-body{background:var(--ko-wash);padding:34px 40px}.ko-tone{margin-bottom:28px}.ko-tone label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.ko-letter-body blockquote{font-family:var(--ko-serif);font-size:25px;line-height:2;margin:20px 0 28px;min-height:150px}.ko-letter-care{border-top:1px solid #ccc5b8;padding-top:24px;margin-top:30px}.ko-letter-care h3{font-size:24px;margin-bottom:16px}.ko-letter-care p{font-size:14px;margin-top:12px}.ko-letter-body label:not(.ko-tone label){font-size:12px}.ko-letter-body textarea{background:#f7f5f0;border:1px solid var(--ko-rule);padding:12px;width:100%;font-size:14px;margin-top:10px}.ko-letter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:36px}.ko-letter-list details{border-top:1px solid var(--ko-rule);padding:16px 0}.ko-letter-list summary{font-family:var(--ko-serif);font-size:22px;padding-top:5px}.ko-letter-list details p{margin:10px 0;font-size:15px}.ko-letter-list details .ko-fine{margin-top:20px}.ko-footer{border-top:1px solid var(--ko-rule);padding:54px 0 60px;display:flex;justify-content:space-between;align-items:start;gap:40px}.ko-footer>p{font-family:var(--ko-serif);font-size:26px;line-height:1.8}.ko-footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}.ko-footer a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;color:var(--ko-muted)}
@media(min-width:1600px){.ko-hero-hub{gap:100px}.ko-dial{max-width:540px}.ko-hub-today{gap:100px}}
@media(max-width:1100px){.ko-hero-hub{gap:24px}.ko-dial-name{font-size:54px!important}.ko-hub-today{gap:36px}.ko-date-input{flex-direction:column}.ko-calendar-layout{gap:32px}.ko-article-layout{grid-template-columns:170px minmax(0,1fr);gap:40px}.ko-three{grid-template-columns:minmax(0,1fr)}.ko-three article{display:grid;grid-template-columns:1fr 2fr;gap:8px 24px}.ko-three article>p:last-child{grid-column:2}.ko-three .ko-reading{grid-column:1}.ko-prose .ko-observations{grid-template-columns:minmax(0,1fr)}.ko-result{padding:28px}.ko-result-heading{align-items:start;flex-direction:column;gap:12px}.ko-kou-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ko-kou-form{grid-template-columns:2fr 1fr 1fr}.ko-kou-form .ko-text-button{grid-column:auto}.ko-letters{gap:32px}.ko-tone label{flex-direction:column;align-items:start}.ko-letter-body{padding:28px}.ko-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ko-nav{gap:4px 24px;padding:10px 0}.ko-nav a{font-size:12px;min-height:34px}.ko-hero{padding:42px 0 40px}.ko-hero h1{font-size:38px;line-height:1.55;margin:18px 0 22px}.ko-lead{font-size:14px;line-height:2.05}.ko-hero-hub{grid-template-columns:minmax(0,1fr);gap:42px;padding:42px 0 52px}.ko-hero-hub h1{font-size:40px}.ko-actions{margin-top:26px;gap:18px}.ko .ko-button{min-height:50px;padding:12px 20px;font-size:13px}.ko .ko-text-link{font-size:13px}.ko-dial{max-width:430px}.ko .ko-dial-name{font-size:55px!important}.ko-dial-caption [lang]{font-size:8px}.ko .ko-dial-kou{font-size:19px;margin-top:14px}.ko-dial-center{top:49%}.ko .ko-dial-foot{font-size:14px}.ko-hub-today{grid-template-columns:minmax(0,1fr);gap:28px;padding:42px 0 48px}.ko-hub-today h2{font-size:28px;margin-bottom:24px}.ko-date-form{max-width:none}.ko-date-input{flex-direction:row}.ko-date-input button{padding:10px 12px;font-size:12px;gap:8px}.ko-date-input input{padding:10px 10px}.ko-result{padding:24px}.ko-result-heading{flex-direction:row;align-items:center;gap:16px}.ko-result-heading h2{font-size:44px}.ko-period{font-size:16px}.ko-result-heading .ko-small{font-size:12px}.ko-result-top .ko-kicker{font-size:11px}.ko-result-top .ko-season{font-size:10px}.ko-result-meaning{font-size:16px}.ko-current-kou h3{font-size:24px}.ko-section{padding:44px 0 48px}.ko-section-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.ko h2{font-size:28px}.ko-observations{grid-template-columns:minmax(0,1fr);gap:24px}.ko-observations article>p:last-child{font-size:14px;margin-top:12px}.ko-prompt{padding:24px;margin-top:28px}.ko-prompt>p:not(.ko-kicker):not(.ko-example){font-size:20px}.ko .ko-example{font-size:14px}.ko-kou-observe{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}.ko-kou-observe>p:last-child{font-size:14px}.ko-kigo{grid-template-columns:minmax(0,1fr);gap:8px}.ko-kigo a{grid-template-columns:1fr 1.3fr;gap:20px;padding-top:20px}.ko-kigo h3{font-size:27px}.ko-guides{gap:28px 22px}.ko-guides h3{font-size:22px}.ko-guides p{font-size:13px}.ko-calendar-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:44px}.ko-month{margin-top:24px}.ko-month-head h2{font-size:23px}.ko-day{min-height:46px}.ko-term-grid{grid-template-columns:minmax(0,1fr)}.ko-term-grid a{gap:12px}.ko-term-grid h4{font-size:25px}.ko-season-group{padding-top:34px}.ko-season-heading{margin-bottom:18px}.ko-season-heading h3{font-size:30px}.ko-season-nav{gap:6px 22px;justify-content:start}.ko-kou-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ko-kou-form>label:first-child{grid-column:1/-1}.ko-kou-form .ko-button{justify-self:start}.ko-kou-form .ko-text-button{justify-self:end}.ko-kou-list{grid-template-columns:minmax(0,1fr)}.ko-kou-item{padding:20px 0 12px}.ko-kou-item h2{font-size:27px}.ko .ko-count{margin:28px 0 20px}.ko-article-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:40px}.ko-contents{position:static;padding:18px 0;display:flex;gap:6px 22px;flex-wrap:wrap}.ko-contents p{width:100%;margin-bottom:4px}.ko-contents a{padding:8px 0;min-height:36px}.ko-prose>section{padding:30px 0 40px}.ko-prose>section h2{font-size:27px}.ko-prose>section>p{font-size:15px}.ko-when{padding:26px}.ko .ko-when-date{font-size:40px}.ko-three article{display:block}.ko-three h3{font-size:26px}.ko-prose .ko-kigo a{grid-template-columns:1fr 1.3fr}.ko-neighbors a{font-size:22px}.ko-letters{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:44px}.ko-tone label{flex-direction:row;align-items:center;flex-wrap:wrap}.ko-letter-body{padding:24px}.ko-letter-body blockquote{font-size:23px;min-height:160px}.ko-letter-list{grid-template-columns:minmax(0,1fr)}.ko-footer{flex-direction:column;gap:28px;padding:38px 0 44px}.ko-footer>p{font-size:24px}.ko-footer>div{gap:6px 24px}.ko-footer a{font-size:11px;min-height:38px}}
@media(max-width:380px){.ko-hero h1,.ko-hero-hub h1{font-size:34px}.ko-date-input{flex-direction:column}.ko-result{padding:20px}.ko-result-heading{flex-direction:column;align-items:start}.ko .ko-dial-name{font-size:46px!important}.ko .ko-dial-kou{font-size:16px;margin-top:8px}.ko-dial-center .ko-small{font-size:12px}.ko-dial-center .ko-fine{font-size:10px}.ko-dial-caption{font-size:10px}.ko-dial-caption [lang]{font-size:7px}.ko-guides{grid-template-columns:minmax(0,1fr)}.ko-kigo a,.ko-prose .ko-kigo a{grid-template-columns:minmax(0,1fr)}.ko-year{flex-wrap:wrap}.ko-term-grid a{grid-template-columns:16px 1fr auto 12px;gap:10px}.ko-kou-form{gap:14px}.ko select{min-width:0;width:100%}.ko-letters .ko-tone label{display:block}.ko-tone select{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ko *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.ko-mobile-label{display:none}.ko[data-koyomi-page=calendar] .ko-hero,.ko[data-koyomi-page=kou] .ko-hero,.ko[data-koyomi-page=letters] .ko-hero{padding:42px 0 38px}.ko[data-koyomi-page=calendar] .ko-hero h1,.ko[data-koyomi-page=kou] .ko-hero h1,.ko[data-koyomi-page=letters] .ko-hero h1{font-size:44px;margin:18px 0}.ko[data-koyomi-page=calendar] .ko-hero h1 span,.ko[data-koyomi-page=kou] .ko-hero h1 span,.ko[data-koyomi-page=letters] .ko-hero h1 span{display:inline}.ko .ko-day-blank{min-height:54px}
@media(max-width:760px){.ko-mobile-label{display:inline}.ko-wide-label{display:none}.ko-nav{gap:0 16px;flex-wrap:nowrap}.ko-nav a{font-size:12px;white-space:nowrap;min-height:36px}.ko-calendar-side{display:contents}.ko-calendar-layout .ko-date-form{order:1}.ko-calendar-layout>div:last-child{order:2}.ko-calendar-layout .ko-month{order:3}.ko .ko-day-blank{min-height:46px}.ko[data-koyomi-page=calendar] .ko-hero,.ko[data-koyomi-page=kou] .ko-hero,.ko[data-koyomi-page=letters] .ko-hero{padding:28px 0 26px}.ko[data-koyomi-page=calendar] .ko-hero h1,.ko[data-koyomi-page=kou] .ko-hero h1,.ko[data-koyomi-page=letters] .ko-hero h1{font-size:30px;line-height:1.65}.ko[data-koyomi-page=calendar] .ko-lead,.ko[data-koyomi-page=kou] .ko-lead,.ko[data-koyomi-page=letters] .ko-lead{font-size:13px}.ko-calendar-layout{gap:26px}}
@media(max-width:380px){.ko-nav{gap:0 14px}.ko-nav a{font-size:11px}}

.ko-calendar-layout{row-gap:24px}.ko-calendar-layout>.ko-calendar-result{grid-column:2;grid-row:1/3}.ko-calendar-layout>.ko-month{grid-column:1;grid-row:2;margin-top:0}.ko-calendar-layout>.ko-calendar-side{grid-column:1;grid-row:1}
@media(max-width:760px){.ko-calendar-layout>.ko-calendar-side{display:block}.ko-calendar-layout>.ko-calendar-result,.ko-calendar-layout>.ko-month,.ko-calendar-layout>.ko-calendar-side{grid-column:auto;grid-row:auto;order:initial}.ko-calendar-layout{row-gap:26px}}

.ko .ko-winter-note{margin-bottom:20px}
