/*
Theme Name: Lightning Child kuni
Theme URL:
Template: lightning
Description:
Author:kuni KUNI WEB Production
License: GNU General Public License v2 or later
License URI: https://kuni-web.com/
Tags:business
Version: 0.6.0
*/


/* ===== Original　Class and Style
 ===== */


/* ===== Font , text ===== */

/* M+PLUS+1p:wght@300;700 */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap');

/*===== normal font weight change to thin ===== */


body, html {
  font-family: "M PLUS 1p", sans-serif;
}
p {
  font-family: "M PLUS 1p", sans-serif;;
  font-weight:400;
}


/* ======change header-style ===== */
@media (min-width: 992px) {

/* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
  body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
    display: flex;
    flex-direction: column;
  }

/* アイコンのスタイル（スクロールしていないとき） */
  body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
    font-size: 1.5em;
    margin-right: 0;
    margin-bottom: 0.5em;
    color: var(--vk-color-primary);
  }

/* 個々のメニュー枠のスタイル（スクロールしていないとき） */
  body:not(.header_scrolled) .vk-menu-acc li {
    width: 110px;
    margin-left: -1px;
  }

  body:not(.header_scrolled) .vk-menu-acc li:last-child {
/*     width: auto; */
  }

/* 最後のメニュー項目白抜き文字にする */
/*   .vk-menu-acc li:last-child {
    background-color:var(--wp--preset--color--vk-color-custom-3) ;
  } */
	.vk-menu-acc .menu-item.menu-item-type-custom:last-child {
    background-color:var(--wp--preset--color--vk-color-custom-3) ;
  }
	
  body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
  .global-nav-list>li:last-child .global-nav-name i {
    color: #fff;
  }
  .nav li:last-child a, nav li:last-child a {
/*     color: #fff; */
  }

  body:not(.header_scrolled) .global-nav--layout--float-right {
    align-items: unset;
  }

  .header_scrolled .global-nav--layout--float-right {
    width: 100%;
  }

  .header_scrolled .global-nav-list {
    display: block;
    width: unset;
  }

  .header_scrolled .vk-menu-acc li:last-child {
    float: right;
  }
  .header_scrolled .site-header {
    width: 100%;
  }
}
/* ======End header-style 
===== */

/* ========contact ===== */

@media (max-width: 768px){

}
  @media (max-width: 544px) {

  }

 @media (min-width: 992px) {
 }
 /* ===== END Original　Class and Style
 ===== */