/* ================================
   Header layout (PC)
================================ */

/* 日本語メニューがロゴとぶつからないように */
html[lang^="ja"] .comp__navigation .nav > li > a{
    font-size: 0.90em;
    letter-spacing: .02em;
  }

  /* PC：ナビ横並び */
  @media (min-width: 992px){
    .header-right{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:18px;
    }

    .comp__navigation{
      display:flex;
      align-items:center;
      gap:18px;
    }

    .comp__navigation .nav{
      display:flex;
      align-items:center;
    }
  }


  /* ================================
     Language dropdown（共通）
  ================================ */

  .lang-dropdown{
    position: relative;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
  }

  /* ボタン */
  .lang-dropdown__btn{
    display:flex;
    align-items:center;
    gap:10px;

    padding:8px 14px;
    border-radius:999px;
    border:1px solid rgba(20,26,109,.25);
    background:rgba(255,255,255,.15);

    color:#141a6d;
    cursor:pointer;
    line-height:1;
  }

  /* 下矢印 */
  .lang-dropdown__arrow{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:8px solid #141a6d;
    opacity:.7;
  }

  /* プルダウンメニュー */
  .lang-dropdown__menu{
    position:absolute;
    right:0;
    top:100%;

    min-width:100%;
    padding:6px 0;
    border-radius:12px;
    border:1px solid rgba(20,26,109,.18);
    background:rgba(255,255,255,.95);

    list-style:none;
    margin:0;
    display:none;
  }

  .lang-dropdown__menu a{
    display:block;
    padding:10px 16px;
    color:#141a6d;
    text-decoration:none;
    white-space:nowrap;
  }

  .lang-dropdown__menu a:hover{
    background:rgba(20,26,109,.06);
  }

  /* hoverで開く */
  .lang-dropdown:hover .lang-dropdown__menu{
    display:block;
  }

  /* hover移動時に消えないためのブリッジ */
  .lang-dropdown::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:14px;
  }


  /* ================================
     SPメニュー調整
  ================================ */
  @media (max-width: 991px){

    html[lang^="ja"] .comp__navigation .nav > li > a{
    font-size: 1.1em;
    letter-spacing: .02em;
  }


    /* SP全画面メニューの下欠け防止 */
    .comp__navigation{
      overflow-y:auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 24px;
    }

    /* メニューとスイッチャーの余白を詰める */
    .comp__navigation ul.nav{
      padding-top:110px !important;
      padding-bottom:18px !important;
      margin-bottom:0 !important;
    }

    /* スイッチャー下に逃げの余白 */
    .lang-dropdown{
      width: fit-content;     /* フル幅殺す */
      margin-bottom:60px;    /* 画面外に出ないための逃げ */
    }

    /* SPではフル幅にならないよう制御 */
    .lang-dropdown__menu{
      left:0;
      right:auto;
      width:max-content;
      min-width:100%;
    }
  }