/* 承認済みテーマ切替: ダークはC・マッカレルタビー、ライトは黒猫。 */
.evening{
  --cat:#ABAEA7;
  --cat-eye:#B9AE5E;
  --cat-mark:#4E504A;
  --cat-mark2:#D6D9D2;
  --cat-pattern:C;
}

.evening.theme-light{
  --cat:#121714;
  --cat-eye:#d9ba72;
  --cat-mark:#121714;
  --cat-mark2:#121714;
  --cat-pattern:none;
  --border:#D8CBAEcc;
  background:#FAF5EA;
  color:#2A2620;
}

.evening.theme-light .v-header{background:#FAF5EA;color:#2A2620;border-bottom-color:#D9CDB5}
.evening.theme-light .nav-outline{border-color:#8a6a3d66}
.evening.theme-light .v-header nav{background:#FAF5EA;border-color:#D9CDB5;box-shadow:0 12px 20px #0000000f}
.evening.theme-light .e-hero{background-color:#FAF5EA}
.evening.theme-light .e-hero:before{background:linear-gradient(90deg,#FAF5EAf2 0%,#FAF5EAcf 32%,#FAF5EA2e 70%),linear-gradient(0deg,#FAF5EAd9,transparent 30%)}
.evening.theme-light .e-hero .kicker{color:#8a6a3d}
.evening.theme-light h1{color:#241f18}
.evening.theme-light em{color:#8a5a2e}
.evening.theme-light .hero-detail{color:#4a4438}
.evening.theme-light .e-hero .line-link{color:#241f18}
.evening.theme-light .hero-bottom{color:#6b6252}
.evening.theme-light .hero-bottom>a{border-left-color:#c9b98f}
.evening.theme-light .e-cats{filter:none;mix-blend-mode:multiply;opacity:.85}
.evening.theme-light .reading{color:#4a4438}
.evening.theme-light .serif-note{color:#8a6a3d}
.evening.theme-light .e-product-copy .kicker{color:#8a6a3d}
.evening.theme-light .e-product-copy>p{color:#4a4438}
.evening.theme-light .kabucho-cover{background:#EDE6D2;color:#3a3226}
.evening.theme-light .ledger-rule{border-color:#b9a97c}
.evening.theme-light .conditions{color:#4a4438}
.evening.theme-light .e-latest{background:#F4EEE0;color:#2A2620}
.evening.theme-light .latest-heading .kicker{color:#8a6a3d}
.evening.theme-light .latest-list{border-top-color:#D9CDB5}
.evening.theme-light .latest-item{border-bottom-color:#D9CDB5}
.evening.theme-light .latest-type,
.evening.theme-light .latest-item time{color:#8a7a5a}
.evening.theme-light .latest-all{border-bottom-color:#c9b98f}
.evening.theme-light .e-entry-choice{background:#F4EEE0;border-top-color:#D9CDB5}
.evening.theme-light .entry-choice-title{color:#8a6a3d}
.evening.theme-light .entry-choice-item{border-color:#D9CDB5;color:#2A2620}
.evening.theme-light .entry-choice-item:hover{border-color:#8a6a3d99;background:#8a6a3d10}
.evening.theme-light .entry-choice-item.is-primary{border-color:#8a6a3d99;background:#8a6a3d14}
.evening.theme-light .entry-choice-desc{color:#5b5548}
.evening.theme-light .v-footer{border-top-color:#D9CDB5}
.evening.theme-light .v-footer>div>p{color:#5b5548}
.evening.theme-light .footer-last{color:#5b5548;border-top-color:#D9CDB5}

.theme-toggle{display:inline-flex;align-items:stretch;border:1px solid currentColor;border-radius:999px;overflow:hidden;flex-shrink:0}
.theme-toggle button{appearance:none;border:0;background:transparent;color:inherit;font:12px/1.4 "Noto Sans JP","Yu Gothic",sans-serif;letter-spacing:.06em;padding:11px 16px;min-height:44px;min-width:60px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s,color .2s}
.theme-toggle button+button{border-left:1px solid currentColor}
.evening:not(.theme-light) .theme-toggle button[aria-pressed="true"]{background:#f7f1e7;color:#121710}
.evening.theme-light .theme-toggle button[aria-pressed="true"]{background:#2A2620;color:#FAF5EA}
.theme-toggle button:focus-visible{outline:3px solid #e6a551;outline-offset:2px}
.theme-toggle .tt-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}

@media(max-width:1100px){
  .evening .v-menu{display:block;background:transparent;color:inherit;border:1px solid currentColor;padding:6px 10px;font-size:13px;white-space:nowrap}
  .evening .v-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#24231f;border-bottom:1px solid #8a9372;box-shadow:0 12px 20px #0003;flex-direction:column;gap:0;align-items:stretch}
  .evening .v-header nav.is-open{display:flex}
  .evening .v-header nav a{padding:12px 0}
  .evening .v-header nav .nav-outline{border:0}
}
@media(max-width:700px){.theme-toggle button{padding:10px 12px;min-width:52px;font-size:11px}}
@media(max-width:600px){
  .evening .v-header{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:8px}
  .evening .warm-logo{order:1}
  .evening .v-menu{order:2}
  .theme-toggle{order:3;margin:0 auto}
  .evening .v-header nav{top:100%}
}

@media (hover:hover) and (pointer:fine){
  body.evening.theme-light{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cline%20x1%3D%228%22%20y1%3D%2227%22%20x2%3D%2220%22%20y2%3D%229%22%20stroke%3D%22%234a3826%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%236b5636%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%209C22%205%2022%203%2020%201%22%2F%3E%3Cpath%20d%3D%22M20%209C24%207%2026%205%2027%202%22%2F%3E%3Cpath%20d%3D%22M20%209C25%2010%2028%209%2030%206%22%2F%3E%3Cpath%20d%3D%22M20%209C24%2013%2026%2015%2026%2018%22%2F%3E%3Cpath%20d%3D%22M20%209C21%2014%2020%2017%2017%2019%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%229%22%20r%3D%221.5%22%20fill%3D%22%234a3826%22%2F%3E%3C%2Fsvg%3E") 8 27,auto}
  body.evening.theme-light a,
  body.evening.theme-light button,
  body.evening.theme-light summary,
  body.evening.theme-light [role="button"]{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cline%20x1%3D%228%22%20y1%3D%2227%22%20x2%3D%2220%22%20y2%3D%229%22%20stroke%3D%22%234a3826%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238a6c4a%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%209C22%205%2022%203%2020%201%22%2F%3E%3Cpath%20d%3D%22M20%209C24%207%2026%205%2027%202%22%2F%3E%3Cpath%20d%3D%22M20%209C25%2010%2028%209%2030%206%22%2F%3E%3Cpath%20d%3D%22M20%209C24%2013%2026%2015%2026%2018%22%2F%3E%3Cpath%20d%3D%22M20%209C21%2014%2020%2017%2017%2019%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%229%22%20r%3D%221.5%22%20fill%3D%22%234a3826%22%2F%3E%3C%2Fsvg%3E") 8 27,pointer}
}