@charset "UTF-8";
/* ============================================================
   open_menu.css
   ハンバーガー押下時に出る全画面メニュー（.header__menuBlock__responsive）の
   レイアウト・タイポグラフィ調整。
   ticket-theme.css に含まれていた同等の指定を切り出したもの。
   ============================================================ */

@media (max-width: 1400px) {
  /* 全画面メニュー本体：中央配置 */
  .header__menuBlock__responsive {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* 言語切替（Ja / En）を横並び中央に */
  .header__menuBlock__responsive .block-language {
    display: flex;
    justify-content: center;
  }
  .header__menuBlock__responsive .block-language .nav-link {
    margin: 0 0.6rem;
  }

  /* メインメニュー（PROJECT 等） */
  .header__menuBlock__responsive .block-menu {
    margin-top: 2rem;
    width: 100%;
    max-width: 520px;
  }
  /* 2列レイアウト（左右均等） ─ ticket-theme.css の指定を上書き */
  .header__menuBlock__responsive .block-menu .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    padding: 2.5rem 0;
    margin: 3rem 0 0;
    list-style: none;
    border-bottom: 1px solid #666;
  }
  .header__menuBlock__responsive .block-menu .navbar-nav > .nav-item {
    display: block !important;
    position: static !important;
    flex: 0 0 50% !important;
    max-width: 50%;
    width: 50%;
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    text-align: left;
  }
  /* フレームワークの区切り線（縦棒）を無効化 */
  .header__menuBlock__responsive .block-menu .navbar-nav > .nav-item::after,
  .header__menuBlock__responsive .block-menu .navbar-nav > .nav-item::before {
    display: none !important;
    content: none !important;
  }
  .header__menuBlock__responsive .block-menu .nav-link {
    font-family: 'Bebas Neue';
    font-size: 3rem;
    line-height: 1.6;
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  /* SNS アイコン */
  .header__menuBlock__responsive .topFooterContainer {
    margin-top: 2rem;
  }
  .header__menuBlock__responsive .topFooterContainer__list li a img {
    width: 26px;
    height: auto;
    display: block;
  }
}

@media (max-width: 640px) {
  /* スマホ：メニュー文字を小さく */
  .header__menuBlock__responsive .block-menu .nav-link {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  /* スマホ：SNS アイコンをさらに小さく */
  .header__menuBlock__responsive .topFooterContainer__list li a img {
    width: 18px;
  }
}