@charset "UTF-8";
/*
 * TUTURIGACHI 2013 / nogisu design
 * Copyright (C) 2013 Tuturigachi Language Solutions Corp. All Rights Reserved.
 * 音数かぞえ 2013（2026 ブラウザ版）
 */
.t-onsu__kata { display: inline-block; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; letter-spacing: 0.08em; color: var(--fukagawa-teal-800); background: var(--fukagawa-teal-100); border: 1px solid var(--fukagawa-teal-300); border-radius: 2px; }
.t-onsu__all { display: inline-block; padding: 0 8px; font-size: 12px; font-weight: bold; line-height: 20px; border-radius: 2px; }
.t-onsu__all.is-ok { color: #fff; background: linear-gradient(var(--fukagawa-teal-500), var(--fukagawa-teal-700)); }
.t-onsu__all.is-off { color: var(--sumi); background: linear-gradient(#fff, oklch(0.93 0.006 210)); border: 1px solid var(--jimu-gray-300); }
.t-onsu__gloss, .t-onsu__hint { margin: -4px 0 10px; font-size: 12px; line-height: 1.7; color: var(--sumi-sub); }
.t-onsu__lines { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--jimu-gray-200); }
.t-onsu__line { padding: 9px 4px 10px; border-bottom: 1px dotted var(--jimu-gray-300); }
.t-onsu__head { display: flex; align-items: baseline; gap: 10px; margin: 0 0 6px; }
.t-onsu__name { flex: none; min-width: 3.4em; font-size: 11px; font-weight: bold; color: var(--kusumi-gold-700); }
.t-onsu__text { font-size: 16px; line-height: 1.5; letter-spacing: 0.04em; color: var(--sumi); overflow-wrap: anywhere; }
.t-onsu__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; padding-left: calc(3.4em + 10px); }
.t-onsu__sounds { display: inline-flex; flex-wrap: wrap; gap: 2px; }
.t-onsu__cell {
  min-width: 22px; height: 24px; padding: 0 3px; box-sizing: border-box; text-align: center;
  font: 13px/22px var(--font-agency-ja); color: var(--sumi);
  background: linear-gradient(#fff, oklch(0.96 0.004 210)); border: 1px solid var(--jimu-gray-300); border-radius: 2px;
}
.t-onsu__count { font: bold 13px var(--font-dates); color: var(--fukagawa-teal-800); white-space: nowrap; }
.t-onsu__verdict { padding: 0 7px; font-size: 11px; line-height: 18px; white-space: nowrap; border-radius: 2px; }
.t-onsu__verdict.is-ok { color: var(--fukagawa-teal-800); background: var(--fukagawa-teal-100); border: 1px solid var(--fukagawa-teal-300); }
.t-onsu__verdict.is-over { color: oklch(0.45 0.1 60); background: oklch(0.97 0.03 85); border: 1px solid var(--kusumi-gold-300); }
.t-onsu__verdict.is-under { color: var(--notice-red); background: oklch(0.97 0.02 25); border: 1px solid oklch(0.8 0.08 25); }
.t-onsu__fill { margin: 10px 0 0 calc(3.4em + 10px); padding: 9px 12px 8px; background: var(--shironezumi-50); border: 1px solid var(--jimu-gray-200); border-radius: 2px; }
.t-onsu__fillhead { margin: 0 0 7px; font-size: 12px; color: var(--sumi-sub); }
.t-onsu__words { display: flex; flex-wrap: wrap; gap: 5px 6px; margin: 0; padding: 0; list-style: none; }
.t-onsu__word {
  display: inline-flex; align-items: baseline; gap: 5px; min-height: 28px; margin: 0; padding: 2px 9px; cursor: pointer;
  font: 14px/1.5 var(--font-agency-ja); color: var(--sumi); text-shadow: 0 1px 0 #fff;
  border: 1px solid oklch(0.78 0.01 210); border-radius: 3px; background: linear-gradient(#fff, oklch(0.94 0.005 210));
}
.t-onsu__word small { font-size: 10px; color: var(--sumi-sub); }
.t-onsu__word:hover { background: linear-gradient(#fff, var(--fukagawa-teal-100)); }
.t-onsu__word:focus-visible { outline: 2px solid var(--fukagawa-teal-700); outline-offset: 1px; }
.t-onsu__wait { font-size: 12px; color: var(--sumi-sub); }
.t-onsu__fillfoot { margin: 7px 0 0; font-size: 12px; }
.t-onsu__status { margin-left: 8px; font-size: 11px; color: var(--fukagawa-teal-800); }
.t-onsu__note { margin: 12px 0 0; font-size: 11px; line-height: 1.7; color: var(--sumi-sub); }
@media (max-width: 760px) {
  .t-fluid .t-onsu__row, .t-fluid .t-onsu__fill { padding-left: 0; margin-left: 0; }
  .t-fluid .t-onsu__fill { margin-top: 10px; }
  .t-fluid .t-onsu__word { min-height: 36px; padding: 4px 11px; }
}