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

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

/*非表示*/
 .entry-tytle,
 .date-tags,
 .auther-info {
 display: none;
  }

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

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

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


/* LIVE SCHEDULE（カスタム投稿）の投稿日・更新日を完全に非表示にする */
.post-type-archive-live_schedule .post-date,
.post-type-archive-live_schedule .post-update,
.single-live_schedule .post-date,
.single-live_schedule .post-update {
    display: none !important;
}

/* Contact Form 7 送信ボタンのカスタム */
.wpcf7-form input.wpcf7-submit {
    display: block !important;            /* 中央寄せにするための設定 */
    width: 35% !important;                /* ボタンの幅を50%に指定 */
    margin: 20px auto !important;         /* 上下に余白を作り、左右中央に寄せる */
    background-color: #333333 !important; /* ボタンの背景色 */
    color: #ffffff !important;            /* 文字の色（白） */
    font-weight: bold !important;         /* 文字を太字に */
    border: none !important;              /* 枠線を消す */
    border-radius: 4px !important;        /* 緩やかな角丸 */
    padding: 15px 0 !important;           /* 上下の余白（高さを出す） */
    font-size: 16px !important;           /* 文字の大きさ */
    transition: opacity 0.3s ease;       /* マウスオーバー時のアニメーション */
    box-shadow: none !important;          /* 余計な影をリセット */
}

/* マウスオーバー（ホバー）時の動き */
.wpcf7-form input.wpcf7-submit:hover {
    background-color: #333333 !important; /* 背景色はそのまま */
    color: #ffffff !important;            /* 文字色も白のまま固定 */
    opacity: 0.8 !important;              /* マウスを当てると少し透明に */
    cursor: pointer;                      /* カーソルをポインターに */
}