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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*カーソルオンでメニューバーの色変更*/
#navi .navi-in a:hover {
  background-color: #e6e6fa;
}
/*アピールエリア表示設定*/
#appeal { 
height: calc(100vw * calc(653 / 2000)); 
}

/*問い合わせフォーム入力エリアサイズ*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 40%;
}
.wpcf7 input[name="text-shozoku"] { /* 法人・所属団体名入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 50%;
}
.wpcf7 input[name="text-TEL"] { /* 電話番号入力欄 */
	width: 20%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 80%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}
.wpcf7 input[type="submit"] { /* 送信ボタン */
	width: 15%;
}
.submit {
	text-align: center;
}
div.wpcf7 .wpcf7-spinner{
display:none!important;
}


/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 12px;
}
}
/*img{/*すべてのイメージに影を*/
/*box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);*/
/*}*/
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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