/* CCN 英検教材ページ デザイン v2（原本＝_mockups/eiken-kyozai_design01/kyz-design.css） */
body.kyz-page{--g1:#E91E63;--g2:#a01244;--gsoft:#FDE7EF;--gname:"GRADE 2";--night:#0d1620;--night2:#14222e;--night3:#1d3040;--mist:#7fa8c0;--ice:#bfe0f0;--paper:#F5F7FA;--card:#FFFFFF;--ink:#0d1620;--ink2:#46566a;--ink3:#8494a7;--line:#E3E8EF;--disp:"Outfit","Zen Kaku Gothic New",system-ui,sans-serif;--jp:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif}body.kyz-g-eiken5{--g1:#C0392B;--g2:#82261c;--gsoft:#FBE9E7;--gname:"GRADE 5"}body.kyz-g-eiken4{--g1:#3DA35D;--g2:#27693c;--gsoft:#E6F4EA;--gname:"GRADE 4"}body.kyz-g-eiken3{--g1:#F39C12;--g2:#b9750a;--gsoft:#FEF3E0;--gname:"GRADE 3"}body.kyz-g-eiken-pre2{--g1:#2E86DE;--g2:#1d599a;--gsoft:#E6F0FB;--gname:"GRADE PRE-2"}body.kyz-g-eiken2{--g1:#E91E63;--g2:#a01244;--gsoft:#FDE7EF;--gname:"GRADE 2"}body.kyz-g-eiken-pre1{--g1:#2BB3A3;--g2:#1c7268;--gsoft:#E3F6F3;--gname:"GRADE PRE-1"}body.kyz-t-index{--g1:#7C4DFF;--g2:#2E86DE;--gsoft:#EEF0FF;--gname:"EIKEN 5 → PRE-1"}body.kyz-page,body.kyz-page .ol-wrapper-bg,body.kyz-page .ol-wrapper-bg::before,body.kyz-page .ol-wrapper-bg::after,body.kyz-page footer.ol-footer,body.kyz-page #olContact,body.kyz-page .ol-contact__section,body.kyz-page .ol-contact__section::before,body.kyz-page .ol-contact__section::after,body.kyz-page .ol-contact__inner{background:var(--night)!important;background-image:none!important}body.kyz-page .ol-header{background:rgba(13,22,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--night3)}body.kyz-page .ol-header .ol-btn-regular{background:linear-gradient(135deg,var(--g1),var(--g2))!important;border:0!important;border-radius:999px!important;box-shadow:0 6px 20px -6px var(--g1)}body.kyz-page .ol-header__call-subtext,body.kyz-page .ol-header__call-number{color:var(--ice)!important}body.kyz-page .ol-single__template{position:relative;background:radial-gradient(900px 420px at 88% -10%,color-mix(in srgb,var(--g1) 55%,transparent),transparent 70%),radial-gradient(700px 360px at -5% 120%,color-mix(in srgb,var(--g2) 45%,transparent),transparent 70%),var(--night)!important}body.kyz-page .ol-article__head{position:relative;padding-bottom:clamp(2.6em,4vw,3.6em)!important}body.kyz-page .ol-article__head::before{content:var(--gname) " · " var(--kyz-label,"WORDS & SENTENCES");display:inline-block;margin-bottom:14px;padding:6px 14px;border-radius:999px;font:700 12px/1 var(--disp);letter-spacing:.16em;color:#fff;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 8px 24px -10px var(--g1)}body.kyz-page .ol-article__title{color:#fff!important;font-family:var(--jp);font-weight:900;font-size:clamp(22px,3.1vw,36px);line-height:1.45;letter-spacing:.01em;text-wrap:balance}body.kyz-page .ol-article__head::after{content:var(--kyz-num,"");position:absolute;right:max(16px,4vw);bottom:-.18em;font:800 clamp(90px,15vw,210px)/1 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);pointer-events:none}body.kyz-page .ol-article__body-wrapper:has(.ccn-art){background:var(--paper)}body.kyz-page .ol-article-thumbnail-image{display:none}body.kyz-t-grade .ol-article-thumbnail-image,body.kyz-t-index .ol-article-thumbnail-image{display:block;margin-top:-56px!important;position:relative;z-index:2}body.kyz-t-grade .ol-article-thumbnail-image img,body.kyz-t-index .ol-article-thumbnail-image img{border-radius:20px;box-shadow:0 30px 60px -30px rgba(13,22,32,.55)}body.kyz-page .ccn-art{--paper:var(--card);font-family:var(--jp);color:var(--ink);padding-top:28px!important}body.kyz-page .ccn-art h2{font:900 clamp(20px,2.4vw,26px)/1.4 var(--jp);color:var(--ink);border:0;padding:0;margin:48px 0 16px;display:flex;align-items:center;gap:12px}body.kyz-page .ccn-art h2::before{content:"";width:10px;height:26px;border-radius:4px;background:linear-gradient(180deg,var(--g1),var(--g2))}body.kyz-page .ccn-art p.meta{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--gsoft);color:var(--g2);font:700 12px/1.3 var(--jp);letter-spacing:.04em}body.kyz-page .ccn-art p.meta::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g1)}body.kyz-page .ccn-art p.lead{position:relative;background:var(--card);border:0;border-radius:18px;padding:20px 22px 20px 26px;margin:0 0 24px;box-shadow:0 1px 0 var(--line),0 12px 32px -20px rgba(13,22,32,.25);font-size:15px;line-height:1.95;color:var(--ink2);overflow:hidden}body.kyz-page .ccn-art p.lead::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--g1),var(--g2))}body.kyz-page .ccn-art p.lead b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}body.kyz-page .ccn-art .tw{overflow:visible;border:0;background:transparent}body.kyz-page .ccn-art table.kyz-t{display:block;border:0;background:transparent;width:100%}body.kyz-page .ccn-art table.kyz-t thead{display:none}body.kyz-page .ccn-art table.kyz-t tbody{display:grid;gap:12px;counter-reset:none}body.kyz-page .ccn-art table.kyz-t tr{display:grid;grid-template-columns:56px minmax(180px,.9fr) 1.6fr;align-items:start;background:var(--card);border-radius:18px;border:1px solid var(--line);padding:18px 20px;gap:4px 18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}body.kyz-page .ccn-art table.kyz-t tr:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g1) 45%,var(--line));box-shadow:0 18px 40px -24px color-mix(in srgb,var(--g1) 70%,transparent)}body.kyz-page .ccn-art table.kyz-t td{border:0!important;padding:0!important;background:transparent!important;font-size:15px}body.kyz-page .ccn-art table.kyz-t td.n{width:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--g1),var(--g2))!important;color:#fff!important;font:800 15px/1 var(--disp);box-shadow:0 8px 18px -8px var(--g1)}body.kyz-page .ccn-art table.kyz-t b.en{font:700 22px/1.25 var(--disp);letter-spacing:-.01em;color:var(--ink)}body.kyz-page .ccn-art table.kyz-t td:nth-child(2) .ja{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:8px;background:var(--gsoft);color:var(--g2);font-size:13px;font-weight:700}body.kyz-page .ccn-art table.kyz-t td:nth-child(3){border-left:1px dashed var(--line)!important;padding-left:18px!important}body.kyz-page .ccn-art table.kyz-t td:nth-child(3) .en{font:500 16px/1.7 var(--disp);color:var(--ink)}body.kyz-page .ccn-art table.kyz-t td:nth-child(3) .ja{font-size:13.5px;color:var(--ink2);margin-top:4px}body.kyz-page .ccn-art table.kyz-t audio{height:34px;max-width:240px;margin-top:10px;border-radius:999px;accent-color:var(--g1)}body.kyz-page .ccn-art p.kyz-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}body.kyz-page .ccn-art p.kyz-nav a{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:999px;text-decoration:none!important;font:700 14px/1 var(--jp);color:var(--ink);background:var(--card);border:1px solid var(--line);transition:all .15s}body.kyz-page .ccn-art p.kyz-nav a:hover{border-color:var(--g1);color:var(--g2)}body.kyz-page .ccn-art p.kyz-nav a[href*="file.ccn.jp"]{background:var(--night);color:#fff;border-color:var(--night)}body.kyz-page .ccn-art p.kyz-nav a[href*="file.ccn.jp"]::before{content:"▶";font-size:10px;color:var(--g1)}body.kyz-page .ccn-art p.kyz-nav a:last-child:is([href*="-set"],[href*="tango-ichiran/p"]){margin-left:auto;color:#fff;border:0;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 10px 24px -10px var(--g1)}body.kyz-page .ccn-art p.kyz-nav a:first-child:not(:last-child){}body.kyz-page .ccn-art .kyz-tools{background:var(--night2);color:#dbe7ef;border:1px solid var(--night3);border-radius:22px;padding:24px 26px;margin:28px 0;position:relative;overflow:hidden}body.kyz-page .ccn-art .kyz-tools::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--g1) 45%,transparent),transparent 70%);pointer-events:none}body.kyz-page .ccn-art .kyz-tools>b{display:block;color:#fff;font:900 18px/1.5 var(--jp);margin-bottom:8px}body.kyz-page .ccn-art .kyz-tools p,body.kyz-page .ccn-art .kyz-tools li{color:#c7d6e2;font-size:14.5px;line-height:1.95}body.kyz-page .ccn-art .kyz-tools a{color:#fff;text-decoration:none;border-bottom:2px solid var(--g1);font-weight:700}body.kyz-page .ccn-art .kyz-tools a[href*="amazon"]::before{content:"📕 "}body.kyz-page .ccn-art .kyz-tools a[href*="youtube"]::before{content:"▶ ";color:var(--g1)}body.kyz-page .ccn-art .kyz-tools a[href$=".pdf"]::before{content:"⎙ "}body.kyz-t-grade .ccn-art .kyz-tools{display:grid;grid-template-rows:auto 1fr;grid-auto-flow:column;grid-auto-columns:1fr;gap:0 14px;background:transparent;border:0;padding:0;overflow:visible}body.kyz-t-grade .ccn-art .kyz-tools::after{display:none}body.kyz-t-grade .ccn-art .kyz-tools>b{margin:0;padding:20px 20px 6px;border-radius:18px 18px 0 0;background:var(--night2);font-size:16px}body.kyz-t-grade .ccn-art .kyz-tools>p{margin:0;padding:0 20px 20px;border-radius:0 0 18px 18px;background:var(--night2);font-size:13.5px}body.kyz-t-grade .ccn-art p.lead+p{display:flex;flex-wrap:wrap;gap:8px}body.kyz-t-grade .ccn-art p.lead+p a{padding:9px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);font:700 13px/1 var(--jp);text-decoration:none}body.kyz-t-grade .ccn-art p.lead+p a[href*="file.ccn.jp"]{background:var(--night);color:#fff;border-color:var(--night)}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t){display:block;border:0;background:transparent}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) thead{display:none}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tr{position:relative;display:flex;flex-direction:column;min-height:118px;padding:16px 16px 14px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 10px 24px -16px var(--g2);transition:transform .15s ease,box-shadow .15s}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tr:nth-child(even){background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 82%,#fff),var(--g1))}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tr:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 18px 32px -14px var(--g2)}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td{border:0!important;padding:0!important;background:transparent!important;color:rgba(255,255,255,.86)!important}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td:first-child a{color:#fff!important;text-decoration:none!important;font:800 21px/1.1 var(--disp);letter-spacing:-.01em}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td:first-child a::after{content:"";position:absolute;inset:0}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td:nth-child(2){font:600 12px/1 var(--disp)!important;margin-top:6px;letter-spacing:.06em}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td:nth-child(3){font-size:12px!important;line-height:1.55;margin-top:auto;padding-top:10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.kyz-page .ccn-art p.gate{display:block;background:var(--gsoft);border:1px dashed color-mix(in srgb,var(--g1) 50%,transparent);border-radius:16px;padding:14px 18px;font-size:14px;color:var(--ink2)}body.kyz-page .ccn-art p.gate::before{content:"🔒 ";font-size:15px}body.kyz-page .ccn-art p.gate a{font-weight:800;color:var(--g2)}body.kyz-page .ccn-art ol.qs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}body.kyz-page .ccn-art ol.qs li.q{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 14px;margin:0}body.kyz-page .ccn-art ol.qs .no{margin:0 0 6px;font:800 12px/1 var(--disp);letter-spacing:.12em;color:var(--g1)}body.kyz-page .ccn-art ol.qs .stem{font:500 16px/1.65 var(--disp);color:var(--ink);margin:0 0 12px}body.kyz-page .ccn-art ol.qs .blank{display:inline-block;min-width:4.5em;border-bottom:2px solid var(--g1);color:transparent}body.kyz-page .ccn-art ol.qs .ch{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.kyz-page .ccn-art ol.qs .ch input{position:absolute;opacity:0;pointer-events:none}body.kyz-page .ccn-art ol.qs .ch label{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#FAFBFD;font:600 14px/1.3 var(--disp);cursor:pointer;transition:all .12s;margin:0}body.kyz-page .ccn-art ol.qs .ch label span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--line);color:var(--ink2);font-size:12px;flex:none}body.kyz-page .ccn-art ol.qs .ch label:hover{border-color:var(--g1)}body.kyz-page .ccn-art ol.qs .ch input:checked+label{border-color:var(--g1);background:var(--gsoft);color:var(--g2)}body.kyz-page .ccn-art ol.qs .ch input:checked+label span{background:var(--g1);color:#fff}body.kyz-page .ccn-art ol.qs .ch label.r{border-color:#2BB36B;background:#E7F7EE}body.kyz-page .ccn-art ol.qs .ch label.w{opacity:.55}body.kyz-page .ccn-art ol.qs .exp{margin-top:10px;font-size:12.5px;color:var(--ink3)}body.kyz-page .ccn-art ol.qs .exp a{color:var(--g2);font-weight:700}body.kyz-page .ccn-art .kyz-tools:has(>ul){display:grid;grid-template-columns:150px 1fr;gap:4px 26px;background:#fff;color:var(--ink);border:1px solid var(--line)}body.kyz-page .ccn-art .kyz-tools:has(>ul)::before{content:"";grid-row:1/span 3;aspect-ratio:.58;border-radius:4px 10px 10px 4px;background:var(--kyz-cover) center/cover no-repeat,var(--g1);box-shadow:-6px 0 0 -2px rgba(0,0,0,.08) inset,0 22px 36px -18px rgba(13,22,32,.55);transform:rotate(-3deg);align-self:start}body.kyz-page .ccn-art .kyz-tools:has(>ul)::after{display:none}body.kyz-page .ccn-art .kyz-tools:has(>ul)>b{color:var(--ink)}body.kyz-page .ccn-art .kyz-tools:has(>ul) li{color:var(--ink2);font-size:14px;line-height:1.8}body.kyz-page .ccn-art .kyz-tools:has(>ul) ul{margin:0;padding-left:1.1em}body.kyz-page .ccn-art .kyz-tools:has(>ul) a{display:inline-block;margin-top:8px;padding:12px 20px;border:0;border-radius:999px;background:#FF9900;color:#111;font-weight:800}body.kyz-page .ccn-art .kyz-tools:has(>ul) a::before{content:""}body.kyz-page .ccn-art .kyz-book{display:grid;grid-template-columns:120px 1fr;gap:6px 22px;align-items:center;margin:20px 0 28px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px -22px rgba(13,22,32,.35)}body.kyz-page .ccn-art .kyz-book .cv{grid-row:1/span 3;aspect-ratio:.58;border-radius:4px 9px 9px 4px;background:var(--kyz-cover) center/cover no-repeat,var(--g1);box-shadow:0 18px 30px -16px rgba(13,22,32,.55);transform:rotate(-3deg)}body.kyz-page .ccn-art .kyz-book .k{font:800 11px/1 var(--disp);letter-spacing:.16em;color:var(--g1);margin:0}body.kyz-page .ccn-art .kyz-book .t{font:900 18px/1.45 var(--jp);color:var(--ink);margin:0}body.kyz-page .ccn-art .kyz-book .d{font-size:13.5px;color:var(--ink2);margin:0;line-height:1.8}body.kyz-page .ccn-art .kyz-book a{justify-self:start;margin-top:6px;padding:11px 20px;border-radius:999px;background:#FF9900;color:#111!important;font:800 14px/1 var(--jp);text-decoration:none!important}body.kyz-page .ccn-art .cta{position:relative;overflow:hidden;border:0;border-radius:24px;padding:30px 28px;margin:36px 0 24px;color:#fff;background:radial-gradient(520px 260px at 100% 0%,color-mix(in srgb,var(--g1) 60%,transparent),transparent 70%),var(--night)}body.kyz-page .ccn-art .cta h3{color:#fff;font:900 clamp(20px,2.6vw,26px)/1.4 var(--jp);margin:0 0 8px;border:0;padding:0}body.kyz-page .ccn-art .cta p{color:var(--ice);font-size:14.5px}body.kyz-page .ccn-art .cta .btn.p{display:inline-block;margin-top:10px;padding:15px 26px;border-radius:999px;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font:800 15px/1.2 var(--jp);box-shadow:0 14px 30px -12px var(--g1);text-decoration:none}body.kyz-page .ccn-art .cta .btn.p:hover{filter:brightness(1.08)}body.kyz-page .ccn-art p.src{font-size:12px;color:var(--ink3)}body.kyz-t-index .ccn-art .tw>table{display:block;border:0}body.kyz-t-index .ccn-art .tw>table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}body.kyz-t-index .ccn-art .tw>table tr:first-child{display:none}body.kyz-t-index .ccn-art .tw>table tr{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;color:#fff;--c1:#999;--c2:#666;background:linear-gradient(135deg,var(--c1),var(--c2))}body.kyz-t-index .ccn-art .tw>table tr:nth-child(2){--c1:#C0392B;--c2:#82261c}body.kyz-t-index .ccn-art .tw>table tr:nth-child(3){--c1:#3DA35D;--c2:#27693c}body.kyz-t-index .ccn-art .tw>table tr:nth-child(4){--c1:#F39C12;--c2:#b9750a}body.kyz-t-index .ccn-art .tw>table tr:nth-child(5){--c1:#2E86DE;--c2:#1d599a}body.kyz-t-index .ccn-art .tw>table tr:nth-child(6){--c1:#E91E63;--c2:#a01244}body.kyz-t-index .ccn-art .tw>table tr:nth-child(7){--c1:#2BB3A3;--c2:#1c7268}body.kyz-t-index .ccn-art .tw>table td{border:0!important;padding:0!important;background:transparent!important;color:rgba(255,255,255,.88)!important}body.kyz-t-index .ccn-art .tw>table td:first-child{font:800 34px/1 var(--jp);color:#fff!important}body.kyz-t-index .ccn-art .tw>table td a{color:#fff!important;font-weight:800}body.kyz-t-index .ccn-art .tw>table td:last-child{font-size:13px;opacity:.9}@media (max-width:700px){body.kyz-page .ccn-art{padding-left:16px!important;padding-right:16px!important}body.kyz-page .ccn-art table.kyz-t tr{grid-template-columns:44px 1fr;padding:16px}body.kyz-page .ccn-art table.kyz-t td.n{width:36px;height:36px;border-radius:11px;font-size:13px;grid-row:1/span 2}body.kyz-page .ccn-art table.kyz-t td:nth-child(3){grid-column:2;border-left:0!important;border-top:1px dashed var(--line)!important;padding:12px 0 0!important;margin-top:10px}body.kyz-page .ccn-art table.kyz-t b.en{font-size:20px}body.kyz-page .ccn-art table.kyz-t audio{max-width:100%;width:100%}body.kyz-page .ccn-art p.kyz-nav a{flex:1 1 auto;justify-content:center}body.kyz-page .ccn-art p.kyz-nav a:last-child:is([href*="-set"],[href*="tango-ichiran/p"]){margin-left:0;flex-basis:100%}body.kyz-t-grade .ccn-art .kyz-tools{grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto}body.kyz-t-grade .ccn-art .kyz-tools>b{border-radius:18px 18px 0 0;margin-top:10px}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tbody{grid-template-columns:1fr 1fr;gap:10px}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) tr{min-height:104px;padding:14px 12px}body.kyz-t-grade .ccn-art .tw>table:not(.kyz-t) td:first-child a{font-size:18px}body.kyz-page .ccn-art ol.qs{grid-template-columns:1fr}body.kyz-page .ccn-art .kyz-tools:has(>ul){grid-template-columns:96px 1fr;padding:20px}body.kyz-page .ccn-art .kyz-tools:has(>ul) ul,body.kyz-page .ccn-art .kyz-tools:has(>ul)>p{grid-column:1/-1}body.kyz-page .ccn-art .kyz-tools:has(>ul)::before{grid-row:1/span 1}body.kyz-page .ccn-art .kyz-book{grid-template-columns:84px 1fr;padding:16px}body.kyz-page .ccn-art .kyz-book .cv{grid-row:1/span 2}body.kyz-page .ccn-art .kyz-book .d,body.kyz-page .ccn-art .kyz-book a{grid-column:1/-1}body.kyz-page .ol-article__head::after{font-size:96px;opacity:.8}}@media (prefers-reduced-motion:reduce){body.kyz-page *{transition:none!important}}body.kyz-page .ccn-fuda-row{box-sizing:border-box;max-width:960px;margin:24px auto 0!important;padding:10px 40px 0;color:var(--ink2)!important}body.kyz-page .ccn-fuda-row+.ccn-art{padding-top:12px!important}body.kyz-page .ccn-art a.pod-book-banner,body.kyz-page a.pod-book-banner{position:relative;overflow:hidden;max-width:none!important;width:100%!important;margin:32px 0!important;gap:22px!important;padding:22px 26px!important;border-radius:22px!important;border:1.5px solid #d8a13a!important;background:radial-gradient(420px 220px at 100% 0,rgba(216,161,58,.28),transparent 70%),#1b1f2a!important;box-shadow:0 26px 50px -30px rgba(13,22,32,.7);transition:transform .18s ease}body.kyz-page a.pod-book-banner:hover{transform:translateY(-2px)}body.kyz-page a.pod-book-banner>span:first-child{width:92px!important;height:auto!important;aspect-ratio:.58;border:0!important;border-radius:3px 8px 8px 3px!important;background:#2a3142!important;transform:rotate(-4deg);box-shadow:-5px 0 0 -2px rgba(0,0,0,.15) inset,0 18px 28px -12px rgba(0,0,0,.8)}body.kyz-page a.pod-book-banner>span:nth-child(2){flex:1 1 240px!important;min-width:0}body.kyz-page a.pod-book-banner>span:nth-child(2)>span:first-child{font:800 11px/1 var(--disp)!important;letter-spacing:.16em;color:#d8a13a!important}body.kyz-page a.pod-book-banner>span:nth-child(2)>span:nth-child(2){font:900 clamp(17px,2.2vw,21px)/1.45 var(--jp)!important;color:#fff!important;margin:6px 0 4px}body.kyz-page a.pod-book-banner>span:nth-child(2)>span:nth-child(3){font-size:13.5px!important;color:#c7d0dc!important;line-height:1.7}body.kyz-page a.pod-book-banner>span:last-child{padding:12px 20px!important;border-radius:999px!important;background:#FF9900!important;color:#111!important;font:800 14px/1 var(--jp)!important;white-space:nowrap;box-shadow:0 10px 22px -10px #FF9900}@media (max-width:700px){body.kyz-page .ccn-fuda-row{padding:10px 16px 0}body.kyz-page a.pod-book-banner{padding:18px!important;gap:16px!important}body.kyz-page a.pod-book-banner>span:first-child{width:70px!important}body.kyz-page a.pod-book-banner>span:last-child{flex:1 1 100%;text-align:center}}body.kyz-page .ccn-art .tjump{gap:8px}body.kyz-page .ccn-art .tjump a{padding:8px 14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 13px/1.2 var(--disp);border-radius:999px}body.kyz-page .ccn-art .tjump a:hover{border-color:var(--g1);color:var(--g2)}body.kyz-page .ccn-art h3.tblk{display:flex;align-items:center;gap:10px;margin:30px 0 10px;font:800 15px/1.3 var(--disp);letter-spacing:.06em;color:var(--ink)}body.kyz-page .ccn-art h3.tblk::before{content:"";width:8px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--g1),var(--g2))}body.kyz-page .ccn-art .tgrid a{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);transition:transform .15s ease,border-color .15s,box-shadow .15s}body.kyz-page .ccn-art .tgrid a:hover{transform:translateY(-2px);border-color:var(--g1);box-shadow:0 12px 24px -16px var(--g1)}body.kyz-page .ccn-art .tgrid .n{font:700 11px/1.3 var(--disp);letter-spacing:.04em;color:var(--g1)}body.kyz-page .ccn-art .tgrid .w{font:600 14px/1.35 var(--disp);color:var(--ink)}body.kyz-has-cover a.pod-book-banner>span:first-child{font-size:0!important;background:var(--kyz-cover) center/cover no-repeat,#2a3142!important}body.kyz-page .ccn-art .ccn-goal{position:relative;overflow:hidden;border:0;border-radius:22px;padding:24px 26px;margin:32px 0;color:#fff;background:radial-gradient(480px 240px at 100% 0%,color-mix(in srgb,var(--g1) 55%,transparent),transparent 70%),var(--night)}body.kyz-page .ccn-art .ccn-goal h3{color:#fff;font:900 20px/1.4 var(--jp);margin:0 0 6px}body.kyz-page .ccn-art .ccn-goal p{color:var(--ice);font-size:14.5px}body.kyz-page .ccn-art .ccn-goal a{padding:13px 22px;border-radius:999px;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff!important;font:800 14.5px/1.2 var(--jp);text-decoration:none!important;box-shadow:0 12px 26px -12px var(--g1)}body.kyz-page .ccn-art .ccn-goal a.o{background:transparent;border:1.5px solid rgba(255,255,255,.5);box-shadow:none}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) tbody{gap:8px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) tr{grid-template-columns:40px 100px minmax(0,1fr) auto;align-items:center;padding:8px 12px 8px 10px;gap:0 14px;border-radius:14px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) tr:hover{transform:none}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--g1),var(--g2))!important}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:first-child a{color:#fff!important;text-decoration:none!important;font:800 13px/1 var(--disp)}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(2){font:600 13px/1.3 var(--disp);color:var(--ink3);letter-spacing:.03em;border:0!important;padding:0!important}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(3){font:600 14.5px/1.4 var(--disp);color:var(--ink);border:0!important;padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4){display:flex;flex-wrap:nowrap;gap:6px;font-size:0!important}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4) a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#FAFBFD;color:var(--ink)!important;font:700 12.5px/1 var(--jp);text-decoration:none!important;white-space:nowrap;transition:all .12s}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4) a:hover{border-color:var(--g1);color:var(--g2)!important}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4) a:last-child{background:linear-gradient(135deg,var(--g1),var(--g2));border:0;color:#fff!important}@media (max-width:700px){body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) tr{grid-template-columns:34px 1fr;gap:6px 10px;padding:10px 12px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:first-child{grid-row:1/span 2;width:30px;height:30px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(2){grid-column:2;font-size:12px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(3){grid-column:2;margin-top:-4px}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4){grid-column:1/-1;display:flex!important;gap:6px;margin-top:4px;border:0!important;padding:0!important}body.kyz-page .ccn-art table.kyz-t:has(thead th:nth-child(4)) td:nth-child(4) a{flex:1 1 0;justify-content:center;padding:8px 4px;font-size:12px}}
body.kyz-g-toeic{--g1:#5B5FEF;--g2:#3a3db0;--gsoft:#ECEDFD;--gname:"TOEIC"}body.kyz-g-daigaku{--g1:#34495E;--g2:#1f2d3a;--gsoft:#E9EDF1;--gname:"UNIVERSITY"}body.kyz-g-chugaku{--g1:#8E44AD;--g2:#5e2d73;--gsoft:#F3E9F7;--gname:"JUNIOR HIGH"}body.kyz-g-shogaku{--g1:#FF7A45;--g2:#c9542a;--gsoft:#FFF0E8;--gname:"ELEMENTARY"}body.kyz-t-word .ccn-art{--green:var(--g2);--soft:var(--gsoft);--paper2:#F3F5F9;--line:#E3E8EF;--ink:#0d1620;--ink2:#46566a;--ink3:#8494a7}body.kyz-t-word .ccn-art .tgo .judge .jk,body.kyz-t-word .ccn-art .tgo .dr .df{border-color:color-mix(in srgb,var(--g1) 35%,#fff)}body.kyz-t-word .tgo .head .hw,body.kyz-t-word .tgo .exline .en,body.kyz-t-word .tgo .quote .en,body.kyz-t-word .tgo .judge .jp,body.kyz-t-word .tgo .dr .dex li,body.kyz-t-word .tgo .dr .dex .de,body.kyz-t-word .tgo .judge .kex .en,body.kyz-t-word .tgo .judge .dq{font-family:var(--disp)!important;letter-spacing:0}body.kyz-t-word .tgo .quote .en,body.kyz-t-word .tgo .exline .en{font-size:16px;font-weight:500}body.kyz-t-word .tgo .judge .jp{font-size:19px;font-weight:700}body.kyz-t-word .tgo .head{position:relative;overflow:hidden;border:0;border-radius:24px;padding:26px 26px 22px;margin:8px 0 22px;color:#fff;background:radial-gradient(520px 260px at 100% 0,color-mix(in srgb,var(--g1) 60%,transparent),transparent 70%),var(--night);box-shadow:0 26px 50px -30px rgba(13,22,32,.6)}body.kyz-t-word .tgo .head .hw{font-size:clamp(36px,6vw,54px);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.1}body.kyz-t-word .tgo .head .hm{color:#fff;font-size:18px}body.kyz-t-word .tgo .head .kyu{background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:999px;padding:3px 11px}body.kyz-t-word .tgo .head .he,body.kyz-t-word .tgo .head .exline .ja,body.kyz-t-word .tgo .head .note-src{color:var(--ice)}body.kyz-t-word .tgo .head .exline{border-top-color:rgba(255,255,255,.18)}body.kyz-t-word .tgo .head .exline .en{color:#fff;font-size:17px}body.kyz-t-word .tgo .head .exline .exl{color:var(--ice);border-color:rgba(255,255,255,.25)}body.kyz-t-word .tgo .head .uc.ok{background:rgba(255,255,255,.08)}body.kyz-t-word .tgo .head .uc.ok b{color:#fff}body.kyz-t-word .tgo .head .uc{color:#dbe7ef}body.kyz-t-word .tgo .head a{color:#fff}body.kyz-t-word .tgo .head audio{height:34px;border-radius:999px}body.kyz-t-word .tgo .toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}body.kyz-t-word .tgo .toc a:before{background:linear-gradient(135deg,var(--g1),var(--g2))!important;color:#fff!important}body.kyz-t-word .tgo .judge{border-radius:18px;padding:16px 18px;box-shadow:0 12px 28px -22px rgba(13,22,32,.35)}body.kyz-t-word .tgo .qd>summary{border-radius:12px;background:#fff}body.kyz-t-word .tgo .qd[open]>summary{border-radius:12px 12px 0 0}body.kyz-t-word .tgo .quote{border-radius:14px}body.kyz-t-word .tgo .dr{border-radius:16px;padding:14px 16px}body.kyz-t-word .tgo .note{border-radius:0 14px 14px 0;border-left-color:var(--g1)}body.kyz-t-word .ccn-art h2::before{display:none}body.kyz-t-word .tgo .sp,body.kyz-t-word .tgo .syn .sh,body.kyz-t-word .tgo .pd .pt{font-family:var(--disp)!important;font-weight:700;letter-spacing:0}body.kyz-t-word .tgo .quote,body.kyz-t-word .tgo .uc.ok{background:var(--gsoft)}body.kyz-t-word .tgo h2 .step{background:linear-gradient(135deg,var(--g1),var(--g2))!important;color:#fff!important}