:root{--ink:#18324a;--muted:#657484;--cream:#fffaf2;--paper:#fff;--coral:#ff735c;--coral-dark:#ea5943;--mint:#c9eadc;--mint-dark:#236e5d;--line:#e9e3d9;--yellow:#ffd978;--shadow:0 14px 40px rgba(24,50,74,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:#fff;padding:10px 16px;z-index:99}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;line-height:1.15}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--coral);color:white;border-radius:13px 13px 18px 13px;transform:rotate(-4deg);font-size:22px}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:4px}.site-header nav,.footer-main nav{display:flex;gap:30px}.site-header nav a,.footer-main nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.site-header nav a:hover{color:var(--coral)}main{overflow:hidden}.hero{max-width:1240px;min-height:570px;margin:auto;padding:65px 58px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;position:relative}.hero:before{content:"";position:absolute;right:-70px;top:25px;width:520px;height:520px;background:#f5e9d0;border-radius:44% 56% 56% 44%/55% 38% 62% 45%;transform:rotate(9deg);z-index:-1}.eyebrow{font:800 12px/1.4 Arial,sans-serif;letter-spacing:.18em;color:var(--coral-dark);margin:0 0 12px;text-transform:uppercase}.hero h1{font-size:clamp(43px,5.2vw,69px);line-height:1.22;letter-spacing:-.04em;margin:0}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:13px;background:var(--yellow);z-index:-1;transform:rotate(-1deg);border-radius:50%}.lead{font-size:17px;color:var(--muted);margin:24px 0 28px}.search-wrap label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.search-box{display:flex;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:15px;box-shadow:4px 5px 0 var(--ink);height:61px;max-width:570px;padding:0 14px}.search-box>span{font-size:27px;transform:rotate(-20deg)}.search-box input{border:0;outline:0;font:inherit;flex:1;min-width:0;padding:0 12px;background:transparent}.search-box button{border:0;background:#eee7dc;width:30px;height:30px;border-radius:50%;cursor:pointer;color:var(--muted);visibility:hidden}.search-box button.show{visibility:visible}.quick{display:flex;gap:8px;align-items:center;margin-top:13px;font-size:12px;color:var(--muted);flex-wrap:wrap}.quick button{border:0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer}.hero-badges{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;color:var(--mint-dark);font-weight:700;font-size:12px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.art-card{width:350px;height:380px;background:#fff;border:2px solid var(--ink);border-radius:38% 44% 42% 35%;box-shadow:10px 13px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}.art-card img{width:285px;height:285px;object-fit:contain}.art-card span{font-size:14px;font-weight:800}.mini-card{position:absolute;display:grid;place-items:center;width:92px;height:76px;border:2px solid var(--ink);border-radius:17px;box-shadow:4px 5px 0 var(--ink);font:bold 15px Arial}.mini-card.mint{background:var(--mint);left:4%;bottom:13%;transform:rotate(-9deg)}.mini-card.coral{background:var(--coral);color:white;right:0;top:15%;transform:rotate(8deg)}.spark{position:absolute;color:var(--coral);font-size:28px}.s1{left:14%;top:6%}.s2{right:9%;bottom:6%;color:var(--mint-dark)}.section{max-width:1180px;margin:0 auto;padding:78px 28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.section-head h2,.guide h2,.license-note h2{font-size:30px;line-height:1.35;margin:0}.section-head>p{color:var(--muted);font-size:13px}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.filter{border:1.5px solid var(--line);background:#fff;border-radius:17px;padding:17px 10px 13px;color:var(--ink);cursor:pointer;transition:.2s;min-width:0}.filter b{display:grid;place-items:center;margin:0 auto 10px;width:39px;height:39px;background:#fff1e8;border-radius:13px;color:var(--coral-dark)}.filter span,.filter small{display:block}.filter span{font-weight:800;font-size:13px;white-space:nowrap}.filter small{font-size:10px;color:var(--muted);margin-top:2px}.filter:hover,.filter.active{border-color:var(--ink);transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.filter.active{background:var(--ink);color:#fff}.filter.active b{background:var(--coral);color:#fff}.filter.active small{color:#d9e2ea}.materials-section{padding-top:35px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.thumb{aspect-ratio:1/1;background-color:#f3eee5;background-image:linear-gradient(45deg,#ebe4d8 25%,transparent 25%),linear-gradient(-45deg,#ebe4d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ebe4d8 75%),linear-gradient(-45deg,transparent 75%,#ebe4d8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative;display:grid;place-items:center;cursor:pointer;border:0;width:100%}.thumb img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(24,50,74,.08))}.thumb:after{content:"プレビュー";position:absolute;inset:auto 50% 14px auto;transform:translateX(50%);opacity:0;background:var(--ink);color:#fff;border-radius:20px;padding:7px 13px;font-size:11px;font-weight:700;transition:.2s;white-space:nowrap}.card:hover .thumb:after,.thumb:focus:after{opacity:1}.card-body{padding:17px}.meta{display:flex;justify-content:space-between;align-items:center}.tag{font-size:10px;font-weight:800;color:var(--coral-dark);background:#fff0eb;border-radius:20px;padding:4px 9px}.free{font:bold 9px Arial;color:var(--mint-dark)}.card h3{font-size:15px;margin:9px 0 4px}.card p{font-size:11px;color:var(--muted);margin:0 0 14px}.card-actions{display:flex;gap:8px}.card-actions button,.card-actions a{border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);text-decoration:none;text-align:center;font-weight:800;font-size:11px;padding:9px;cursor:pointer}.card-actions button{flex:1}.card-actions a{width:39px;background:var(--coral);border-color:var(--coral);color:white}.empty{text-align:center;padding:80px 20px}.empty>span{font-size:50px}.empty h3{margin:5px}.empty p{color:var(--muted)}.empty button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.guide{background:var(--ink);color:#fff;margin:60px auto 0;padding:72px max(28px,calc((100% - 1124px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.guide>div>p:last-child{color:#c5d1da}.guide ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}.guide li{display:flex;align-items:center;gap:19px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:17px 20px}.guide li b{font:800 21px Arial;color:var(--yellow)}.guide li span{font-size:12px;color:#c5d1da}.guide li strong{display:block;color:#fff;font-size:14px}.license-note{max-width:1124px;margin:85px auto;padding:33px 36px;border:2px solid var(--ink);border-radius:20px;box-shadow:7px 8px 0 var(--mint);display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:#fff}.license-note>span{font-size:40px;color:var(--coral)}.license-note h2{font-size:19px}.license-note p{margin:5px 0 0;color:var(--muted);font-size:12px}.license-note a{color:var(--ink);font-weight:800;font-size:13px;white-space:nowrap}footer{background:#f3eadc;padding:55px max(28px,calc((100% - 1124px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer-main>p{font-size:12px;color:var(--muted)}.footer-main nav{gap:20px}.footer-main nav a{font-size:11px}.footer-bottom{border-top:1px solid #dcd2c2;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}dialog{border:0;padding:0;border-radius:24px;box-shadow:0 25px 80px rgba(24,50,74,.3);max-width:820px;width:calc(100% - 30px);overflow:hidden}dialog::backdrop{background:rgba(12,29,44,.62);backdrop-filter:blur(4px)}dialog[open]{display:grid;grid-template-columns:1fr 1fr}.modal-image{min-height:430px;display:grid;place-items:center;background-color:#f3eee5;background-image:linear-gradient(45deg,#ebe4d8 25%,transparent 25%),linear-gradient(-45deg,#ebe4d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ebe4d8 75%),linear-gradient(-45deg,transparent 75%,#ebe4d8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.modal-image img{width:90%;height:390px;object-fit:contain}.modal-info{padding:45px 38px}.modal-info>span{color:var(--coral-dark);font-size:11px;font-weight:800}.modal-info h2{margin:8px 0;font-size:24px}.modal-info>p{color:var(--muted);font-size:13px}.modal-info dl{font-size:12px;margin:25px 0}.modal-info dl div{display:flex;border-bottom:1px solid var(--line);padding:8px 0}.modal-info dt{color:var(--muted);width:80px}.modal-info dd{margin:0;font-weight:700}.download-btn{display:flex;justify-content:space-between;background:var(--coral);color:#fff;text-decoration:none;border-radius:12px;padding:14px 17px;font-weight:800;box-shadow:3px 4px 0 var(--ink)}.modal-info small{display:block;color:var(--muted);font-size:9px;margin-top:13px}.modal-info small a{color:inherit}.modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px #aaa;cursor:pointer;font-size:20px;z-index:2}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--ink);color:#fff;border-radius:12px;padding:11px 18px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.legal{max-width:850px;margin:40px auto 100px;padding:0 28px}.legal h1{font-size:38px}.legal h2{margin-top:38px;font-size:20px}.legal p,.legal li{color:#4d6172;font-size:14px}.legal .updated{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:25px}.legal a{color:var(--coral-dark)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{display:none}.filters{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.guide{grid-template-columns:1fr;gap:30px}.footer-main{grid-template-columns:1fr}.footer-main nav{flex-wrap:wrap}}@media(max-width:640px){.site-header{height:70px;padding:0 18px}.site-header nav a:not(:last-child){display:none}.site-header nav{gap:0}.brand{font-size:14px}.brand-mark{width:38px;height:38px}.hero{padding:45px 20px 62px;min-height:0}.hero h1{font-size:42px}.lead{font-size:14px}.hero-badges{gap:9px}.section{padding:56px 18px}.section-head{align-items:start}.section-head>p{display:none}.filters{display:flex;overflow-x:auto;padding:3px 3px 10px;margin-right:-18px}.filter{min-width:112px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-body{padding:12px}.card p{display:none}.card-actions button{display:none}.guide{padding:55px 20px}.license-note{margin:60px 18px;grid-template-columns:auto 1fr;padding:24px 20px}.license-note a{grid-column:2}.footer-main nav{display:grid}.footer-bottom{display:grid;gap:5px}dialog[open]{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-image{min-height:280px}.modal-image img{height:260px}.modal-info{padding:28px 24px}.quick{display:none}}