@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){
  /*必要ならばここにコードを書く*/
}
/* PC・モバイル共通、またはPC用の設定（前回のコード） */
.your-class-name {
    font-size: 24px; /* 例：PCサイズ */
}

/* ▼ここから追加：モバイル（スマホ）用の設定 */
@media screen and (max-width: 768px) {
    .your-class-name {
        font-size: 32px; /* スマホで表示したいサイズに変更 */
    }
}
// Contact Form 7 本文にひらがながなければエラーにする
add_filter('wpcf7_validate_textarea', 'wpcf7_validation_textarea_hiragana', 10, 2);
add_filter('wpcf7_validate_textarea*', 'wpcf7_validation_textarea_hiragana', 10, 2);

function wpcf7_validation_textarea_hiragana($result, $tag) {
    $name = $tag['name'];
    $value = (isset($_POST[$name])) ? (string) $_POST[$name] : '';
    if ($value !== '' && !preg_match('/[ぁ-ん]/u', $value)) {
        $result->invalidate($tag, "エラー：日本語（ひらがな）を含めて入力してください。");
    }
    return $result;
}
/* スマホ表示時のボタンはみ出し・右寄り防止コード */
@media screen and (max-width: 480px) {
  /* ボタンブロックの親容器を画面幅に収めて中央寄せ */
  .wp-block-buttons,
  .wp-block-button,
  .btn-wrap,
  .btn-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* ボタン自体のサイズ調整と文字折り返し許可 */
  .wp-block-button__link,
  .btn {
    display: block !important;
    width: 100% !important;        /* スマホ画面幅いっぱいにフィットさせる */
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 10px !important; /* 内側の左右余白を縮めてはみ出し防止 */
    padding-right: 10px !important;
    white-space: normal !important;/* 改行を許容してはみ出しを防止 */
    text-align: center !important;  /* 文字を中央揃え */
  }
}
/* 画面右側の空白（横スクロール）を強制的に消去する設定 */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  position: relative;
}

/* テーマ全体のコンテナ幅も画面内に収める */
#container,
#content,
.main,
.container {
  max-width: 100% !important;
  box-sizing: border-box !important;
}