@charset "utf-8";
/* /news（お知らせ）。2026-11-01 本部が ChatGPT で作って承認したデザインを移したもの。中身は元のまま、見た目だけ。
 * ⚠ 真ん中（「デモのCSS」）は zip の news/page-fragment.html の <style> を **1文字も変えずに** 写したもの。
 * ⚠ すべて #kid-news の中だけに効く。news.css・news-own.css（旧デザイン）はこのページでは読まない（pages.json）。
 */
/* ---------- 本体HPの共通CSS（common.css・hp-own.css）の打ち消し ----------
 * このページの中身は旧デザインと同じ class（.inner・.btn・.top-ttl-area など）を使っていて、common.css の指定がそのまま効く。
 * デモは共通CSS無しのまっさらなページで作られているので、いったん全部をブラウザの初期値に戻し（all: revert）、そのうえにデモのCSSを重ねる。
 * ⚠ #kid-news * は詳細度が id 1つ分あるので、common.css の class の指定より強い。
 * ⚠ ただし common.css の img{height:auto !important} には勝てない（写真の高さは下で !important で書き直している）。
 * ⚠ デモのCSSより**前**に置くこと（同じ強さなら後ろが勝つ）。 */
#kid-news, #kid-news *, #kid-news *::before, #kid-news *::after { all: revert; }
#kid-news { letter-spacing: normal; }

/* ---------- サイト共通CSSの打ち消し（デモはまっさらなページで作られている） ----------
 * common.css は body に font-size 1.3〜1.4rem・line-height 2・word-break: break-all を敷き、
 * a / small / img を display:block にしている。デモと同じ表示にするため、#kid-news の中だけ元に戻す。 */
#kid-news { font-size: 16px; line-height: normal; }
/* hp-own.css の body * { overflow-wrap: anywhere }・見出しの word-break: auto-phrase・text-wrap: balance / pretty も、デモには無い（改行位置が変わる） */
#kid-news, #kid-news * { word-break: normal; overflow-wrap: normal; text-wrap: wrap; }
/* reset.min.css の text-rendering: optimizeSpeed は英字の詰め（カーニング）を切るので、ブラウザの初期値に戻す */
#kid-news { text-rendering: auto; }
#kid-news a, #kid-news small { display: inline; }
#kid-news ul, #kid-news ol { list-style: none; margin: 0; padding: 0; }
#kid-news em { font-style: normal; }
#kid-news strong, #kid-news b { font-weight: bold; }

/* ---------- デモのCSS（page-fragment.html の <style> そのまま） ---------- */

#kid-news{--ks-red:#ac3038;--ks-ink:#292823;--ks-muted:#6d6962;--ks-soft:#f6f4f0;--ks-line:#e4e0d8;background:#fff;color:var(--ks-ink);font-family:"Noto Sans JP",sans-serif;max-width:1150px;margin:auto;container-type:inline-size;text-align:left}#kid-news *{box-sizing:border-box}#kid-news a{color:inherit;text-decoration:none}#kid-news img{display:block;max-width:100%}#kid-news ul,#kid-news ol{list-style:none;padding:0;margin:0}#kid-news h1,#kid-news h2,#kid-news h3{color:inherit;margin:0;font-weight:500;letter-spacing:.04em;line-height:1.7}#kid-news p{font-size:13px;line-height:2.2;letter-spacing:.03em;color:var(--ks-muted)}#kid-news button{font:inherit}#kid-news .ks-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 5%;border-bottom:1px solid var(--ks-line)}#kid-news .ks-logo{width:215px;height:auto}#kid-news .ks-nav{display:flex;align-items:center;gap:25px;font-size:11px}#kid-news .ks-nav .active{color:var(--ks-red)}#kid-news .ks-pill{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--ks-ink);color:#fff;padding:15px 24px;border-radius:40px;font-size:12px;border:1px solid var(--ks-ink)}#kid-news .ks-pill:hover{background:var(--ks-red);border-color:var(--ks-red)}#kid-news .ks-pill.light{background:#fff;color:var(--ks-ink);border-color:var(--ks-line)}#kid-news .ks-crumb{padding:20px 5%;font-size:10px;color:var(--ks-muted)}#kid-news #biz-index{padding:30px 7% 65px}#kid-news .ttl-sec{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;margin:0 0 55px;padding:5px 0 30px}#kid-news .ttl-sec .sub-ttl{font-family:"Noto Serif JP",serif;font-size:40px;letter-spacing:.08em}#kid-news .ttl-sec .sub-ttl span{display:block;font:italic 64px Georgia,serif;color:var(--ks-red);letter-spacing:-.03em;margin:18px 0 30px}#kid-news .ttl-sec p{font-size:13px;line-height:2.3;max-width:390px;margin:0}#kid-news .ks-hero-photo{height:350px;width:100%;object-fit:cover;border-radius:180px 180px 8px 8px}#kid-news .ks-index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line);margin-bottom:65px}#kid-news .ks-index a{padding:22px 12px;display:flex;align-items:center;gap:12px;font-size:12px;min-width:0}#kid-news .ks-index a+a{border-left:1px solid var(--ks-line)}#kid-news .ks-index a:hover{background:var(--ks-soft)}#kid-news .ks-index span{font:italic 23px Georgia,serif;color:var(--ks-red)}#kid-news .biz-index>.biz-index-ttl{font-family:"Noto Serif JP",serif;font-size:29px;margin:0 0 32px;padding-top:20px;display:flex;gap:18px;align-items:baseline;scroll-margin-top:25px}#kid-news .biz-index>.biz-index-ttl:before{font:italic 33px Georgia,serif;color:var(--ks-red)}#kid-news .biz-index>.biz-index-ttl:nth-of-type(1):before{content:"01"}#kid-news .biz-index>.biz-index-ttl:nth-of-type(2):before{content:"02"}#kid-news .biz-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 27px;margin-bottom:70px}#kid-news .biz-list>li{min-width:0}#kid-news .biz-list>li>a{display:flex;flex-direction:column;height:100%;border-bottom:1px solid var(--ks-line);padding-bottom:25px;position:relative}#kid-news .thumb{overflow:hidden;border-radius:7px 7px 55px 7px;margin-bottom:20px;background:var(--ks-soft)}#kid-news .thumb img{width:100%;height:180px;object-fit:cover;transition:transform .3s}#kid-news .biz-list a:hover .thumb img{transform:scale(1.025)}#kid-news .summary{flex:1;display:flex;flex-direction:column;min-width:0}#kid-news .summary h3{font-size:12px;line-height:1.8;margin:0 0 16px;color:var(--ks-muted)}#kid-news .summary>img{width:auto;height:48px;max-width:94%;object-fit:contain;object-position:left center;margin-bottom:19px}#kid-news .summary p{font-size:12px;line-height:2.05;margin:0 0 22px}#kid-news .school-age{font-size:11px;line-height:1.9;color:var(--ks-muted);margin-top:auto;padding:14px 27px 0 0;border-top:1px solid var(--ks-line);position:relative}#kid-news .school-age>div{display:inline;color:var(--ks-ink)}#kid-news .school-age:after{content:"↗";position:absolute;right:0;top:11px;color:var(--ks-red);font-size:20px}#kid-news .biz-list:last-child{grid-template-columns:1fr 1fr;gap:45px;margin-bottom:0;padding:45px 35px;background:var(--ks-soft);border-radius:70px 0 8px 8px}#kid-news .biz-list:last-child .biz-index-ttl{font-family:"Noto Serif JP",serif;font-size:27px;line-height:1.8;margin-bottom:25px;scroll-margin-top:25px}#kid-news .biz-list:last-child .biz-index-ttl:before{font:italic 30px Georgia,serif;color:var(--ks-red);margin-right:15px}#kid-news .nursery .biz-index-ttl:before{content:"03"}#kid-news .unique .biz-index-ttl:before{content:"04"}#kid-news .biz-list:last-child .thumb img{height:225px}#kid-news .ks-footer{padding:45px 7% 25px;border-top:1px solid var(--ks-line)}#kid-news .ks-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:45px}#kid-news .ks-address{font-size:11px;line-height:2.1;color:var(--ks-muted);margin-top:22px}#kid-news .ks-footer-contact p{font-size:13px;margin:0 0 20px}#kid-news .ks-footer-buttons{display:flex;gap:12px;flex-wrap:wrap}#kid-news .ks-footer-contact .ks-tel{font-size:20px;margin-top:20px}#kid-news .ks-tel small{font-size:11px;margin-left:13px;color:var(--ks-muted)}#kid-news .ks-footer-nav{display:flex;flex-wrap:wrap;gap:20px 30px;border-top:1px solid var(--ks-line);margin-top:35px;padding-top:25px;font-size:11px}#kid-news .ks-business-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;font-size:11px;border-top:1px solid var(--ks-line);margin-top:30px;padding-top:25px}#kid-news .ks-business-nav h3{font-size:12px;margin-bottom:16px}#kid-news .ks-business-nav a{display:block;font-size:10px;line-height:1.9;margin-top:8px}#kid-news .ks-business-title{font-size:13px;margin-top:30px}#kid-news .ks-copy{display:block;text-align:center;margin-top:40px;font-size:9px;color:var(--ks-muted)}#kid-news .ks-mobile-toggle{display:none;padding:10px;border:1px solid var(--ks-line);border-radius:25px;background:#fff;font-size:11px}#kid-news .ks-mobile-nav{padding:5px 7% 20px;font-size:12px;display:flex;flex-wrap:wrap;gap:20px}#kid-news [hidden]{display:none!important}
@container(max-width:700px){#kid-news .ks-header{padding:20px 6%}#kid-news .ks-logo{width:190px}#kid-news .ks-nav{display:none}#kid-news .ks-mobile-toggle{display:block}#kid-news .ks-crumb{padding:18px 7%}#kid-news #biz-index{padding:25px 7% 45px}#kid-news .ttl-sec{grid-template-columns:1fr;gap:30px;margin-bottom:25px}#kid-news .ttl-sec .sub-ttl{font-size:32px}#kid-news .ttl-sec .sub-ttl span{font-size:50px;margin:12px 0 25px}#kid-news .ks-hero-photo{height:270px}#kid-news .ks-index{grid-template-columns:1fr 1fr;margin-bottom:40px}#kid-news .ks-index a{padding:18px 10px;font-size:11px}#kid-news .ks-index a:nth-child(3){border-left:0;border-top:1px solid var(--ks-line)}#kid-news .ks-index a:nth-child(4){border-top:1px solid var(--ks-line)}#kid-news .biz-index>.biz-index-ttl{font-size:25px;gap:15px;margin-bottom:25px}#kid-news .biz-index>.biz-index-ttl:before{font-size:28px}#kid-news .biz-list{grid-template-columns:1fr;gap:30px;margin-bottom:45px}#kid-news .thumb img{height:230px}#kid-news .summary h3{font-size:12px;margin-bottom:14px}#kid-news .summary>img{height:50px;margin-bottom:18px}#kid-news .summary p{font-size:13px}#kid-news .school-age{font-size:12px}#kid-news .biz-list:last-child{grid-template-columns:1fr;padding:30px 20px;gap:40px;border-radius:45px 0 8px 8px}#kid-news .biz-list:last-child .biz-index-ttl{font-size:25px}#kid-news .biz-list:last-child .thumb img{height:200px}#kid-news .ks-footer{padding:35px 7% 25px}#kid-news .ks-footer-top{grid-template-columns:1fr;gap:30px}#kid-news .ks-footer-buttons{flex-direction:column}#kid-news .ks-business-nav{grid-template-columns:1fr 1fr;gap:25px 15px}#kid-news .ks-tel small{display:block;margin-left:0;margin-top:8px}}
@media(prefers-reduced-motion:reduce){#kid-news .thumb img{transition:none}#kid-news .biz-list a:hover .thumb img{transform:none}}
#kid-news .ks-business-nav>ul{display:contents}#kid-news .ks-business-nav>ul>li>div{font-size:12px;margin-bottom:15px}#kid-news .ks-business-nav>ul>li{min-width:0}
#kid-news{--kn-red:#ac3038;--kn-ink:#292823;--kn-muted:#6d6962;--kn-soft:#f6f4f0;--kn-line:#e4e0d8;background:#fff;color:var(--kn-ink);font-family:"Noto Sans JP",sans-serif;max-width:1150px;margin:auto;container-type:inline-size}#kid-news #news-index{padding:35px 8% 100px}#kid-news .ttl-sec{padding:15px 0 65px;position:relative}#kid-news .sub-ttl{font-family:"Noto Serif JP",serif;font-size:35px;letter-spacing:.08em;line-height:1.8;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:18px}#kid-news .sub-ttl span{font:italic 94px Georgia,serif;color:var(--kn-red);letter-spacing:-.04em}#kid-news .ttl-sec:after{content:"";position:absolute;right:0;top:25px;width:160px;height:160px;background:var(--kn-soft);border-radius:90px 90px 8px 8px}#kid-news .news-index{border-top:1px solid var(--kn-line)}#kid-news .news-list{list-style:none;padding:0;margin:0}#kid-news .news-list li{border-bottom:1px solid var(--kn-line)}#kid-news .news-list a{display:grid;grid-template-columns:130px minmax(0,1fr) 40px;gap:30px;align-items:center;padding:35px 0;min-height:108px;transition:background .2s}#kid-news .news-list a:after{content:"↗";display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--kn-line);border-radius:50%;color:var(--kn-red);font-size:18px;transition:background .2s,color .2s}#kid-news .news-list a:hover .news-ttl{color:var(--kn-red)}#kid-news .news-list a:hover:after{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}#kid-news .date{font:18px Georgia,serif;letter-spacing:.04em;color:var(--kn-muted);white-space:nowrap}#kid-news .news-ttl{font-size:16px;line-height:2;letter-spacing:.04em;line-break:strict;text-wrap:pretty}#kid-news .news-empty{font-size:14px;color:var(--kn-muted);text-align:center;padding:65px 20px;margin:0}#kid-news .ks-footer{border-top:0;background:var(--kn-soft);border-radius:95px 95px 0 0;padding-top:60px}
@container(max-width:700px){#kid-news #news-index{padding:25px 7% 65px}#kid-news .ttl-sec{padding:5px 0 40px}#kid-news .sub-ttl{font-size:28px;gap:12px}#kid-news .sub-ttl span{font-size:68px}#kid-news .ttl-sec:after{width:90px;height:110px;top:20px;border-radius:60px 60px 5px 5px}#kid-news .news-list a{grid-template-columns:minmax(0,1fr) 32px;gap:8px 15px;padding:25px 0;min-height:120px}#kid-news .date{font-size:15px;grid-column:1;grid-row:1}#kid-news .news-ttl{font-size:14px;grid-column:1;grid-row:2;line-height:1.9}#kid-news .news-list a:after{grid-column:2;grid-row:1 / span 2;width:30px;height:30px;font-size:15px}#kid-news .ks-footer{border-radius:45px 45px 0 0;padding-top:40px}}
@media(prefers-reduced-motion:reduce){#kid-news .news-list a,#kid-news .news-list a:after{transition:none}}

/* ---------- 写真の高さ（common.css の img{height:auto !important} の打ち消し） ----------
 * デモの高さ指定は !important に負けて効かない。値はデモと同じものを !important で書き直す（スマホ幅の値も）。 */
#kid-news .thumb img { height: 180px !important; }
#kid-news .summary>img { height: 48px !important; }
#kid-news .biz-list:last-child .thumb img { height: 225px !important; }
@container(max-width:700px) {
	#kid-news .thumb img { height: 230px !important; }
	#kid-news .summary>img { height: 50px !important; }
	#kid-news .biz-list:last-child .thumb img { height: 200px !important; }
}

/* ---------- ページ内リンクで飛んだ先が、固定ヘッダー（スマホ65px・PC100px）の下に隠れないように ---------- */
#kid-news [id] { scroll-margin-top: 80px; }
@media (min-width: 1025px) { #kid-news [id] { scroll-margin-top: 115px; } }

/* ---------- スマホで見たときの改行（2026-10-31 本部指摘「改行が微妙」。ほかの新デザインのページと同じ） ----------
 *  ・行の頭に小さい「っ」「ょ」や「ー」を置かない（line-break: strict）
 *  ・見出しは「、」や空白や <wbr> の所で折り返す。1つのまとまりが1行に入りきらないときだけ途中で折る（keep-all ＋ break-word）
 *    ⚠ anywhere にしないこと。行を埋めようとしてまとまりの途中で折り、「ひら／く。」になる
 *  ・本文は最後の行が1〜2文字だけにならないように整える（text-wrap: pretty。未対応のブラウザでは今までどおり） */
#kid-news { line-break: strict; }
/* ⚠ 中の <em>・<span> にも書く（上の「#kid-news *」の打ち消しが直接効いて、親の keep-all を受け継がないため） */
#kid-news h1, #kid-news h2, #kid-news h3, #kid-news h1 *, #kid-news h2 *, #kid-news h3 * { word-break: keep-all; overflow-wrap: break-word; }
#kid-news p, #kid-news li { text-wrap: pretty; }
