:root{--ink:#2c302d;--muted:#777b77;--paper:#faf9f6;--brown:#745a40;--line:#e8e4de;--green:#49634f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button,.button{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 18px;color:var(--ink)}button:hover,.button:hover{background:#f2eee7}input,select,textarea{border:1px solid #d4d2cc;border-radius:6px;padding:11px;background:white;color:var(--ink);max-width:100%}.testbar{text-align:center;background:#ece5d9;color:#665239;font-size:11px;letter-spacing:.12em;padding:4px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;letter-spacing:.17em;font-size:22px;color:#8a684e;font-weight:bold;line-height:1.3}.brand small{display:block;text-align:center;font-family:serif;font-size:9px;letter-spacing:.3em;font-weight:normal}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--brown)}.tools{display:flex;gap:23px;align-items:center;font-size:25px}.tools button{padding:0;border:0;background:none;font-size:20px}.hero{height:560px;position:relative;display:grid;place-items:center;text-align:center;color:white;background:linear-gradient(#0005,#0007),url('https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?w=1600&q=80') center/cover}.hero .eyebrow{letter-spacing:.38em;font-size:12px}.hero h1{font:700 72px Georgia,serif;letter-spacing:.08em;margin:6px}.hero .kana{font-size:12px;letter-spacing:.4em}.hero .tagline{font-family:serif;font-size:20px;letter-spacing:.06em;margin:30px 0}.search{display:flex;max-width:600px;margin:auto;gap:8px}.search input{flex:1;min-width:0;padding:16px}.search button,.primary{color:white;background:var(--brown);border-color:var(--brown)}.primary:hover{background:#5c4734}.wrap{max-width:1180px;margin:auto;padding:56px 30px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;margin-top:-72px;padding-bottom:25px}.category{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:25px;border-radius:10px;box-shadow:0 5px 15px #00000005}.category span{font-size:24px;color:var(--brown)}.category b{font-size:14px;font-weight:500}.category i{margin-left:auto;font-style:normal}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:55px 0 75px}.about img{width:100%;height:300px;object-fit:cover;border-radius:8px}.about p{font-size:14px;color:var(--muted);line-height:2.2}.about .button{display:inline-block;margin-top:14px}h1,h2,h3{line-height:1.5}h2{font-size:25px;font-weight:600;letter-spacing:.06em;margin:0}.section{padding:38px 0}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sectionhead p{font-size:13px;color:var(--muted);margin:6px 0}.sectionhead a{font-size:12px;color:var(--brown)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000000b}.card img{width:100%;height:215px;object-fit:cover;display:block}.cardbody{padding:20px}.card h3{font-size:18px;margin:9px 0}.card p{font-size:13px;color:var(--muted);margin:6px 0}.badge{font-size:11px;color:var(--brown);background:#f1ece4;border-radius:4px;padding:4px 9px}.cardmeta{display:flex;justify-content:space-between;font-size:12px;margin-top:16px;color:#646b63}.rating{color:#a47a39;font-size:12px}.empty{padding:65px 20px;text-align:center;background:white;border:1px dashed var(--line);border-radius:8px;grid-column:1/-1}.pageheading{margin-bottom:30px}.pageheading h1{font-size:32px;margin-bottom:6px}.pageheading p{color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:30px}.filters input{flex:1;min-width:140px}.filters label{font-size:12px}.detail{max-width:960px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.detail h1{font-size:36px}.cover{width:100%;height:420px;object-fit:cover;border-radius:10px;margin:25px 0}.detailcontent{display:grid;grid-template-columns:2fr 1fr;gap:35px}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:25px}.panel h2{font-size:21px;margin-bottom:15px}.panel p{white-space:pre-line}.facts{width:100%;border-collapse:collapse;font-size:14px}.facts th,.facts td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 4px}.facts th{width:110px;color:var(--muted);font-weight:400}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.favorite.active{background:#f4e5df;color:#ab5435}.review{border-bottom:1px solid var(--line);padding:18px 0}.review h3{font-size:16px;margin:3px 0}.review small{color:var(--muted)}.form{display:grid;gap:15px}.form label{display:grid;gap:5px;font-size:13px}.form textarea{min-height:95px}.form button{justify-self:start}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tabs a{padding:8px 15px;border:1px solid var(--line);border-radius:5px;background:white}.tabs .selected{background:var(--green);color:white}.adminrow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;gap:15px}.adminrow small{display:block;color:var(--muted)}.adminrow a{white-space:nowrap}.adminnote{background:#f1ece4;padding:16px;border-radius:8px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:8px}.stat b{font-size:28px;display:block}footer{border-top:1px solid var(--line);padding:60px max(5%,30px);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;background:#f1f0eb}footer p,footer a:not(.brand){font-size:12px;color:var(--muted)}footer h3{font-size:13px;margin:0 0 16px}footer a,footer small{display:block;margin:7px 0}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#334a3b;color:white;border-radius:8px;box-shadow:0 3px 20px #0002;padding:12px 22px;display:none;z-index:20}.error{color:#a23120}.saveactions{display:flex;gap:12px;flex-wrap:wrap}.editor{max-width:850px}body.menuopen nav{display:flex}.mobiletitle{display:none}@media(max-width:800px){header{height:72px}nav{display:none;position:absolute;top:98px;left:0;right:0;background:white;z-index:10;padding:25px;flex-direction:column;gap:15px}.hero{height:530px}.hero h1{font-size:54px}.hero .tagline{font-size:16px;padding:0 15px}.search{margin:0 25px}.wrap{padding:38px 20px}.categories{grid-template-columns:1fr 1fr;gap:12px;margin-top:-66px}.category{padding:18px;gap:15px}.about{grid-template-columns:1fr;gap:25px;padding:20px 0 30px}.about img{height:240px}.grid{grid-template-columns:1fr 1fr;gap:15px}.card img{height:170px}.cardbody{padding:15px}.card h3{font-size:16px}.detailcontent{grid-template-columns:1fr}.cover{height:280px}.detail h1{font-size:27px}.stats{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card img{height:220px}.sectionhead{gap:10px}h2{font-size:22px}.category{padding:16px 12px;gap:10px}.hero .tagline{max-width:330px;margin:25px auto}.cardmeta{font-size:11px}.filters{padding:12px}.filters select{width:100%}}

.accountbar{display:flex;justify-content:flex-end;gap:18px;padding:8px 5%;border-bottom:1px solid var(--line);font-size:12px;background:white}.accountbar a{color:var(--brown);text-decoration:underline}button:disabled{opacity:.6;cursor:wait}
header{height:64px;padding:0 24px}.brand img{width:42px;height:42px;object-fit:contain;display:block}.accountbar[hidden]{display:none}.hero{height:504px}.hero h1{font-size:80px}.wrap{max-width:1280px;padding:48px 16px}.categories{margin-top:-86px}.category{padding:22px}.about{gap:55px;padding:55px 0}.cardimage{position:relative}.cardimage>.badge{position:absolute;left:12px;top:12px;background:#fffef5;box-shadow:0 1px 8px #0001}.cardbody>.badge{display:none}.cardbody small{color:var(--muted);font-size:11px}footer{background:#563c28;color:#fff6e9}footer .brand{color:#fff}footer p,footer a:not(.brand),footer small{color:#ddd0bd}footer .brand img{width:64px;height:64px;background:white;border-radius:8px}.navdropdown{position:relative}.navdropdown summary{cursor:pointer;list-style:none}.navdropdown>div{position:absolute;top:32px;left:-20px;background:white;min-width:150px;z-index:30;box-shadow:0 10px 35px #0002;border:1px solid var(--line);border-radius:8px;padding:8px}.navdropdown a{display:block;padding:9px 12px}.navdropdown a:hover{background:var(--paper)}.tools #menu{display:none}.categorychips{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 28px}.categorychips a{border:1px solid var(--line);border-radius:20px;padding:7px 18px;background:white;font-size:13px}.categorychips .selected{background:var(--brown);color:white}.detail{max-width:1280px}.detail .cover{height:510px;margin:20px 0 0}.detailactions{display:flex;justify-content:flex-end;gap:10px;margin:12px 0 25px}.detailcontent{grid-template-columns:minmax(0,3fr) minmax(230px,1fr)}.detailcontent .grid{grid-template-columns:repeat(2,1fr)}.articlebyline{font-size:13px;color:var(--muted)}.map{width:100%;height:330px;border:1px solid var(--line);border-radius:8px}.gallery{display:flex;gap:12px;overflow:auto}.gallery button{padding:0;flex:0 0 180px;overflow:hidden}.gallery img{width:180px;height:130px;object-fit:cover;display:block}.socials{display:flex;gap:8px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:min(90vw,750px);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0008}dialog form[method=dialog]{text-align:right}dialog h2{margin-bottom:24px}#gallery-dialog{padding:10px}#gallery-dialog img{display:block;max-width:80vw;max-height:78vh}#close-gallery{position:absolute;right:12px;top:12px}.adminlayout{display:grid;grid-template-columns:220px minmax(0,1fr)}.adminnav{background:white;border-right:1px solid var(--line);padding:30px 18px}.adminnav h2{font-size:20px;margin-bottom:25px}.adminnav h2 small{font-size:12px}.adminnav a{display:block;padding:12px;border-radius:6px}.adminnav a:hover{background:var(--paper)}.chartrow{display:flex;align-items:center;gap:15px;margin:14px 0}.chartrow span{width:95px;font-size:13px}.chartrow meter{flex:1;height:22px}.report summary{cursor:pointer;font-weight:bold}.reporttext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.adminlayout .wrap{padding:40px 30px}.adminlayout .stats{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){header{padding:0 16px;height:64px}.tools #menu{display:block}nav{top:64px}.hero{height:500px}.hero h1{font-size:60px}.wrap{padding:40px 18px}.categories{margin-top:-75px}.detail .cover{height:310px}.detailcontent{grid-template-columns:1fr}.adminlayout{grid-template-columns:1fr}.adminnav{display:flex;gap:5px;overflow:auto;padding:12px}.adminnav h2{display:none}.adminnav a{white-space:nowrap;font-size:12px;padding:8px}.adminlayout .wrap{padding:25px 16px}.navdropdown>div{position:static;box-shadow:none;border:0}.navdropdown summary{padding:8px 0}.detailcontent .grid{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:54px}.category{padding:18px 12px}.tools{gap:17px}.detail .cover{height:260px}.stats{gap:9px}.stat{padding:13px}.stat b{font-size:24px}}
