/* 翻訳 */
.translation {
    margin:0;
    padding:0;
    position:absolute;
    top:20px;
    right:20px;
    gap:20px;
}
.translation li {
    margin:0;
    padding:0;
}
.translation li a {
    background:var(--color-beige);
    border:none;
    padding:5px 10px;
    transition: 0.4s;
    line-height:1;
    border-radius:6px;
    text-decoration: none;
}
.translation li a:hover ,
html[lang="ja"] .translation li a[href*="lang=ja"],
html[lang="en"] .translation li a[href*="lang=en"],
html[lang="ko"] .translation li a[href*="lang=ko"],
html[lang="zh-CN"] .translation li a[href*="lang=zh-CN"],
html[lang="zh-TW"] .translation li a[href*="lang=zh-TW"] {
    background:var(--color-red);
    color:var(--color-beige);
}
@media (width <= 520px) {
    .translation {
        top:20px;
        right:0;
        justify-content:space-between;
        gap:5px;
        font-size:0.8em;
        padding:0 10px;
    }
    .translation li a {
        padding:5px 10px;
        white-space: nowrap;
    }
}