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

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

/*固定ページの日付を非表示*/
.post-8 .date-tags {
display: none;
}

/* 固定ページのタイトルを中央寄せ */
.page .entry-title {
text-align: center;
}

/* お問い合わせフォーム 表示調整 */
 /* スマホには適用しない */
 @media (min-width: 768px) {

  .wpcf7-form-control.form-control {
    width: auto;
    max-width: 100%;
  }

 /* フォームを中央に配置・背景色指定 */
  .wpcf7-form {
    max-width: 680px;
    margin-left:auto;
    margin-right:auto;
    background-color: #f1f1f1;
    padding: 15px 20px;
    border-radius: 5px;
  }

}

 /* 必須マーク */
.wpcf7-form small.text-danger {
    color: #fff !important;
    background-color: #dc3545;
    font-size: 75%;
    padding: 0.1em 0.3em;
    margin-left: 0.5em;
}

 /* 入力確認のチェックボックスを大きく */
form .wpcf7-acceptance input[type="checkbox"] {
    transform: scale(2.0);
    margin-right: 0.5em;
}

 /* 送信ボタンをぴったり中央に配置 */
.wpcf7-submit.btn {
    margin-left: 72px;
}




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

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

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