/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

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

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

body, html  {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 300;
}

/* ===== title font weight change to bold and change fontfamily ===== */
.add-font-300 {
  font-weight: 300;
}
.add-font-400 {
  font-weight: 400;
}
.add-font-500 {
  font-weight: 500;
}
.add-font-700 {
  font-weight: 700;
}
.add-font-900 {
  font-weight: 900;
}

/* ヘッダーナビ */
/* .global-nav-list>li {
    border: 1px solid #000;
    border-radius: 30px;
    min-width: 120px;
} */
.global-nav-list {
    gap: 1em;
}
/* header_scrolled クラスが存在しない場合に適用されるスタイル */
:not(.header_scrolled) .global-nav-list > li {
    border: 1px solid #000;
    border-radius: 30px;
    min-width: 120px;
}
.global-nav-list>li:hover {
    transform: scale(1.2); /* サイズを1.2倍に拡大 */
}
/* header_scrolled クラスが存在する場合はスタイルを無効にする */
.header_scrolled .global-nav-list > li {
    border: unset;
    border-radius: unset;
    min-width: unset;
}

.global-nav-list>li:before {
    border-bottom: unset;
}
.global-nav-list>li {
    /* 通常時のスタイル */
    transition: transform 0.3s ease; /* スムーズなアニメーションを追加 */
}