/* 美名家 多言語（日本語/EN/中文/한국어）切替UI
   ヘッダーに常時表示される .lang-switch（ドロップダウン式）のスタイル。
   臙脂×金の落ち着いたトーンに合わせる（広島っ子 i18n.css の型を踏襲）。
   ※装飾アニメ(anim.css/anim.js)は社長指示で撤去・原型デザイン維持。本ファイルは
   言語切替という機能そのもののスタイルであり装飾ではないため残す。 */
.lang-switch{position:relative;font-family:'Zen Maru Gothic',sans-serif}
.lang-current{display:flex;align-items:center;gap:5px;background:none;border:1px solid rgba(91,9,0,.28);
  border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ck-maroon);font-size:12.5px;font-weight:700}
.lang-current:hover{opacity:.75}
.lang-current svg{width:14px;height:14px;flex:0 0 auto}
.lang-current .lang-code{letter-spacing:.04em}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:132px;background:#fff;
  border:1px solid rgba(91,9,0,.14);border-radius:8px;box-shadow:0 14px 34px rgba(58,5,0,.18);
  padding:6px;display:none;flex-direction:column;gap:2px;z-index:400;list-style:none}
.lang-switch.open .lang-menu{display:flex}
.lang-menu button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:5px;
  padding:9px 12px;font-size:13.5px;color:var(--ck-ink);cursor:pointer;font-family:'Zen Maru Gothic',sans-serif}
.lang-menu button:hover{background:var(--ck-paper)}
.lang-menu button.is-active{color:var(--ck-red);font-weight:700}
.lang-notice{font-size:10.5px;line-height:1.6;color:#9c8672;padding:8px 10px 2px;border-top:1px solid rgba(91,9,0,.1);margin-top:4px}

@media (max-width:1023px){
  .lang-current{padding:5px 10px;font-size:11.5px}
  .lang-menu{right:auto;left:0}
}

/* 2026-07-28 タップ領域44px確保（SP） */
@media (max-width:767px){
  .lang-current{min-height:44px}
}