/*
Theme Name: Lightning Child Sample
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* フォントサイズを指定 */
:root { --vk-size-text: 12px; }
/* サイトロゴとヘッダーナビを縦に積む。中央配置も追加 */
div#site-header-container {
  display: block;
  text-align: center;
}
/* ヘッダーナビをコンテンツ幅いっぱいに広げる */
body:not(.header_scrolled) .global-nav--layout--float-right {
  display: block;
  width: 100%;
}
.global-nav-list {
  justify-content: space-between;
  width: 100%;
}
/* サイトロゴを中央配置とする */
.site-header--layout--nav-float .site-header-logo {
  display: inline-block;
  width: auto;
  margin-right: 0;
}
/* スクロール時にロゴ画像を非表示とする */
.header_scrolled .site-header-logo {
    display: none;
}
/* モバイルではヘッダーメニューを非表示とする */
@media (max-width: 991.98px) {
  body:not(.header_scrolled) .global-nav--layout--float-right {
    display: none;
  }
}
/* グローバルメニューのフォントサイズおよび太さ変更 */
.global-nav-list>li .global-nav-name {
   font-size: 12px;
   font-weight:normal;
}
/* グローバルナビリストのフォントサイズ変更 */
.global-nav-list li{
    font-size:12px;
}
/* グローバルナビゲーションのサブメニューの開き方をアコーディオンっぽ */
.device-pc .vk-menu-acc li ul.sub-menu li a {
    height: 0;
    display: block;
    padding: 0 1.2em;
    transition-duration: .5s;
}
.device-pc .vk-menu-acc li:hover ul.sub-menu li a {
    height: 100%;
    padding: 14px 1.2em;
}
/* ページヘッダーの背景色 */
.page-header {
    background-color: #fff;
}
 
/* ページヘッダーの文字色およびフォントサイズ変更 */
h1.page-header-title {
    color: #122a88;
	text-align: left;
    font-size: 2vw !important;
}
/* パンくずリストを非表示に */
.breadcrumb{
    display:none !important;
}
/* コピーライト周りのマージン変更 */
.site-footer-copyright p {
    text-align: center;
    margin: .1rem;
    font-size: var(--vk-size-text-xs);
}
/* Instagram横並び表示させる */
.insta-grid {
  display: flex;
  flex-wrap: wrap; /* 画面幅が狭いときは折り返し */
  gap: 10px; /* 投稿間の余白 */
  justify-content: center; /* 中央寄せ */
}

.insta-grid blockquote.instagram-media {
  flex: 1 1 300px; /* 最小幅300pxで可変 */
  max-width: 300px; /* 最大幅を固定 */
}
