/*
Theme Name: Lightning Child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 15.2.3.1671639048
Updated: 2022-12-22 01:10:48

*/
/* モバイルでナビゲーションメニューを表示する */
:root {
  --mobile-nav-column-num: 3; /* ナビゲーションの列数*/
  --mobile-nav-list-column-gap: 2px; /* 各メニュー間の横方向Gap*/
  --mobile-nav-list-row-gap: 0.8em; /* 各メニュー間の縦方向Gap */
}
@media (max-width: 991.98px) {
  .global-nav {
    display: block;
    margin-bottom: 0.8em;
  }
  .global-nav-list {
    justify-content: start;
    flex-wrap: wrap;
    column-gap: var(--mobile-nav-list-column-gap);
    row-gap: var(--mobile-nav-list-row-gap);
  }

  .global-nav-list > li {
    padding: 0 !important;
    flex-basis: calc(
      (100% - var(--mobile-nav-list-column-gap) * (var(--mobile-nav-column-num) - 1)) / var(--mobile-nav-column-num)
    );
  }
}