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

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

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

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

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


.wpcf7-form .comp,.wpcf7-form.sent .form-inner {display: none;}
.wpcf7-form .sent .comp {display: block;}

/* ContactForm7 */
span.wpcf7-list-item {display: block; float:none; clear:both;}
@media only screen and (max-width:480px){.wpcf7-form th, .wpcf7-form td{width: 100%; display: block; border-top: none;font-size: 16px;}    
.wpcf7-form th{text-shadow:1px 0 1px black;}    
input,textarea,select {font-size: 16px; width:97%;}
}p.form_time{font-size:150%;background:url("https://nagaya.biz/wp-content/uploads/icon_004350_48.png")no-repeat left;
padding:10px 0 10px 50px;}p.form_time span{font-size:170%;font-weight:bold;}

input[type="submit"] { -webkit-appearance: none; border-radius: 0;} 
/* 送信ボタンを見やすくする */
.content form input.wpcf7-submit, input[type=submit] {background-image: linear-gradient(0deg, #66CC00, #009900); /* グラデーション */}
.content form input.wpcf7-submit:hover, input[type=submit]:hover {background-image: linear-gradient(0deg, #66CC66, #66CC00); /* グラデーション */}
input.wpcf7-submit {width: 100%; height: 80px; background: #99CC00; color: #fff; font-size: 20px; font-weight: 600;}


.newspaper-period {
  margin-bottom: 24px;
  padding: 20px;
  border: 1px solid #ccc;
}

.newspaper-row {
  display: flex;
  align-items: end;
  gap: 16px;
  margin: 16px 0;
}

.newspaper-row label {
  display: grid;
  gap: 6px;
}

.newspaper-mode {
  margin: 16px 0;
}

.js-end-fields[hidden] {
  display: none;
}

@media (max-width: 600px) {
  .newspaper-row {
    align-items: stretch;
    flex-direction: column;
  }
}