@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

body, html, p, span, div, h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', 'Noto Sans JP', sans-serif !important;
}


/*footer menu font*/
add_action('wp_enqueue_scripts', function () {
  wp_enqueue_style('fa6', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css', [], null);
});





/* モバイル時のみ適用 */
@media (max-width: 768px) {
  .menu-item-has-children { position: relative; }
  .menu-item-has-children > a { padding-right: 2.25rem; } /* 右側にトグル分の余白 */
  /* 展開トグルボタン */
  .submenu-toggle {
    position: absolute; right: .5rem; top: 50%; transform: translateY(-50%);
    width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center;
    border-radius: .375rem; border: 1px solid rgba(0,0,0,.15);
    font-weight: 700; user-select: none;
    background: #fff; /* テーマに合わせてOK */
  }
  /* 初期は閉じる */
  .menu-item-has-children > .sub-menu { display: none; }
  /* 開いた状態 */
  .menu-item-has-children.is-open > .sub-menu { display: block; }
  /* サブメニューが裏に潜らない対策 */
  .main-navigation, .global-nav, .header { position: relative; z-index: 9999; }
}

/* ---- Lato + Noto Sans JP 強制適用 ---- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+JP:wght@300;400;700&display=swap');

/* 全体のベースフォントを上書き */
html,
body {
  font-family: "Lato", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Yu Gothic", Meiryo, sans-serif !important;
}

/* 記事本文・ウィジェットなども念のため上書き */
.entry-content,
.widget,
.site-title,
.site-description,
.menu,
.navi-in,
.footer,
.header {
  font-family: "Lato", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Yu Gothic", Meiryo, sans-serif !important;
}



body, html, p, span, div, h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', 'Noto Sans JP', sans-serif !important;
}