@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.7.8
*/

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

/*文字の色が薄いので、濃くなるよう黒を設定*/
body{
  color: #000;
}

/*ContactForm7 送信ボタン幅調整*/
/*
.wpcf7 input[type="submit"]{
	font-size: 100%;
    padding-right: 100px;
    padding: 0.2em 0.4em;
    border-radius: 4px;
    width: 0%;
    height:50px;
    cursor: pointer;
    box-shadow: 0 0 1px rgba(181, 235, 178, 1);
    border: 1px solid #ccc; 
}
*/

/* コンタクトフォーム */
/* 名前の入力欄サイズを調整 */
.wpcf7 div.nameText{
	width:50%;
}

/* メールアドレスの入力欄サイズを調整 */
.wpcf7 div.mailAddressText{
	width:80%;
}

/* 題名の入力欄サイズを調整 */
.wpcf7 div.subjectText{
	width:100%;
}

/* メッセージの入力欄サイズを調整 */
.wpcf7 div.messageText{
	width:100%;
}



/* 送信ボタンの幅を50%に調整 */
.wpcf7 input[type="submit"]{
	width:30%;
	font-size:18px;
}

/* 送信ボタンを中心に配置する */
.wpcf7 div.submitBtn{
	text-align: center;
}


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

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

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

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