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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.date-tags{
display:none;
}

.hidden-radio { display: none; }


/* お問い合わせ form
------------------------------- */
#cf-tbl {
  border-radius: 1rem;
}
#cf-tbl table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
#cf-tbl th {
  width: 30%;
  text-align: left;
  vertical-align: top;
  padding: 1rem 1rem 0.5rem 1rem;
  font-weight: bold;
  border: none;
	background-color: #efefef;
}
#cf-tbl td {
  width: 70%;
  padding:1rem 1rem;
  border: none;
	background-color: #fafafa;
}

#cf-tbl th p,
#cf-tbl td p{
	margin-bottom:0;
}

#cf-tbl input[type="text"],
#cf-tbl input[type="email"],
#cf-tbl input[type="tel"],
#cf-tbl textarea {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  background-color: #fff;
  box-sizing: border-box;
}

#cf-tbl textarea {
  height: 12rem;
  resize: vertical;
}

::placeholder {
  color: #aaa;
}

.c-comment {
  margin-bottom: 0.5rem;
  color: #555;
}
.c-comment span{
	color:red;
}

.required {
  color: #c17e7e;
  margin-left: 0.3rem;
}
.any {
  color: #65a9ba;
  margin-left: 0.3rem;
}

/* 同意チェック */
.acceptance__ch {
    background: #f4f4f4;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 0.8rem;
    margin-top: 15px;
}
.acceptance__ttl {
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: center;
}
.a__txt {
    color: #444;
    font-weight: 500;
}

/* 送信ボタン */
input.wpcf7-submit {
	display: block;
	padding: 15px;
	width: 400px;
	background: #df5d9a;
	color: #fff;
	font-weight: 500;
	margin: 15px auto 0;
	border: none;
	border-radius:5px;
}
select.wpcf7-form-control{
	padding: 5px 45px;
}
@media screen and (max-width:768px){
	input.wpcf7-submit {
	width: 250px;
	}
}
input.wpcf7-submit:hover {
	opacity:0.7;
}

@media screen and (max-width: 640px) {
  #cf-tbl th,
  #cf-tbl td {
    display: block;
    width: 100%;
    padding:0.5rem 0.5em;
    border: none;
  }

  #cf-tbl th {
    padding: 1rem 1em;
  }
}

/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}



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

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

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