@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
*/

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

/* タイトル フォント */
.site-name-text {
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: clamp(30px, 5.2vw, 44px);            /* 端末に合わせて自動可変：最小30px〜最大44px */
  letter-spacing: .04em;                          /* 字間を少しだけ広げて読みやすく */
  color: #111;                                     /* 真っ黒(#000)より #111 の方がWindowsでにじみにくい */
  text-rendering: optimizeLegibility;              /* ブラウザの字形最適化をON */
  -webkit-font-smoothing: antialiased;             /* Mac/Safariのにじみ軽減 */
  -moz-osx-font-smoothing: grayscale;              /* Mac Firefoxのにじみ軽減 */
}

/*グローバルメニュー*/
.navi-in .item-label {
  font-family: "Noto Serif JP", serif;
  font-size:18px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.05em;
}

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

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

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

/*420px以下*/
@media (max-width: 420px){
  .site-name-text{ font-size: 32px; }  /* 最小値の底上げ */
}