*{box-sizing:border-box}body{margin:0;background:#edf3f6;color:#17364b;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login section{width:min(480px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 10px 35px #17364b1c;text-align:center}.login img{width:82px}.login input{width:100%;padding:14px;border:2px solid #ccdae1;border-radius:9px}.login button,.primary{display:inline-block;background:#ed780f!important;color:#fff!important;border:0;border-radius:10px;padding:14px 20px;font-weight:900;text-decoration:none;margin-top:12px}header{background:#0c2f48;color:#fff;padding:22px max(24px,calc((100% - 1140px)/2));display:flex;justify-content:space-between;align-items:center}header h1{margin:3px 0}header small{color:#7de0ef;font-weight:900}header nav{display:flex;gap:16px;align-items:center}header a{color:#7de0ef;font-weight:800}header form{margin:0}header button{background:#294b61;color:#fff;border:0;padding:9px 12px;border-radius:8px}.wrap{max-width:1140px;margin:28px auto;padding:0 22px}.intro{display:flex;justify-content:space-between;align-items:center}.intro h2{font-size:28px;margin:0}.intro p{color:#607684}.alert{padding:13px 18px;border-radius:9px;font-weight:800}.error{color:#a32121;background:#fff0f0}.ok{color:#176b4d;background:#e4f5ed}.list,.editor{margin-top:22px}.list-head{display:flex;justify-content:space-between;margin-bottom:12px}.list article{display:grid;grid-template-columns:70px 55px 1fr 180px;gap:15px;align-items:center;background:#fff;border:1px solid #d6e2e7;border-radius:14px;padding:17px;margin-bottom:11px}.list article>img{width:70px;height:58px;object-fit:contain;background:#f5f9fa;border-radius:8px}.list article.inactive{opacity:.55}.code{color:#087e99;font-weight:900}.list h3{margin:0;font-size:20px}.list p{margin:4px 0}.list small{color:#607684}.row-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions a,.row-actions button{border:2px solid #087e99;background:#fff;color:#087087;border-radius:8px;padding:9px 12px;font-weight:900;text-decoration:none}.row-actions form{margin:0}.editor{background:#fff;border-radius:18px;padding:28px}.editor-head{display:flex;justify-content:space-between;border-bottom:2px solid #dce6ea;padding-bottom:15px}.editor-head small{color:#087e99;font-weight:900}.editor-head h2{margin:3px 0}.editor-head>a{font-size:30px;text-decoration:none;color:#58707e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.grid>label{display:flex;flex-direction:column;gap:6px}.grid label span,.grid legend{font-weight:900}.grid label span b{font-size:10px;background:#b53b2b;color:#fff;padding:3px 5px;border-radius:4px;margin-left:6px}.grid input,.grid select,.grid textarea{border:2px solid #ccdbe2;border-radius:9px;padding:11px;background:#fff}.wide{grid-column:1/-1}.illustrations{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.illustrations label{border:2px solid #d7e3e8;border-radius:9px;padding:5px;text-align:center;cursor:pointer}.illustrations input{position:absolute;opacity:0}.illustrations label:has(input:checked){border-color:#ed780f;background:#fff2e8}.illustrations img{width:100%;height:75px;object-fit:contain}.illustrations span{display:block;font-size:11px}.upload{display:flex!important;margin-top:16px;gap:7px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;border-top:1px solid #dce6ea;margin-top:22px;padding-top:15px}.actions>a{color:#58707e}@media(max-width:720px){header{padding:15px}.wrap{padding:0 12px}.intro{display:block}.intro .primary{width:100%;text-align:center}.list article{grid-template-columns:60px 1fr}.list article>img{width:60px}.code{grid-column:2}.row-actions{grid-column:1/-1;justify-content:flex-start}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.illustrations{grid-template-columns:repeat(3,1fr)}.editor{padding:18px 12px}.list-head span{display:none}}