@charset "UTF-8";

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

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

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

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

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


/*見出しh2を修正する*/

.article h2 {
　font-size: 24px;
  color: #ffffff;
  padding: 15px;
  background-color: #008040;
  border-radius: 4px;
}



/* =asumeru
----------------------------------------------- */

#asumeruform{
    width: 100%;
}

#asumeruform table {
	border-collapse: collapse;
	margin: 0 0 10px;
	width: 100%;
	table-layout: fixed;
	border-color: #ccc;
}

#asumeruform table th {
	width: 150px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #ffffcc;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #000;
}

#asumeruform table tr{
    border-color: #ccc;
}

#asumeruform table td {
	padding: 10px;
	border: 1px solid #ccc;
	color: #000;
	font-size:12px;
}

#asumeruform input{
	font-size: 12px;
}

#asumeruform .inputSelect {
	padding: 3px;
	font-size: 12px;
	color: #000;
}

#asumeruform .inputText.inputTextShortest {
	width: 30%;
}

#asumeruform .inputText.inputTextShort {
	width: 55%;
}

#asumeruform .inputText.inputTextLong {
	width: 98%;
}

#asumeruform textarea {
	font-size: 12px;
	width: 98%;
	height: 150px;
	padding: 3px;
}

#asumeruform .formBtn {
	font-size: 16px;
	width: 40%;
	height:35px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 2px #ccc;
}

#asumeruform .center-text {
	text-align: center;
}

#asumeruform span.require {
	color: red;
	font-weight: bold;
}