/* 일본어판 법무 페이지(11/3): ../legal.css 위에 일본어 글꼴, 줄바꿈, 글자로 된 꾸밈.
   keep-all은 띄어쓰기 없는 일본어를 줄바꿈하지 못하게 해서 normal + strict로.
   글꼴은 화면과 같은 Zen Maru Gothic(../../app/fonts-z.css, 500과 700), 없으면 히라기노 둥근 고딕 */
:root { --ft: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", "NanumSquareRound", sans-serif; --fh: var(--ft); --fhw: 700; }
html, body { word-break: normal; line-break: strict; overflow-wrap: anywhere; letter-spacing: 0.01em; }
body { line-height: 1.85; }
.call a::after { content: "電話"; flex: none; white-space: nowrap; margin-left: 12px; }
details.toc summary::after { content: "ひらく"; }
details.toc[open] summary::after { content: "とじる"; }
@media (min-width: 441px) { dl.kv { grid-template-columns: 9.5em 1fr; } }

/* 위 막대: 돌아가기 글은 한 줄, 가게 이름은 오른쪽에 맞춰 두 줄까지 */
.top .back { white-space: nowrap; flex: none; }
.top .brand { min-width: 0; line-height: 1.3; text-align: right; }
.top .brand { font-size: 12.5px; }
.top .brand { word-break: keep-all; }
.nw { white-space: nowrap; }