:root{--kami:#fff;--sumi:#000;--aka:#e60012;--ami:#d9d9d9;--ki:#ffe600;--usu:#f2f2f2;--waku:3px solid #000}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kami);color:var(--sumi);font:16px/1.75 "Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif}
a{color:inherit}
:focus-visible{outline:3px solid var(--aka);outline-offset:2px}
.mi{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;letter-spacing:.02em;line-height:1.35}
.hd{border-bottom:var(--waku);background:var(--kami);position:sticky;top:0;z-index:20}
.hd-in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.logo{font-weight:700;font-family:"Zen Kaku Gothic New";font-size:24px;text-decoration:none;letter-spacing:.04em}
.logo b{color:var(--aka);font-weight:400}
.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:700;font-size:14px;padding:4px 10px;border:2px solid transparent}
.nav a:hover{border-color:var(--sumi)}
.sch{display:flex;margin-left:auto;order:2;border:var(--waku);background:var(--kami)}
.sch input{width:200px;font:700 14px "Zen Kaku Gothic New",sans-serif;padding:7px 10px;border:0;border-radius:0;background:transparent;color:var(--sumi);outline:0;-webkit-appearance:none}
.sch input::placeholder,.sr-box input::placeholder{color:#888;font-weight:500}
.sch:focus-within{background:var(--ki)}
.sch button{display:grid;place-items:center;width:40px;border:0;border-left:var(--waku);background:var(--ki);color:var(--sumi);cursor:pointer;padding:0}
.sch button:hover,.sr-box button:hover{background:var(--aka);color:#fff}
.nav{order:1}
.sr-box{display:flex;margin:0 0 14px;border:var(--waku);background:var(--kami)}
.sr-box:focus-within{outline:3px solid var(--ki);outline-offset:0}
.sr-box input{flex:1;min-width:0;font:700 18px "Zen Kaku Gothic New",sans-serif;padding:13px 16px;border:0;border-radius:0;background:transparent;outline:0;-webkit-appearance:none}
.sr-box button{display:flex;align-items:center;gap:6px;font:700 16px "Zen Kaku Gothic New",sans-serif;padding:0 18px;border:0;border-left:var(--waku);background:var(--ki);color:var(--sumi);cursor:pointer}
.sr-n{font-weight:700;margin:0 0 10px}
.sr-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.sr-tags a{border:2px solid var(--sumi);background:var(--kami);padding:4px 12px;text-decoration:none;font:700 14px "Zen Kaku Gothic New",sans-serif;color:var(--sumi)}
.sr-tags a::before{content:"#";color:var(--aka);margin-right:2px}
.sr-tags a:hover{background:var(--ki)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
/* コマ割り */
.koma{border:var(--waku);background:var(--kami);position:relative}
.page{display:grid;gap:10px;margin:14px 0}
/* 今日の1問（このサイトの顔：集中線のコマ） */
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin:14px 0}
.hero-q{padding:28px 24px 24px;overflow:hidden;min-height:420px}
.hero-q::before{content:"";position:absolute;inset:0;z-index:0;
  background:repeating-conic-gradient(from 0deg at 50% 46%,#000 0deg .6deg,transparent .6deg 7deg);opacity:.09}
.hero-q>*{position:relative;z-index:1}
.hero-tag{display:inline-block;background:var(--sumi);color:var(--kami);font-weight:700;font-size:14px;padding:3px 10px}
.hero-work{font-weight:700;font-size:14px;margin-left:8px}
.fuki{background:var(--kami);border:var(--waku);border-radius:46% 54% 50% 50%/58% 50% 50% 42%;padding:34px 34px;margin:18px 0 20px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:clamp(20px,3.4vw,30px);line-height:1.45;text-align:center}
.cho{display:grid;gap:8px}
.cho button{font:700 18px "Zen Kaku Gothic New",sans-serif;text-align:left;background:var(--kami);border:var(--waku);padding:12px 16px;cursor:pointer;color:var(--sumi)}
.cho button:hover{background:var(--usu)}
.cho button[data-ok="1"]{background:var(--ki)}
.cho button[data-ng="1"]{background:var(--sumi);color:var(--kami)}
.kekka{margin-top:14px;font-weight:700;display:none}
.kekka.on{display:block}
.kekka .big{font-weight:700;font-family:"Zen Kaku Gothic New";font-size:34px;color:var(--aka);display:block;line-height:1.2}
.kekka a{display:inline-block;margin-top:10px;background:var(--aka);color:#fff;text-decoration:none;padding:8px 14px;font-weight:700}
.hero-side{display:grid;gap:10px;grid-template-rows:auto 1fr}
.side-h{font-size:20px;padding:12px 16px;border-bottom:var(--waku);margin:0}
.rank{list-style:none;margin:0;padding:0}
.rank li{border-bottom:1px solid var(--sumi)}
.rank li:last-child{border-bottom:0}
.rank a{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:9px 14px;text-decoration:none;font-weight:700;font-size:14px;line-height:1.45}
.rank a:hover{background:var(--usu)}
.rank i{font-style:normal;font-weight:700;font-family:"Zen Kaku Gothic New";font-size:20px;line-height:1}
.rank li:nth-child(-n+3) i{color:var(--aka)}
.about{padding:14px 16px;font-size:14px;background:var(--sumi);color:var(--kami)}
.about b{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:18px;display:block}
/* 見出し */
.sec{margin:34px 0 10px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sec h2{margin:0;font-size:clamp(24px,4vw,34px)}
.sec p{margin:0;font-weight:700}
.sec a{margin-left:auto;font-weight:700}
/* 作品のコマ */
.works{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.works a{text-decoration:none;display:flex;flex-direction:column}
.works a:hover .wn{background:var(--sumi);color:var(--kami)}
.works img{display:block;width:100%;height:auto;aspect-ratio:300/158;object-fit:cover;border-bottom:var(--waku)}
.wn{padding:8px 10px;font-weight:700;line-height:1.35;flex:1;display:flex;justify-content:space-between;gap:6px}
.wn small{font-weight:700;white-space:nowrap}
.works .big{grid-column:span 2;grid-row:span 2}
.works .big .wn{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:22px}
/* ジャンル */
.genres{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.genres a{text-decoration:none;padding:16px;display:block;min-height:120px}
.genres a:hover{background:var(--sumi);color:var(--kami)}
.genres b{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:20px;display:block;line-height:1.3;margin-bottom:6px}
.genres span{font-size:14px}
/* 一覧カード */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cards a{text-decoration:none;display:block}
.cards img{display:block;width:100%;height:auto;aspect-ratio:300/158;object-fit:cover;border-bottom:var(--waku)}
.cards .t{padding:8px 10px;font-weight:700;font-size:15px;line-height:1.5}
.cards a:hover .t{text-decoration:underline}
/* 広告の場所（見本では灰色の枠） */
.ad{border:2px dashed #999;color:#777;text-align:center;font-size:13px;padding:30px 0;margin:24px 0}
/* 作品ページ */
.whead{padding:24px;margin:14px 0}
.whead h1{font-size:clamp(28px,5vw,46px);margin:6px 0 8px}
.crumb{font-size:13px;margin:12px 0 0}
.crumb a{text-decoration:none;border-bottom:1px solid}
.vod{width:100%;border-collapse:collapse;font-size:15px}
.vod th,.vod td{border:2px solid var(--sumi);padding:8px 10px;text-align:left}
.vod th{background:var(--sumi);color:var(--kami)}
.mihon{background:var(--ki);font-weight:700;padding:6px 10px;font-size:13px;border:2px solid var(--sumi);display:inline-block;margin:8px 0}
/* 記事ページ */
.art{max-width:780px;margin:0 auto;padding:0 16px}
.art h1{font-size:clamp(22px,4vw,32px);margin:14px 0 6px}
.meta{font-size:13px;margin-bottom:12px}
.body img{max-width:100%;height:auto}
.body .wp-block-image{margin:16px 0}
.next{margin:30px 0}
.ft{border-top:var(--waku);margin-top:50px;padding:20px 16px 40px;font-size:14px}
.ft-in{max-width:1080px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap}
/* WP（SWELL）から来た部品の最低限 */
.p-postList{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.p-postList__item{border:var(--waku)}
.p-postList__link{text-decoration:none;display:block}
.p-postList__thumb img{width:100%;height:auto;display:block}
.c-postThumb__figure{margin:0}
.c-postThumb__cat{display:none}
.p-postList__body{padding:6px 8px;font-weight:700;font-size:14px}
.p-postList__meta{display:none}
.c-balloon{display:flex;gap:12px;align-items:flex-start;margin:16px 0}
.c-balloon__icon{flex:0 0 64px;text-align:center;font-size:11px}
.c-balloon__iconImg{width:64px;height:64px;border-radius:50%;border:2px solid #000;object-fit:cover}
.c-balloon__body{border:2px solid #000;padding:10px 14px;flex:1}
.c-balloon__shapes{display:none}
.swell-block-accordion__item{border:2px solid #000;margin:8px 0}
.swell-block-accordion__title{padding:10px 14px;font-weight:700;cursor:pointer;list-style:none}
.swell-block-accordion__body{padding:0 14px 12px}
.c-switchIconBtn{display:none}
.has-text-align-center{text-align:center}
.u-fz-xl{font-size:1.4em}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}
.pager a{border:2px solid #000;padding:4px 12px;text-decoration:none;font-weight:700}
.pager a[aria-current]{background:#000;color:#fff}
.toi label{display:block;font-weight:700;margin:12px 0}
.toi input,.toi select,.toi textarea{display:block;width:100%;font:inherit;border:2px solid #000;padding:8px;margin-top:4px}
.toi .hp{position:absolute;left:-9999px}
.go{font:700 18px "Zen Kaku Gothic New",sans-serif;background:var(--aka);color:#fff;border:0;padding:12px 28px;cursor:pointer}
/* トップ（ポータル型） */
.gbar{border-bottom:var(--waku);background:var(--ki)}
.gbar-in{max-width:1080px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;gap:6px}
.gbar a{text-decoration:none;font-weight:700;font-size:14px;background:var(--kami);border:2px solid var(--sumi);padding:3px 10px;white-space:nowrap}
.gbar a:hover{background:var(--sumi);color:var(--kami)}
.gbar small{font-weight:700;color:var(--aka);margin-left:4px}
.pt{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:14px}
.pt-main{min-width:0}
.pt-side{display:grid;gap:12px}
.pt-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin:0 0 12px}
.pt-q{min-height:0;padding:18px 18px}
.pt-q .fuki{font-size:clamp(18px,2.4vw,22px);padding:22px 20px;margin:12px 0 14px}
.pt-q .cho button{font-size:16px;padding:9px 12px}
.pt-h{font-size:22px;margin:26px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-left:8px solid var(--aka);padding-left:10px}
.pt-toku .pt-h{margin-top:0}
.pt-h small{font-size:14px;font-weight:700}
.pt-h small a{margin-left:auto}
.pt-tks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pt-tks a{text-decoration:none;display:flex;flex-direction:column}
.pt-tks img{display:block;width:100%;height:auto;aspect-ratio:300/158;object-fit:cover;border-bottom:var(--waku)}
.pt-tks a:hover .wn{background:var(--sumi);color:var(--kami)}
.pt-tk1{grid-column:span 2}
.pt-tk1 .wn{font-size:20px}
.side-h a{float:right;font-size:14px}
.pt-new ul{list-style:none;margin:0;padding:6px 14px}
.pt-new li{display:grid;grid-template-columns:42px 7.2em 1fr;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--ami);font-size:15px}
.pt-new li:last-child{border-bottom:0}
.pt-new time{font-weight:700;font-size:13px}
.pt-gl{font-size:12px;font-weight:700;border:2px solid var(--sumi);padding:0 4px;text-align:center;white-space:nowrap;overflow:hidden}
.pt-new a{font-weight:700;text-decoration:none}
.pt-new a:hover{text-decoration:underline}
.pt-boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pt-bh{margin:0;padding:8px 12px;background:var(--sumi);color:var(--kami);display:flex;justify-content:space-between;align-items:baseline;font-size:18px}
.pt-bh a{text-decoration:none}
.pt-bh small{color:var(--ki);font-size:13px}
.pt-lead{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 12px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.5;border-bottom:1px solid var(--ami)}
.pt-lead img{width:120px;height:63px;object-fit:cover;border:2px solid var(--sumi)}
.pt-lead:hover span{text-decoration:underline}
.pt-li{list-style:none;margin:0;padding:4px 12px}
.pt-li li{padding:5px 0 5px 14px;position:relative;font-size:14px;line-height:1.5}
.pt-li li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:var(--aka)}
.pt-li a{text-decoration:none;font-weight:700}
.pt-li a:hover{text-decoration:underline}
.pt-li em,.pt-new em{font-style:normal;font-size:11px;background:var(--aka);color:#fff;padding:0 4px;margin-left:6px}
.pt-more{display:block;text-align:right;font-weight:700;font-size:14px;padding:6px 12px 10px}
.pt-works{grid-template-columns:repeat(4,1fr)}
.pt-works .wn{font-size:14px}
.pt-sch{margin:0}
.pt-sch input{font-size:15px;padding:9px 10px}
.pt-sch button{font-size:14px;padding:0 12px}
.pt-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.pt-tabs input{position:absolute;opacity:0;pointer-events:none}
.pt-tabs label{text-align:center;font-weight:700;font-size:14px;padding:7px 0;border-bottom:var(--waku);cursor:pointer;background:var(--usu)}
.pt-tabs label+input+label{border-left:2px solid var(--sumi)}
.pt-tabs input:checked+label{background:var(--ki)}
.pt-tabs input:focus-visible+label{outline:3px solid var(--aka);outline-offset:-3px}
.pt-pane{grid-column:1/-1;display:none}
#rk0:checked~.pt-pane:nth-of-type(1),#rk1:checked~.pt-pane:nth-of-type(2),#rk2:checked~.pt-pane:nth-of-type(3){display:block}
.pt-ad{margin:0;padding:0;height:250px;display:grid;place-items:center}
.pt-sl ul{list-style:none;margin:0;padding:4px 0}
.pt-sl li a{display:flex;justify-content:space-between;padding:5px 14px;text-decoration:none;font-weight:700;font-size:14px}
.pt-sl li a:hover{background:var(--ki)}
.pt-sl small{font-weight:700;color:#666}
.pt-2c{display:grid;grid-template-columns:1fr 1fr}
.pt-2c li a{padding:5px 10px;font-size:13px}
.pt-pr{padding:12px 14px 14px;font-size:14px}
.pt-pr b{display:block;font-size:17px}
.pt-pr p{margin:4px 0 0}
.pt-prl{float:right;font-size:11px;font-weight:700;border:1px solid var(--sumi);padding:0 5px}
/* トップを軽く（2026-10-21 社長「全部太くてゴツゴツ・AIっぽい」）：太字は見出しだけ・線は細く薄く・区切りは余白で */
:root{--sen:#e2e2e2;--usuzumi:#666}
.hd{border-bottom:1px solid var(--sen)}
.nav a{font-weight:500}
.sch{border:1px solid #bbb}
.sch button{border-left:1px solid #bbb}
.ft{border-top:1px solid var(--sen);color:var(--usuzumi)}
.gbar{background:#fafafa;border-bottom:1px solid var(--sen)}
.gbar-in{gap:0;padding:6px 16px}
.gbar a{border:0;background:none;font-weight:500;padding:4px 12px;border-right:1px solid var(--sen)}
.gbar a:last-child{border-right:0}
.gbar a:hover{background:none;color:var(--aka);text-decoration:underline}
.gbar small{color:var(--usuzumi);font-weight:400}
.pt .koma{border:0}
.pt .side-h{font-size:17px;padding:0 0 8px;margin:0 0 4px;border-bottom:2px solid var(--sumi)}
.pt .side-h a{font-weight:400}
.pt-h{font-size:19px;border-left:0;padding:0 0 8px;border-bottom:2px solid var(--sumi)}
.pt-h small{font-weight:400;color:var(--usuzumi)}
.pt-q{background:#fffbe6;padding:20px}
.pt-q::before{display:none}
.pt-q .hero-tag{background:var(--aka);font-weight:700;font-size:13px}
.pt-q .hero-work{font-weight:400;color:var(--usuzumi)}
.pt-q .fuki{border:0;border-radius:0;background:none;padding:6px 0;margin:10px 0 14px;text-align:left;font-size:20px}
.pt-q .cho button{border:1px solid #ccc;font-weight:500;background:#fff}
.pt-q .cho button:hover{border-color:var(--sumi);background:#fff}
.pt-q .cho button[data-ok="1"]{background:var(--ki);border-color:#d4c000}
.pt-q .cho button[data-ng="1"]{background:#555;border-color:#555}
.pt-q .kekka .big{font-size:26px}
.pt-q .kekka{font-weight:400}
.pt-tks a{border:0}
.pt-tks img,.pt-works img{border-bottom:0}
.pt-tks .wn,.pt-works .wn{padding:6px 0;font-size:15px}
.pt-tk1 .wn{font-size:18px}
.pt-tks a:hover .wn,.pt-works a:hover .wn{background:none;color:var(--aka)}
.pt-tks .wn small,.pt-works .wn small{font-weight:400;color:var(--usuzumi)}
.pt-new ul{padding:0}
.pt-new li{border-bottom:1px solid var(--sen)}
.pt-new time{font-weight:400;color:var(--usuzumi)}
.pt-gl{border:0;background:#f2f2f2;font-weight:400;color:#444}
.pt-new a{font-weight:400}
.pt .rank li{border-bottom:1px solid var(--sen)}
.pt .rank a{font-weight:400;padding:8px 0;grid-template-columns:28px 1fr}
.pt .rank a:hover{background:none;color:var(--aka)}
.pt .rank i{font-size:17px;color:var(--usuzumi)}
.pt-tabs label{border-bottom:1px solid var(--sen);background:none;font-weight:500;color:var(--usuzumi)}
.pt-tabs label+input+label{border-left:0}
.pt-tabs input:checked+label{background:none;color:var(--sumi);font-weight:700;border-bottom:2px solid var(--aka)}
.pt-boxes{gap:28px 24px}
.pt-bh{background:none;color:var(--sumi);padding:0 0 8px;border-bottom:2px solid var(--sumi);font-size:17px}
.pt-bh small{color:var(--usuzumi);font-weight:400}
.pt-lead{padding:10px 0;font-weight:500;border-bottom:1px solid var(--sen)}
.pt-lead img{border:0}
.pt-li{padding:4px 0}
.pt-li a{font-weight:400}
.pt-li li::before{width:4px;height:4px;top:14px;background:#999}
.pt-more{font-weight:400;padding:6px 0 0;color:var(--usuzumi)}
.pt-sl ul{padding:0}
.pt-sl li a{font-weight:400;padding:6px 0;border-bottom:1px solid var(--sen)}
.pt-sl li a:hover{background:none;color:var(--aka)}
.pt-sl small{font-weight:400;color:#999}
.pt .about{background:#f5f5f5;color:#333;padding:14px}
.pt .about b{font-size:15px}
.pt .sr-box{border:1px solid #bbb}
.pt .sr-box button{border-left:1px solid #bbb;font-weight:500}
.pt-2c{column-gap:18px}
.pt-2c li a{padding:6px 0}
/* 線は細い枠で戻す・幅を広く・ゆったり（2026-10-21 社長「線が無さすぎ」「幅が狭い」「詰まって見える」） */
.hd-in,.wrap,.gbar-in,.ft-in{max-width:1240px}
.hd-in{padding:14px 20px}.wrap{padding:0 20px}.gbar-in{padding:8px 20px}
.pt{grid-template-columns:minmax(0,1fr) 320px;gap:40px;margin-top:28px}
.pt-side{gap:28px}
.pt .koma{border:1px solid #d6d6d6;background:#fff}
.pt .side-h{background:#f6f6f6;border-bottom:1px solid #d6d6d6;padding:11px 16px;margin:0;font-size:16px}
.pt-bh{background:#f6f6f6;border-bottom:1px solid #d6d6d6;padding:11px 16px}
.pt .pt-tks a,.pt .pt-works a,.pt .about{border:0}
.pt-q{border:1px solid #eadf9a!important;padding:26px 26px 28px}
.pt-hero{gap:28px;margin:0 0 36px}
.pt-h{margin:48px 0 18px}
.pt-toku .pt-h{margin-top:0}
.pt-tks{gap:18px}
.pt-new{margin-bottom:12px}
.pt-new ul{padding:4px 16px}
.pt-new li{padding:11px 0;line-height:1.6}
.pt-new li:last-child{border-bottom:0}
.pt .rank a{padding:11px 16px;line-height:1.6}
.pt .rank li:last-child{border-bottom:0}
.pt-boxes{gap:28px}
.pt-lead{padding:16px;gap:14px}
.pt-li{padding:8px 16px}
.pt-li li{padding:7px 0 7px 14px;line-height:1.6}
.pt-more{padding:4px 16px 14px}
.pt-sl ul{padding:4px 16px}
.pt-sl li a{padding:9px 0}
.pt-sl li:last-child a{border-bottom:0}
.pt-2c li:nth-last-child(2) a{border-bottom:0}
.pt-works{gap:24px 18px}
.pt .about{padding:18px 20px;line-height:1.8}
.pt-q .cho{gap:12px}
/* 記事ページも右の列つき */
.ar .art{max-width:none;margin:0;padding:0;min-width:0}
.ar .k-art{max-width:none}
.ar .pt-ex{border-top:3px solid var(--aka)}
@media (max-width:980px){
  .pt{grid-template-columns:1fr}
  .pt-main,.pt-side{display:contents}
  .pt-main>*{order:4}.pt-main>.pt-hero{order:1}.pt-rk{order:2}.pt-main>.pt-new{order:3}.pt-sch{display:none}
  .pt-side>.pt-sl,.pt-side>.about,.pt-side>.pt-pr,.pt-side>.pt-ad{order:5;margin-top:12px}
  .pt-rk{margin-bottom:12px}
  .pt{gap:0;margin-top:18px}
  .pt-side>.pt-sl,.pt-side>.about,.pt-side>.pt-pr,.pt-side>.pt-ad,.ar .pt-side>*{margin-top:24px}
}
@media (max-width:820px){
  .gbar-in{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .gbar-in::-webkit-scrollbar{display:none}
  .pt-hero{grid-template-columns:1fr}
  .pt-boxes{grid-template-columns:1fr}
  .pt-works{grid-template-columns:repeat(2,1fr)}
  .pt-new li{grid-template-columns:36px 1fr;font-size:14px}
  .pt-gl{display:none}
}
@media (max-width:820px){
  .hero{grid-template-columns:1fr}
  .hero-q{min-height:0;padding:22px 16px}
  .fuki{padding:24px 18px}
  .works{grid-template-columns:repeat(2,1fr)}
  .genres{grid-template-columns:repeat(2,1fr)}
  .cards,.p-postList{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .sch{flex:1;min-width:0}
  .sch input{width:100%;min-width:0}
  .logo{white-space:nowrap;flex-shrink:0;font-size:21px}
}
@media (max-width:480px){.cards .t{font-size:13px;padding:6px 8px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}