:root{
  --kami:#FAF8F6; --men:#FFFFFF; --sumi:#1E1B19; --usu:#6B645E; --waku:#E9E3DD;
  --omo:#211D1A; --omo-ji:#FFFFFF; --omo-usu:#F0EDEA;
  --shirushi:#8E2F4A; --shirushi-ji:#FFFFFF; --shirushi-usu:#FAEEF1;
  --kage:0 1px 1px rgba(30,27,25,.04), 0 10px 30px -18px rgba(30,27,25,.28);
  --maru:4px; --oshi:52px;
  --oubun:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --kami:#131110; --men:#1C1918; --sumi:#F2EDE8; --usu:#A79E96; --waku:#2F2A26;
    --omo:#F2EDE8; --omo-ji:#131110; --omo-usu:#262220;
    --shirushi:#E8879F; --shirushi-ji:#131110; --shirushi-usu:#2C1B21;
    --kage:none;
  }
}
:root[data-theme="dark"]{
  --kami:#131110; --men:#1C1918; --sumi:#F2EDE8; --usu:#A79E96; --waku:#2F2A26;
  --omo:#F2EDE8; --omo-ji:#131110; --omo-usu:#262220;
  --shirushi:#E8879F; --shirushi-ji:#131110; --shirushi-usu:#2C1B21;
  --kage:none;
}

*{box-sizing:border-box}
html{overflow-x:clip}
body{
  margin:0; padding:78px 0 104px; background:var(--kami); color:var(--sumi);
  overflow-x:clip;
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",
    ui-sans-serif,system-ui,sans-serif;
  font-size:15px; line-height:1.85; letter-spacing:.015em;
  -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased;
}
main{max-width:620px; margin:0 auto; padding:22px 20px 36px}

h1{
  font-size:1.32rem; font-weight:600; letter-spacing:.005em; line-height:1.55;
  margin:.1em 0 .3em; text-wrap:balance;
}
h2{
  font-family:var(--oubun); font-size:.78rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--usu); margin:2.6em 0 1em;
  padding-bottom:.7em; border-bottom:1px solid var(--waku);
}
p{margin:.45em 0}

#kanban{
  position:fixed; top:0; left:0; right:0; z-index:20;
  height:78px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  padding:0 20px; background:var(--kami);
}
#kanban img{height:56px; width:auto; display:block}
@media (max-width:359px){ #kanban img{height:48px} }

.shirase{
  margin:0; padding:9px 20px; background:var(--kami); color:var(--usu);
  font-size:.68rem; line-height:1.5; text-align:center; letter-spacing:.02em;
  border-bottom:1px solid var(--waku);
}

button,.botan{
  min-height:var(--oshi); font:inherit; font-size:.95rem; font-weight:600; cursor:pointer;
  border:1px solid var(--waku); border-radius:var(--maru); background:var(--men);
  color:var(--sumi); padding:13px 18px; letter-spacing:.03em;
  transition:opacity .12s ease, background-color .15s ease;
}
button:active{opacity:.72}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--sumi); outline-offset:2px;
}
.omo{
  background:var(--omo); color:var(--omo-ji); border-color:var(--omo); width:100%;
  font-size:1rem; min-height:56px; letter-spacing:.06em;
}
.hirogeru{width:100%}
.kiken{color:var(--shirushi); border-color:var(--waku); background:transparent; font-weight:600}

.erabu{display:flex; flex-wrap:wrap; gap:7px; margin:.2em 0 1.6em}
.erabu button{
  flex:0 1 auto; min-width:0; border-radius:999px; padding:10px 17px;
  font-size:.9rem; font-weight:500; min-height:44px; letter-spacing:.02em;
}
.erabu button[aria-pressed="true"]{
  background:var(--omo); color:var(--omo-ji); border-color:var(--omo); font-weight:600;
}
.erabu button[aria-pressed="true"][data-hoshi]{
  background:var(--shirushi); border-color:var(--shirushi); color:var(--shirushi-ji);
}

label{
  display:block; font-family:var(--oubun); font-size:.64rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--usu); margin:1.9em 0 .6em;
}
label:lang(ja){font-family:inherit; font-size:.74rem; letter-spacing:.1em; text-transform:none}
.hissu::after{content:" ・必須"; color:var(--shirushi); letter-spacing:.06em}
input,textarea{
  width:100%; min-height:var(--oshi); font:inherit; padding:13px 14px;
  border:1px solid var(--waku); border-radius:var(--maru);
  background:var(--men); color:var(--sumi);
}
input::placeholder,textarea::placeholder{color:var(--usu); opacity:.6}
input:focus,textarea:focus{border-color:var(--sumi)}
textarea{min-height:130px; resize:vertical; line-height:1.9}
.kakusu{
  position:absolute; left:0; top:0; width:1px; height:1px;
  opacity:0; pointer-events:none; overflow:hidden;
}

.shuyaku{
  display:block; text-decoration:none; color:inherit; margin:-22px -20px 6px;
  background:var(--men); border-bottom:1px solid var(--waku);
}
.shuyaku img{width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:var(--omo-usu)}
.shuyaku .obi{padding:15px 20px 17px; display:flex; flex-direction:column; gap:4px}
.shuyaku .mise{font-size:1.18rem}

.shuyaku.mihon{cursor:default}
.shuyaku.mihon img{opacity:.92}
.mihon-fuda{
  display:inline-block; margin-right:6px; padding:1px 8px;
  border-radius:999px; background:var(--usu); color:var(--kami);
  font-size:.7rem; font-weight:700; letter-spacing:.08em; vertical-align:.08em;
}
.mihon-hako ul.hyo{opacity:.92}
.mihon-hako li{cursor:default}
.mihon-kotoba{
  margin:10px 2px 4px; font-size:.82rem; line-height:1.9; color:var(--usu);
}

.usui{
  border:0; background:transparent; color:var(--usu); font-weight:500;
  font-size:.88rem; min-height:46px; letter-spacing:.04em; text-decoration:underline;
  text-underline-offset:4px; text-decoration-color:var(--waku);
}
.kotowari{
  margin-top:3em; padding-top:1.4em; border-top:1px solid var(--waku);
  font-size:.72rem; line-height:1.9;
}

ul.hyo{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1px; background:var(--waku)}
ul.hyo li{
  background:var(--kami); padding:16px 2px; display:grid;
  grid-template-columns:112px 1fr; gap:14px; align-items:start;
}
ul.hyo li.nashi{grid-template-columns:1fr}
ul.hyo li>img,ul.hyo li>.koma-e>img{
  width:112px; aspect-ratio:1; object-fit:cover; border-radius:2px;
  background:var(--omo-usu); display:block;
}
ul.hyo li>.koma-e{display:block; border-radius:2px}
ul.hyo li>.koma-e:active{opacity:.72}
.naka{min-width:0; display:flex; flex-direction:column; gap:5px; align-items:flex-start}
.mise{font-size:1.02rem; font-weight:600; letter-spacing:.01em; line-height:1.45}
.tsuki{
  color:var(--usu); font-size:.76rem; letter-spacing:.04em; font-family:var(--oubun);
  font-variant-numeric:tabular-nums;
}
.hoshi{color:var(--shirushi); font-weight:700}
ul.hyo li button{
  min-height:44px; padding:8px 15px; font-size:.8rem; border-radius:999px;
  letter-spacing:.04em; font-weight:500;
}

.tairu{
  display:grid; grid-template-columns:repeat(3,1fr); margin:1.4em 0 .4em;
  border-top:1px solid var(--waku); border-bottom:1px solid var(--waku);
}
.tairu div{padding:18px 6px; text-align:center; border-left:1px solid var(--waku)}
.tairu div:first-child{border-left:0}
.tairu dt{
  font-family:var(--oubun); font-size:.7rem; color:var(--usu); font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; margin:0;
}
.tairu dd{
  margin:8px 0 0; font-family:var(--oubun); font-size:clamp(1.1rem,6.4vw,1.75rem);
  font-weight:300; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
  line-height:1.1; white-space:nowrap;
}
.tairu dd small{font-size:.5em; font-weight:500; margin-left:2px; letter-spacing:0}

.waku{overflow-x:auto; border-top:1px solid var(--waku)}
table{width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums}
th,td{
  padding:14px 12px 14px 0; border-bottom:1px solid var(--waku); text-align:left;
  font-size:.88rem; white-space:nowrap;
}
th{
  font-family:var(--oubun); font-size:.7rem; color:var(--usu); font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; padding-top:10px; padding-bottom:10px;
}
td:first-child{font-weight:600}
td.migi,th.migi{text-align:right; padding-right:0}

.shashin{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:.8em 0}
.shashin figure{margin:0}
.shashin img{
  width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:2px;
  display:block; background:var(--omo-usu);
}
.shashin input{min-height:44px; padding:10px; font-size:16px; margin-top:7px; border-radius:2px}
.shashin button{min-height:44px; padding:6px; font-size:.74rem; width:100%; margin-top:5px; border:0; color:var(--usu)}
figcaption{
  font-size:.66rem; color:var(--usu); margin-top:6px; font-family:var(--oubun);
  font-variant-numeric:tabular-nums; letter-spacing:.02em;
}

details{border-top:1px solid var(--waku); border-bottom:1px solid var(--waku); margin:1.8em 0}
details[open]{padding-bottom:16px}
summary{
  cursor:pointer; padding:17px 0; font-size:.86rem; color:var(--usu);
  min-height:var(--oshi); display:flex; align-items:center; letter-spacing:.04em;
}

.setsu > summary{
  font-size:1.02rem; font-weight:700; color:var(--sumi); letter-spacing:.02em;
  padding:19px 0;
}
.setsu > summary::marker{color:var(--usu)}
.setsu[open] > summary{border-bottom:1px solid var(--waku); margin-bottom:14px}
.setsu h2:first-of-type{margin-top:0}

.okuru-botan{border-color:var(--omo); color:var(--omo)}
.okuru-botan::before{content:"↗"; margin-right:.4em; font-weight:700}

.erabu-ban{display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:8px; margin:.4em 0 1em}
.erabu-ban .koma{padding:0; border:2px solid var(--waku); border-radius:calc(var(--maru) - 6px);
  background:var(--men); overflow:hidden; min-height:0}
.erabu-ban .koma img{width:100%; aspect-ratio:1; object-fit:cover; display:block}
.erabu-ban .koma.erande{border-color:var(--omo); box-shadow:0 0 0 2px var(--omo-usu)}
.erabu-ban .koma.erande::after{
  content:"えらんだ1枚"; display:block; background:var(--omo); color:var(--omo-ji);
  font-size:.66rem; font-weight:700; padding:4px 2px; letter-spacing:.04em;
}

.yomu{margin:.4em 0 1.4em}
.yomu-gyo{display:grid; grid-template-columns:7.5em 1fr; gap:4px 12px; padding:11px 0;
  border-bottom:1px solid var(--waku); align-items:baseline}
.yomu-gyo dt{color:var(--usu); font-size:.78rem; letter-spacing:.04em}
.yomu-gyo dd{margin:0; font-size:.98rem; line-height:1.75; overflow-wrap:anywhere}
@media (max-width:340px){ .yomu-gyo{grid-template-columns:1fr} }

.yomu-shashin{
  display:flex; flex-direction:row; gap:10px; margin:.6em 0 .3em;
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; scrollbar-width:thin;
  padding-bottom:4px;
}
.yomu-shashin > *{flex:0 0 88%; scroll-snap-align:center; margin:0; min-width:0}
.yomu-shashin:has(> :only-child) > *{flex:0 0 100%}
.yomu-shashin img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:var(--maru); display:block; background:var(--omo-usu);
}
.yomu-shashin figcaption{color:var(--usu); font-size:.8rem; line-height:1.8; margin-top:6px}
.yomu-mai{text-align:center; margin:0 0 1.4em}
.yomu-nikki{white-space:normal; line-height:1.95; margin:.4em 0 1.4em}

.janru-ban{display:flex; flex-wrap:wrap; gap:8px; margin:.2em 0 1.2em}
.janru-ban button{
  min-height:44px; padding:8px 16px; font-size:.84rem; border-radius:999px;
  letter-spacing:.03em; font-weight:500;
}
.janru-ban button.erande{background:var(--omo); color:var(--omo-ji); border-color:var(--omo)}
.chiiki-ban button{font-size:.8rem; color:var(--usu)}
.chiiki-ban button.erande{color:var(--omo-ji)}

.omoide-bun{
  font-size:.9rem; line-height:1.85; color:var(--sumi); white-space:pre-wrap;
  overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; margin-top:2px;
}

nav#tabu{
  position:fixed; inset:auto 0 0 0; display:flex;
  z-index:30;
  padding:0 0 env(safe-area-inset-bottom);
  background:var(--kami);
  border-top:1px solid var(--waku);
}
nav#tabu a{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:9px 4px 8px; color:var(--usu); text-decoration:none;
  font-size:.68rem; font-weight:600; letter-spacing:.06em;
  border-top:2px solid transparent; margin-top:-1px;
}
nav#tabu a svg{width:24px; height:24px; display:block; stroke:currentColor; fill:none;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
nav#tabu a[aria-current="page"]{color:var(--sumi); border-top-color:var(--sumi)}
nav#tabu a[aria-current="page"] svg{stroke-width:2.1}

.chui{color:var(--usu); font-size:.8rem; line-height:1.8}
.kotae{
  display:inline-block; margin:.4em 0 0; padding:8px 15px; border-radius:999px;
  background:var(--omo-usu); color:var(--sumi); font-weight:600; font-size:.98rem;
  font-variant-numeric:tabular-nums; letter-spacing:.02em;
}
.kotae:empty{display:none}
.warui{
  color:var(--shirushi); font-weight:600; font-size:.86rem;
  background:var(--shirushi-usu); border-radius:var(--maru); padding:12px 15px; margin:.9em 0;
}
.yoi{
  color:var(--sumi); font-weight:600; font-size:.86rem;
  background:var(--omo-usu); border-radius:var(--maru); padding:12px 15px; margin:.9em 0;
}
.warui:empty,.yoi:empty,.shirase-kara{display:none}
.kieru{opacity:0; transform:translateY(-2px); pointer-events:none}
.yoi{transition:opacity .35s ease, transform .35s ease}
@media (prefers-reduced-motion: reduce){ .yoi{transition:none} }
.gaibu{
  display:inline-block; color:var(--sumi); font-weight:600; font-size:.84rem;
  text-decoration:none; border-bottom:1px solid var(--sumi); padding-bottom:2px; letter-spacing:.02em;
}
hr{border:0; border-top:1px solid var(--waku); margin:2.4em 0}

.kara{
  border:0; padding:44px 20px; text-align:center; color:var(--usu);
  font-size:.86rem; line-height:2;
}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}

.shashin-ban{
  display:grid; grid-template-columns:repeat(3,1fr); gap:3px;
  margin:1.2em -20px 0;
}
.koma{
  position:relative; padding:0; border:0; border-radius:0; background:var(--omo-usu);
  min-height:0; aspect-ratio:1; overflow:hidden; display:block; width:100%; cursor:pointer;
}
.koma img{width:100%; height:100%; object-fit:cover; display:block}
.koma-obi{
  position:absolute; left:0; right:0; bottom:0; padding:16px 8px 6px;
  background:linear-gradient(transparent, rgba(20,17,15,.72));
  color:#fff; font-size:.72rem; font-weight:600; line-height:1.35;
  text-align:left; letter-spacing:.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.koma-obi .hoshi{color:#FFC7D6; margin-right:2px}
.koma:active{opacity:.8}
@media (min-width:520px){ .shashin-ban{grid-template-columns:repeat(4,1fr); margin-left:0; margin-right:0} }

.gyo-oshi{
  display:flex; gap:8px; flex-wrap:nowrap; justify-content:flex-end;
  width:100%; margin-top:3px;
}
.gyo-oshi button{
  flex:0 0 auto; min-height:44px; padding:7px 15px;
  font-size:.78rem; white-space:nowrap; letter-spacing:.03em;
}
.mata{background:var(--omo); color:var(--omo-ji); border-color:var(--omo); font-weight:600}


.shirushi{
  color:var(--usu); font-size:.78rem; letter-spacing:.03em; line-height:1.7;
  margin-top:2px;
}
.naka .shirushi{font-size:.72rem}

.botan-fu{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:var(--oshi); padding:0 18px; border:1px solid var(--waku);
  border-radius:var(--maru); background:var(--men); color:var(--sumi);
  font-size:.92rem; font-weight:600; text-decoration:none; letter-spacing:.03em;
}

.botan-fu.usui{
  border:0; background:transparent; color:var(--usu); font-weight:500;
  font-size:.88rem; min-height:46px; letter-spacing:.04em;
  text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--waku);
}
.botan-fu:active{opacity:.72}

.nakami{
  white-space:pre-wrap; word-break:break-all; font-family:var(--oubun);
  font-size:.78rem; line-height:1.8; color:var(--usu);
  background:var(--omo-usu); border-radius:var(--maru); padding:12px 14px; margin:.4em 0 0;
}

.hako-todoita{
  background:var(--men); border:1px solid var(--waku); border-radius:var(--maru);
  box-shadow:var(--kage); padding:20px; margin:.6em 0 1.2em;
  display:flex; flex-direction:column; gap:6px; align-items:flex-start;
}
.todoita-na{font-size:1.3rem; font-weight:700; line-height:1.4; letter-spacing:.01em}

.hako-todoita:has(.todoita-e){
  display:grid; grid-template-columns:auto 1fr; gap:4px 16px; align-items:center;
}
.hako-todoita .todoita-e{
  grid-row:1 / span 3; width:112px; height:112px; object-fit:cover;
  border-radius:calc(var(--maru) - 6px); background:var(--omo-usu); display:block;
}
.todoita-e{max-width:100%; border-radius:calc(var(--maru) - 6px)}

.sagasu{display:flex; gap:8px; align-items:center; margin:.2em 0 .6em}
.sagasu input{
  flex:1; min-width:0; font:inherit; font-size:16px;
  min-height:var(--oshi); padding:0 14px;
  border:1px solid var(--waku); border-radius:var(--maru);
  background:var(--men); color:var(--sumi);
}
.sagasu button{flex:0 0 auto; white-space:nowrap; width:auto; min-width:0}
.sagasu button.omo{
  width:auto; min-height:var(--oshi); font-size:.88rem;
  padding:0 16px; letter-spacing:.04em;
}
.sagasu input{flex:1 1 auto}
@media (max-width:360px){
  .sagasu{flex-wrap:wrap}
  .sagasu input{flex:1 1 100%}
}


body.annai-chu #kanban,
body.annai-chu #tsukuri,
body.annai-chu .kokoku-obi,
body.annai-chu #tabu{display:none}
body.annai-chu main{padding-block:0}
body.annai-chu{padding-block:0}

.annai{
  display:flex; flex-direction:column; gap:12px;
  padding:2px 0 8px; min-height:0;
  height:calc(100dvh - 24px); justify-content:center;
  animation:annai-deru .34s ease-out both;
}
@media (prefers-reduced-motion:reduce){ .annai{animation:none} }
@keyframes annai-deru{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }

.annai-tama{display:flex; gap:7px; justify-content:center; padding:2px 0}
.annai-tama span{
  width:7px; height:7px; border-radius:50%; background:var(--waku);
  transition:background .18s, width .18s;
}
.annai-tama span.ima{background:var(--omo); width:22px; border-radius:99px}

.annai-fuda{
  background:var(--men); border:1px solid var(--waku); border-radius:var(--maru);
  box-shadow:var(--kage); padding:22px 18px 18px; text-align:center;
  display:flex; flex-direction:column; gap:9px; align-items:center;
  flex:0 1 auto; min-height:0; justify-content:center;
}
.annai > *{flex:0 0 auto}
.annai > .annai-fuda{flex:0 1 auto}
.annai-fuda.e-ari{padding:18px 16px 16px; gap:8px; justify-content:flex-start}
.annai-fuda.e-ari .annai-e{display:none}
.annai-fuda.tsuyoi{border-color:var(--shirushi); background:var(--shirushi-usu)}

.annai-e{font-size:40px; line-height:1}
.annai-fuda.e-ari .annai-e{font-size:28px}
.annai-fuda h1{font-size:1.26rem; line-height:1.5; letter-spacing:.01em; margin:0; text-wrap:balance}
.annai-hon{font-size:.98rem; line-height:1.8; margin:0}
.annai-fuda .chui{max-width:30em}

.annai-gamen{
  flex:0 1 auto; min-height:0;
  height:26vh; width:auto; max-width:236px;
  object-fit:cover; object-position:top;
  border:1px solid var(--waku); border-radius:calc(var(--maru) + 2px);
  box-shadow:0 2px 6px rgba(30,27,25,.06), 0 14px 34px -20px rgba(30,27,25,.45);
  margin:2px 0 4px; background:var(--kami);
}

.annai-oshi{display:flex; gap:10px; align-items:center}
.annai-oshi .usui{flex:0 0 auto; white-space:nowrap}
.annai-oshi .omo{flex:1}

.soto-tejun{
  background:var(--shirushi-usu); border:1px solid var(--shirushi);
  border-radius:var(--maru); padding:14px 16px; margin:14px 0 4px;
}
.soto-mi{margin:0 0 6px; font-size:.86rem; font-weight:700; color:var(--usu); letter-spacing:.02em}
.soto-michi{
  margin:0; font-size:1.04rem; font-weight:700; line-height:1.7; color:var(--sumi);
}

@media (max-height:620px){
  .annai-gamen{display:none}
  .annai-fuda{padding:12px 14px 10px; gap:6px}
  .annai-fuda h1{font-size:1.06rem}
  .annai-hon{font-size:.88rem; line-height:1.7}
}
@media (max-height:520px){
  .annai-koe{display:none}
  .annai-kazu{margin-bottom:6px}
  .annai{gap:8px}
  .annai-fuda h1{font-size:1rem}
  .annai-hon{font-size:.84rem; line-height:1.6}
  .annai-oshi .omo{min-height:44px}
}
@media (max-height:420px){
  body.annai-chu .dasanai{display:none}
  body.annai-chu .annai-kazu{display:none}
  .annai{gap:6px; padding:0 0 4px}
  .annai-fuda{padding:8px 12px 8px; gap:4px}
  .annai-fuda h1{font-size:.94rem; line-height:1.35}
  .annai-hon{font-size:.78rem; line-height:1.5}
  .annai-oshi{gap:8px}
  .annai > .usui.hirogeru{font-size:.8rem}
}
@media (max-height:720px){
  .annai-gamen{height:24vh; max-width:200px}
  .annai-fuda{padding:14px 14px 12px; gap:7px}
  .annai-e{font-size:26px}
  .annai-fuda h1{font-size:1.12rem}
  .annai-hon{font-size:.92rem}
}

@media (max-height:860px){
  .annai-fuda .chui{display:none}
}

.e-dame{
  aspect-ratio:1; display:flex; flex-direction:column; gap:8px;
  align-items:center; justify-content:center; text-align:center;
  background:var(--omo-usu); border-radius:var(--maru); padding:12px;
  color:var(--usu); font-size:.76rem; line-height:1.7;
}
.e-dame button{width:auto; min-height:44px; padding:0 14px; border:1px solid var(--waku)}

.renraku{display:flex; flex-direction:column; gap:8px; align-items:flex-start; margin:.6em 0 .2em}
.renraku .chui{line-height:1.8}

.narabi{display:flex; gap:10px; align-items:center; margin:0 0 1em}
.narabi label{font-size:.78rem; color:var(--usu); letter-spacing:.04em; white-space:nowrap}
.narabi select{
  flex:1; min-width:0; font:inherit; font-size:16px; min-height:44px; padding:0 12px;
  border:1px solid var(--waku); border-radius:var(--maru);
  background:var(--men); color:var(--sumi);
}

.dasanai{
  display:flex; gap:10px; align-items:center; justify-content:center;
  min-height:44px; font-size:.84rem; color:var(--usu); cursor:pointer;
}
.dasanai input{width:22px; height:22px; accent-color:var(--omo); flex:0 0 auto}
.ireru{width:100%; display:flex; flex-direction:column; gap:8px; align-items:center}
.tejun-e{
  margin:0; padding:0 0 0 1.3em; text-align:left; align-self:stretch;
  font-size:.86rem; line-height:1.9; color:var(--sumi);
}
.tejun-e li{margin:2px 0}

.tejun-gamen{
  display:block; width:100%; max-width:300px; height:auto;
  margin:10px 0 14px; background:var(--kami);
  border:1px solid var(--waku); border-radius:calc(var(--maru) + 2px);
  box-shadow:0 2px 6px rgba(30,27,25,.06), 0 14px 34px -20px rgba(30,27,25,.45);
}

.code{font-family:var(--oubun); letter-spacing:.14em; font-variant-numeric:tabular-nums}

.hajimete{
  background:var(--omo-usu); border-radius:var(--maru); padding:16px 18px;
  margin:.4em 0 1em; display:flex; flex-direction:column; gap:6px;
}
.hajimete .annai-hon{font-size:.94rem}
.code-chiisai{
  font-family:var(--oubun); letter-spacing:.14em; font-size:1rem; font-weight:700;
  color:var(--sumi); margin:.4em 0;
}

.botan-fu.omo-fu{
  background:var(--omo); color:var(--omo-ji); border-color:var(--omo);
  font-size:1rem; min-height:56px; letter-spacing:.06em; width:100%;
}

.sasoi{
  font-size:.95rem; line-height:1.85; color:var(--sumi); font-weight:600;
  border-left:3px solid var(--shirushi); padding-left:12px; margin-top:4px;
}

.mamoru{
  background:var(--shirushi-usu); border:1px solid var(--shirushi);
  border-radius:var(--maru); padding:16px 18px; margin:1em 0;
  display:flex; flex-direction:column; gap:8px;
}
.mamoru-midashi{font-weight:700; color:var(--sumi); font-size:.98rem; line-height:1.6}
.mamoru .gyo-oshi{margin-top:2px}


.sumi-fuda{
  display:flex; align-items:center; gap:8px;
  color:var(--sumi); font-weight:700; font-size:1rem; line-height:1.7;
  background:var(--omo-usu); border-radius:var(--maru); padding:14px 16px; margin:.2em 0 .8em;
}
.ireta-shirushi{
  font-size:1.24rem; font-weight:700; line-height:1.6; letter-spacing:.01em;
  color:var(--shirushi); margin:.4em 0 .2em;
}
.todoita-jusho{margin:.6em 0 1em; line-height:1.9}
.brand{
  color:var(--usu); font-size:.86rem; letter-spacing:.06em; text-align:center;
  margin:1.4em 0 .2em;
}


.kokoku-obi{
  position:relative; display:block; overflow:hidden; background:var(--men);
  width:auto; margin-left:-20px; margin-right:-20px; margin-bottom:0;
  border:0; border-radius:0;
}
.kokoku-obi.e-nashi{min-height:56px}

.kokoku-obi.ue{margin-top:-22px; border-bottom:1px solid var(--waku)}
.kokoku-obi.shita{margin-top:26px; border-top:1px solid var(--waku)}

.kokoku-obi.ue + .shuyaku{margin-top:10px}

.obi-men{
  position:absolute; inset:0; display:flex; align-items:center;
  transform:translateX(100%); opacity:0; pointer-events:none;
  transition:transform .55s cubic-bezier(.4,0,.2,1), opacity .35s ease;
}
.obi-men.ima{transform:translateX(0); opacity:1; pointer-events:auto}
.obi-men.deru{transform:translateX(-100%); opacity:0}
.obi-men:only-child{position:relative; inset:auto; transform:none; opacity:1; pointer-events:auto}

.obi-oshi{
  display:flex; flex-direction:column; gap:2px; justify-content:center;
  width:100%; height:100%; padding:9px 16px;
  text-decoration:none; color:var(--sumi);
}
.obi-mi{font-size:.9rem; font-weight:600; letter-spacing:.02em; line-height:1.45}
.obi-setsu{font-size:.72rem; color:var(--usu); letter-spacing:.04em}
.obi-oshi:active{opacity:.72}

.obi-kokoku{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; padding:6px 10px; overflow:hidden;
}
.obi-kokoku img{max-width:100%; height:auto; display:block}
.obi-tsuiseki{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
.obi-kokoku a{color:var(--sumi); font-size:.85rem; line-height:1.5}

a.obi-pr{text-decoration:none}
.obi-pr{
  position:absolute; top:5px; right:7px; z-index:2;
  font:700 10px/1 var(--oubun); letter-spacing:.12em;
  color:var(--usu); background:var(--kami);
  border:1px solid var(--waku); border-radius:3px; padding:2px 5px;
}

@media (prefers-reduced-motion: reduce){
  .obi-men{transition:none}
}


.mise-oshi{
  color:inherit; text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:var(--waku); display:inline-block; padding:1px 0;
}
.mise-oshi:active{opacity:.72}

.kimari{
  display:flex; gap:18px; justify-content:center; flex-wrap:wrap;
  margin:22px 0 0; padding-top:4px;
}
.kimari a{font-size:.8rem; color:var(--usu); text-decoration:underline;
  text-underline-offset:3px; text-decoration-color:var(--waku)}


.shiori{
  min-height:44px; padding:8px 12px; font-size:1.05rem; line-height:1;
  border:1px solid var(--waku); border-radius:var(--maru); background:var(--men);
  filter:grayscale(1); opacity:.45;
}
.shiori.tsuita{filter:none; opacity:1; border-color:var(--shirushi); background:var(--shirushi-usu)}
.shiori:active{opacity:.72}
.gyo-oshi .shiori{font-size:1.4rem; padding:6px 12px; opacity:.55}
.gyo-oshi .shiori.tsuita{opacity:1}

img.ikitai-e{
  display:block; width:100%; max-width:100%; height:auto; max-height:min(70vh,560px);
  object-fit:contain;
  border-radius:var(--maru); background:var(--omo-usu); margin:.6em 0 .3em;
}

.ikitai-shashin{margin:.4em 0 1em}
.ikitai-shashin .ikitai-e{
  width:112px; aspect-ratio:1; object-fit:cover; border-radius:2px;
  display:block; background:var(--men); margin:0 0 .6em;
}

.hako-chui{
  background:var(--shirushi-usu); border:1px solid var(--waku);
  border-radius:var(--maru); padding:12px 15px; margin:.9em 0;
}
.hako-chui .warui{background:transparent; padding:0; margin:0 0 .7em}

.gyo-oshi{flex-wrap:wrap}
.okuru-gyo{justify-content:stretch}
.okuru-gyo>*{flex:1 1 100%; width:auto; text-align:center}
.okuru-gyo>.omo-fu{order:-1}

.haru-hako{
  width:100%; min-height:88px; padding:12px; font-size:16px;
  border:1px solid var(--waku); border-radius:var(--maru);
  background:var(--men); color:var(--sumi); margin:.4em 0 .8em;
}
.bangou-fuda{margin:1em 0}
.bangou-fuda:empty{display:none}
.bangou{
  font-size:1.5rem; font-weight:700; letter-spacing:.22em;
  text-align:center; margin:.3em 0 .6em; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--omo-usu); border-radius:var(--maru); padding:14px 10px;
}


.annai-koe{
  margin:0; text-align:center; font-size:1.02rem; font-weight:700;
  letter-spacing:.02em; color:var(--shirushi); line-height:1.5;
}
.annai-kazu{display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:14px}
.annai-nan{
  font-size:.78rem; color:var(--usu, #6E6560); font-weight:700;
  font-variant-numeric:tabular-nums; letter-spacing:.06em;
}

.annai-fuda{animation:fuda-deru .34s cubic-bezier(.22,.9,.3,1) both}
@keyframes fuda-deru{
  from{opacity:0; transform:translateY(14px) scale(.985)}
  to{opacity:1; transform:none}
}
.annai-e{animation:e-deru .42s .06s cubic-bezier(.22,.9,.3,1) both}
@keyframes e-deru{
  from{opacity:0; transform:translateY(6px) rotate(-6deg) scale(.86)}
  to{opacity:1; transform:none}
}

.kansei{animation:kansei .5s cubic-bezier(.22,.9,.3,1) both}
@keyframes kansei{
  0%{opacity:0; transform:translateY(10px) scale(.94)}
  60%{transform:translateY(0) scale(1.03)}
  100%{opacity:1; transform:none}
}

@media (prefers-reduced-motion: reduce){
  .annai-fuda, .annai-e, .kansei{animation:none}
}

ul.hyo li>.shita-gyo{
  grid-column:1 / -1; margin:10px 0 0; padding:10px 0 0;
  border-top:1px solid var(--waku);
}
ul.hyo li>.shita-gyo .gyo-oshi{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0;
}
ul.hyo li>.shita-gyo .gyo-oshi>*{flex:0 1 auto}

img.logo-kawari{
  object-fit:contain !important; padding:16px; background:var(--omo-usu);
}

.maku-toi{
  position:fixed; inset:0; z-index:60; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(30,27,25,.5); backdrop-filter:blur(2px);
  animation:toi-deru .22s ease-out;
}
.toi-hako{
  background:var(--kami); border-radius:16px; padding:24px 20px 20px; max-width:360px; width:100%;
  box-shadow:0 24px 60px -20px rgba(30,27,25,.6); text-align:center;
  animation:toi-agaru .26s cubic-bezier(.2,.85,.25,1);
}
.toi-hako h2{font-size:1.1rem; margin:12px 0 8px}
.toi-hako .chui{text-align:left}
.toi-logo{width:64px; height:64px; object-fit:contain; margin:0 auto}
.toi-hako .gyo-oshi{display:flex; gap:10px; margin:18px 0 0}
.toi-hako .gyo-oshi>*{flex:1 1 0}
.toi-hako .tejun-e{text-align:left; margin:14px 0 0}
@keyframes toi-deru{from{opacity:0}to{opacity:1}}
@keyframes toi-agaru{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
  .maku-toi,.toi-hako{animation:none}
}

.toi-tejun:empty{display:none}
.toi-tejun{
  text-align:left; margin:14px 0 0; padding:14px 16px;
  background:var(--omo-usu); border-radius:12px;
}
.toi-tejun .tejun-e{margin:0}
.toi-tejun .tejun-e li{margin:0 0 8px}
.toi-tejun .tejun-e li:last-child{margin:0}
.toi-tejun .chui{margin:10px 0 0}
.toi-hako{max-height:calc(100vh - 40px); overflow:auto; overscroll-behavior:contain}

details.haru-kuchi{
  border:1px solid var(--waku); border-radius:12px; padding:0 14px; margin:0 0 4px;
  background:var(--kami);
}
details.haru-kuchi>summary{
  cursor:pointer; padding:14px 0; font-weight:600; font-size:.95rem; list-style:none;
}
details.haru-kuchi>summary::-webkit-details-marker{display:none}
details.haru-kuchi>summary::after{content:" ＋"; color:var(--usu)}
details.haru-kuchi[open]>summary::after{content:" －"}
details.haru-kuchi[open]{padding-bottom:14px}
details.haru-kuchi input[type=url]{width:100%; margin:0 0 10px}
details.haru-kuchi .gyo-oshi{display:flex; flex-wrap:wrap; gap:8px; margin:0}
details.haru-kuchi .gyo-oshi>*{flex:1 1 auto}

details.sagasu-kuchi input[type=search]{width:100%; margin:0 0 10px}
.sagashita{margin:12px 0 0}
.sagashita:empty{display:none}
.sagashita-gyo{
  border-top:1px solid var(--waku); padding:12px 0 0; margin:12px 0 0;
}
.sagashita-gyo:first-child{border-top:0; padding-top:0; margin-top:0}
.sagashita-gyo .mise{margin:0 0 2px}
.sagashita-gyo .tsuki{margin:0 0 4px}
.sagashita-gyo .chui{margin:0 0 10px}
.sagashita-gyo .gyo-oshi{display:flex; flex-wrap:wrap; gap:8px; margin:0}
.sagashita-gyo .gyo-oshi>*{flex:1 1 auto}

.cse-hako{margin:12px 0 0}
.cse-hako:empty{display:none}
.cse-hako .gsc-control-cse{padding:0; background:transparent; border:0; font-family:inherit}
.cse-hako table{max-width:100%}
.cse-hako img{max-width:100%; height:auto}

.cse-hako .gsc-webResult.gsc-result{
  margin:0 0 10px; padding:12px 12px 10px;
  border:1px solid var(--waku); border-radius:14px; background:var(--men);
}
.cse-hako .gsc-webResult.gsc-result,
.cse-hako .gsc-results .gsc-webResult{border-bottom:0}
.cse-hako .gsc-result:hover,
.cse-hako .gsc-webResult.gsc-result:hover{border-color:var(--waku); background:var(--men)}
.cse-hako .gs-webResult.gs-result{
  display:grid; grid-template-columns:auto minmax(0, 1fr);
  align-items:start; padding:0;
}
.cse-hako .gsc-table-result,
.cse-hako .gsc-table-cell-snippet-close{padding:0; margin:0}
.cse-hako .gsc-table-cell-thumbnail.gsc-thumbnail{
  grid-column:1; grid-row:1 / -1;
  float:none; width:76px; padding:0; margin:2px 12px 2px 0;
}
.cse-hako .gsc-thumbnail-inside,
.cse-hako .gsc-url-top,
.cse-hako .gsc-table-result{grid-column:2; min-width:0}
.cse-hako .gs-image-box{
  display:block; width:76px; height:76px; overflow:hidden;
  border-radius:10px; background:var(--omo-usu);
}
.cse-hako img.gs-image{
  width:76px; height:76px; max-width:none; max-height:none;
  object-fit:cover; border-radius:10px;
}

.cse-hako a.gs-title,
.cse-hako .gs-title{
  height:auto; overflow:visible; text-overflow:clip; text-decoration:none;
}
.cse-hako a.gs-title{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:1.02rem; font-weight:700; line-height:1.45; color:var(--sumi);
}
.cse-hako a.gs-title,
.cse-hako a.gs-title b,
.cse-hako .gs-title a,
.cse-hako .gs-title a b{color:var(--sumi) !important; font-weight:700}
.cse-hako a.gs-title:active{opacity:.65}

.cse-hako .gs-visibleUrl-long,
.cse-hako .gs-visibleUrl-breadcrumb{display:none !important}
.cse-hako .gsc-url-top .gs-visibleUrl-short{display:block !important}
.cse-hako .gs-visibleUrl-short{
  width:fit-content; margin:5px 0 0; padding:2px 9px;
  font-size:.72rem; line-height:1.7; color:var(--usu);
  background:var(--omo-usu); border-radius:999px;
}
.cse-hako .gs-snippet{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin:6px 0 0; font-size:.82rem; line-height:1.7; color:var(--usu);
}

.cse-hako .gyo-tasu{clear:both}

.cse-hako .gsc-above-wrapper-area{display:none}

.cse-hako .gsc-cursor-box{margin:6px 0 2px; text-align:center}
.cse-hako .gsc-cursor-page{
  display:inline-block; min-width:44px; min-height:44px; padding:11px 8px;
  border:1px solid var(--waku); border-radius:10px; margin:0 3px 6px;
  color:var(--sumi); text-decoration:none; font-size:.86rem;
}
.cse-hako .gsc-cursor-current-page{border-color:var(--omo); background:var(--omo-usu); font-weight:700}

.cse-hako .gcsc-more-maybe-branding-root{margin:8px 0 0; opacity:.75}
.eranda:empty{display:none}
.eranda{
  margin:12px 0 0; padding:14px; border-radius:12px;
  background:var(--omo-usu); border:1px solid var(--waku);
}
.eranda .mise{margin:0 0 2px}
.eranda .tsuki{margin:0 0 10px}
.eranda .gyo-oshi{display:flex; flex-wrap:wrap; gap:8px; margin:0}
.eranda .gyo-oshi>*{flex:1 1 auto}

.kuchi-fuda{margin:26px 0 8px}
.kuchi-fuda:first-of-type{margin-top:14px}
.kuchi-fuda h2{margin:0 0 4px; font-size:1.02rem; letter-spacing:.02em}
.kuchi-fuda .chui{margin:0}

.sagasu-gyo{display:flex; gap:8px; align-items:stretch; margin:0 0 10px}
.sagasu-gyo input[type=search]{flex:1 1 auto; width:auto; min-width:0; margin:0}
.sagasu-gyo button{flex:0 0 auto; width:auto; min-width:96px; white-space:nowrap; margin:0}

.gyo-tasu{margin:8px 0 14px}
.gyo-tasu button{width:100%}

details.hirakippa>summary{display:none}
details.hirakippa{padding-top:14px}

.atarashii-ban{
  position:fixed; left:12px; right:12px;
  bottom:calc(72px + env(safe-area-inset-bottom, 0px));
  z-index:70; display:flex; gap:10px; align-items:center; justify-content:space-between;
  padding:10px 12px; border-radius:12px;
  background:var(--men); border:1px solid var(--waku);
  box-shadow:0 12px 30px -12px rgba(30,27,25,.45);
  font-size:.84rem;
}
.atarashii-ban button{width:auto; min-height:44px; padding:8px 16px; margin:0; white-space:nowrap}

.junni-fuda{
  display:inline-block; min-width:2.4em; margin-right:6px; padding:1px 7px;
  border-radius:999px; background:var(--omo); color:var(--kami);
  font-size:.72rem; font-weight:700; letter-spacing:.02em; text-align:center;
  vertical-align:.08em;
}
ul.hyo li:first-child .junni-fuda{background:var(--shirushi)}
.gyo-oshi button[disabled]{opacity:.4}

.besuto-e{
  min-height:52px; margin-top:10px; font-size:1rem; letter-spacing:.05em;
  border-color:var(--omo);
}

.iwai{
  text-align:center; margin:8px 0 22px; padding:26px 18px 22px;
  border:1px solid var(--waku); border-radius:18px;
  background:linear-gradient(180deg, var(--omo-usu) 0%, var(--kami) 78%);
}
.iwai-e{
  font-size:2.6rem; line-height:1; margin:0 0 10px;
  animation:iwai-fuwa .7s cubic-bezier(.2,.9,.3,1.2) both;
}
.iwai h1{margin:0; font-size:1.24rem; letter-spacing:.03em; line-height:1.6}
.iwai-waki{
  margin:10px auto 0; max-width:24em;
  font-size:.84rem; line-height:1.9; color:var(--usu);
}
@keyframes iwai-fuwa{
  from{opacity:0; transform:translateY(10px) scale(.86)}
  to{opacity:1; transform:none}
}
@media (prefers-reduced-motion: reduce){ .iwai-e{animation:none} }

.sasoi{margin:6px 0 20px}
.sasoi h1{margin:0 0 8px}
.sasoi-hon{margin:0 0 16px; font-size:.92rem; line-height:1.9; color:var(--usu)}
.sasoi-hako{
  list-style:none; margin:0; padding:16px 16px 14px;
  border:1px solid var(--waku); border-radius:14px; background:var(--men);
}
.sasoi-hako li{
  font-size:.84rem; line-height:1.85; color:var(--usu);
  padding:7px 0; border-bottom:1px solid var(--waku);
}
.sasoi-hako li:last-child{border-bottom:0; padding-bottom:0}
.sasoi-hako b{color:var(--sumi); font-size:.88rem; letter-spacing:.02em}

.iwai-shirase{
  display:flex; gap:11px; align-items:flex-start;
  margin:4px 0 18px; padding:12px 14px;
  border:1px solid var(--waku); border-left:3px solid var(--shirushi);
  border-radius:12px; background:var(--men);
  animation:iwai-shirase-deru .5s cubic-bezier(.2,.9,.3,1) both;
}
.iwai-shirase-e{font-size:1.16rem; line-height:1.5}
.iwai-shirase-naka{display:flex; flex-direction:column; gap:3px; min-width:0}
.iwai-shirase-naka b{font-size:.92rem; letter-spacing:.02em; line-height:1.5}
.iwai-shirase-waki{font-size:.76rem; line-height:1.7; color:var(--usu)}
@keyframes iwai-shirase-deru{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){ .iwai-shirase{animation:none} }

.kazu-obi{
  display:flex; align-items:baseline; gap:7px; flex-wrap:wrap;
  margin:26px 0 6px; padding:0 2px;
}
.kazu-hitotsu{font-size:.8rem; color:var(--usu); letter-spacing:.02em}
.kazu-hitotsu b{
  font-size:1.5rem; font-weight:700; color:var(--sumi);
  letter-spacing:.01em; margin-right:1px; font-variant-numeric:tabular-nums;
}
.kazu-shikiri{color:var(--waku); font-size:1.1rem}
.kazu-setsu{font-size:.76rem; color:var(--usu); margin-left:2px}

.tsunagu-ran { margin: 12px 0; }
.tsunagu-bangou {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 1.6rem; font-weight: 700; letter-spacing: .12em;
  text-align: center; margin: 10px 0 6px; user-select: all;
}
.tsunagu-hako {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 1.1rem; letter-spacing: .08em; width: 100%;
  padding: 10px 12px; margin: 6px 0;
}

.sumi.mada, .mada {
  color: var(--warui, #a33);
  font-weight: 600;
}

main h1, .mise, .tsuki, .todoita-na, .yomu-nikki, figcaption, ul.hyo li>span{
  overflow-wrap:anywhere;
}

.yomu-shashin img.oshite-okiku{cursor:zoom-in}
.zenmen-shashin{
  position:fixed; inset:0; z-index:70; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px;
  padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
  background:rgba(12,10,9,.92); animation:toi-deru .18s ease-out;
}
.zenmen-shashin img{
  display:block; max-width:100%; max-height:calc(100% - 96px); width:auto; height:auto;
  object-fit:contain; border-radius:6px; background:transparent;
}
.zenmen-setsu{color:#F4EFEA; font-size:.85rem; line-height:1.7; margin:0; max-width:640px;
  text-align:center; overflow-wrap:anywhere}
.zenmen-tojiru{min-width:160px; background:#F4EFEA; color:#1E1B19; border:0}
@media (prefers-reduced-motion:reduce){ .zenmen-shashin{animation:none} }

#kanban .logo-kurai{display:none}
:root[data-theme="dark"] #kanban .logo-akarui{display:none}
:root[data-theme="dark"] #kanban .logo-kurai{display:block}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #kanban .logo-akarui{display:none}
  :root:not([data-theme="light"]) #kanban .logo-kurai{display:block}
}

th.oru,td.oru{white-space:normal; overflow-wrap:anywhere; min-width:6em}

.shashin .junban-gyo{display:flex; gap:6px; margin-top:5px}
.shashin .junban-gyo>button{flex:1 1 0; width:auto; min-width:0; margin-top:0; white-space:nowrap; padding:6px 4px}

.koma-obi{padding-bottom:0; border-bottom:6px solid transparent; background-origin:border-box; overflow-wrap:anywhere}