@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){
  /*必要ならばここにコードを書く*/
}

/* スマホで、文字の入力欄を押すと、画面が拡大される（2026-10-08、ユーザー「入力欄をタップすると、ズームしてしまいます」）。
   iPhone は、文字が 16px より小さい入力欄を押すと、自動で拡大する。
   原因：管理画面の「追加CSS」（リポジトリの外）が、input[type="text"]:not(#search-input) を 14px にしていて、
   同じ追加CSSの「スマホでは 16px」の指定（input[type="text"]）と、各ページの指定（.msr-fb-input など）より、強い書き方だった。
   ここで、それより強い書き方で、スマホの幅のときだけ 16px にする（追加CSSと同じ 768px 以下）。パソコンの見た目は、変えない */
@media (max-width: 768px) {
    input[type="text"]:not(#search-input):not(#msr-none) { font-size: 16px; }
}