/* =========================
   LANGUAGE SWITCH
========================= */

.glang{
  position:absolute;
  top: 130px;
  right: 0px;
  z-index:99999;
}

.glang-btn{
  background:rgba(0,0,0,.6);
  color:#fff;
  border:1px solid rgba(255,255,255,.3);

  padding:10px 18px;
  cursor:pointer;
}

.glang-list{
  position:absolute;
  top:100%;
  right:0;

  width:180px;

  margin:0;
  padding:8px 0;

  list-style:none;

  background:rgba(0,0,0,.92);

  display:none;
}

.glang-list li a{
  display:block;
  padding:12px 18px;
  color:#fff;
  text-decoration:none;
}

.glang-list li a:hover{
  background:rgba(255,255,255,.1);
}

/* ← これ重要 */
.glang.active .glang-list{
  display:block;
}


#header{
  position:relative;
}



/* =========================================
   SMARTPHONE LANGUAGE BUTTON
========================================= */

/* PCでは非表示 */

.sp-lang-wrap{
  display:none;
}


/* =========================================
   SP ONLY
========================================= */

@media screen and (max-width:768px){

  /* =========================
     LANGUAGE本体
  ========================= */

  .sp-lang-wrap{

    position:absolute;

    top:10px;
    right:12px;

    z-index:99999999;

    display:block !important;
  }

  /* =========================
     ボタン
  ========================= */

  .sp-lang-btn{

    appearance:none;
    -webkit-appearance:none;

    border:none;
    outline:none;

    background:rgba(0,0,0,.72);

    color:#fff;

    height:30px;

    padding:0 12px;

    font-size:10px;

    letter-spacing:1px;

    border-radius:2px;

    cursor:pointer;

    backdrop-filter:blur(4px);
  }

  /* =========================
     メニュー
  ========================= */

  .sp-lang-menu{

    position:absolute;

    top:36px;
    right:0;

    width:170px;

    background:rgba(15,15,15,.96);

    border-radius:4px;

    overflow:hidden;

    display:none;

    box-shadow:
      0 10px 25px rgba(0,0,0,.35);
  }

  /* 開いた時 */

  .sp-lang-wrap.active .sp-lang-menu{
    display:block;
  }

  /* =========================
     リンク
  ========================= */

  .sp-lang-menu a{

    display:block;

    padding:14px 16px;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    border-bottom:
      1px solid rgba(255,255,255,.08);

    background:none;
  }

  .sp-lang-menu a:last-child{
    border-bottom:none;
  }

  .sp-lang-menu a:active{
    background:rgba(255,255,255,.08);
  }

  /* =========================
     PC用消す
  ========================= */

  .glang{
    display:none !important;
  }

}