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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 2025/4/14 keiko */
.wpcf7 input[type="email"],
.wpcf7 input[type="radio"],
.wpcf7 input[type="select"],
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="text"],
.wpcf7 textarea {
    width: 80%; /* 必要に応じて調整 */
    max-width: 600px; /* 最大幅を設定 */
}
.wpcf7 input[type="checkbox"] {
    display: inline-block; /* 横並びにする */
    margin-right: 10px; /* チェックボックス間のスペースを調整 */
}

.wpcf7 label {
    display: inline-block; /* ラベルを横並びにする */
    margin-bottom: 5px; /* ラベル間のスペースを調整 */
}
.wpcf7-list-item {
    display: inline-flex; /* 横並びにする */
    align-items: center; /* チェックボックスとラベルを中央揃え */
    margin-right: 15px; /* 各項目の間隔を調整 */
}

.wpcf7-list-item input[type="checkbox"] {
    margin-right: 5px; /* チェックボックスとラベルの間隔を調整 */
}
.wpcf7-radio {
    display: flex;
    gap: 10px; /* ラジオボタン間のスペースを調整 */
    align-items: center; /* ラベルとラジオボタンを中央揃え */
}

.wpcf7-radio label {
    margin-right: 5px; /* タイトルとの間隔を調整 */
}
.wpcf7-list-item {
    display: inline-flex; /* 横並びにする */
    align-items: center; /* ラベルとチェックボックスの垂直位置を揃える */
    margin-right: 15px; /* 各項目の間隔を調整 */
}

.wpcf7-list-item input[type="radio"] {
    margin-right: 5px; /* ラジオボタンとラベルの間隔を調整 */
}
/*
.wpcf7 input[type="radio"] {
    width: auto;  ラジオボタンは通常のサイズに調整 */
    display: inline-block;  横並びにする場合 */
}*/

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

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

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

/* by keiko  2023/5 ****/
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}
/************************************
** ●コメントを送信ボタンのカスタマイズ
** https://masaa.net/2020/04/11/cocoon-200324-2/
************************************/
.wpcf7-submit {
  border: solid 2px #00BFFF!important; /*枠線*/
  border-radius: 6px!important; /*角丸コーナー*/
  font-weight:bold!important; /*文字強調*/
  font-size: 18px!important; /*フォントサイズ*/
  color: #fff!important; /*フォントカラー*/
  background-color: #00BFFF!important; /*背景色*/
  letter-spacing: 30px!important; /*文字間隔*/
}
.wpcf7-submit:hover{
  color: #29088A!important; /*フォントカラー*/
  background-color: #00BFFF !important; /*背景色*/
  transition: all 0.8s ease!important; /*アニメーション*/
}