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

/************************************
** 子テーマ用のスタイルを書く
************************************/


/****************************
 * お問い合わせ
*****************************/
/*　フォーム全体　*/
#cf7-area {
  width:100%;
  margin: 0 auto;
}

.cf7-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 1.75em;
}

.cf7-q {
  width: 240px;
  margin: 0;
}

.cf7-a {
  width: 560px;
}

/*　見出し　*/
.form-heading
{
  width: 100%;
  background-color: #191970;
  border-left: 1em solid #6495ED;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  padding: 1em .8em;
  margin: 0 0 2em;
}

.form-heading p {
  margin: 0;
}

/* 各項目共通 */
#cf7-area label{
  font-weight:bold;
}

#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea,
#cf7-area select {
  background: #F0F8FF;
  width:100%;
}

#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
  background: #FFE4E1;
  border: 2px solid #FF1493;
  outline: 0;
}

#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
  appearance: auto;
}

#cf7-area .wpcf7-list-item {
  display: block;
}

#cf7-area textarea{
  height:200px;
  padding: 0.625em 0.4375em;
}

.cf7-accept-check{
  text-align: center;
  margin: 50px auto;
}

.cf7-submit {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}

#cf7-area input[type="submit"]
{
  width: 100%;
  background-color: #191970;
  color: #ffffff;
  border-radius: 5px;
  font-size: 1.2em;
  padding: 1em 10px;
}

#cf7-area input[type="submit"]:hover
{
  background-color:#ffffff;
  border: 2px solid #191970;
  color:#191970;
}

.cf7-btn{
  width: 40%;
  margin: 0 auto;
  text-align: center;
}

/*　必須ラベル　*/
.cf7-req{
  font-size:.8em;
  padding: 4px 6px;
  background: #eb2a2a;
  color: #ffffff;
  margin-left: 10px;
  display:inline-block;
}

/****************************
 * お問い合わせ SP版
*****************************/
@media screen and (max-width:768px){

.cf7-item {
  display: block;
}

#cf7-area label{
  display: block;
  margin-bottom: 10px;
}

.cf7-q {
  width: 100%;
  margin: 0;
}

.cf7-q p{
  margin-bottom: 13px;
}

.cf7-a {
  width: 100%;
}

#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
  margin-left: 0;
  width: 100%;
}

.cf7-submit{
  width: 90%;
}

}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ヘッダーを非表示 */
body.page #header {
  display: none;
}
/* フッターを非表示 */
body.page #footer {
  display: none;
}
.article-footer{
	display: none;
}
.date-tags{
	display: none;
}

.under-entry-content {
  display: none;	
}
}