@charset "UTF-8";

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

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

img.waku1{border:1px solid silver;}

/*トグルアイコン*/
.ath-toggle-q .toggle-button::before{
	content:'-'}

/* トグルボックス */
.toggle-button {
	background-color: #ffffff; /* 見出しの背景色 */
	color: #fff; /* 見出しの文字色 */
	border: none; /* 見出しのボーダーを消す */
	padding: 0px;
	margin: 0px 135px 0px 135px;
}
.toggle-button::before {
	color: #ffffff; /* 「＋」記号の色 */
}
.toggle-checkbox:checked ~ .toggle-content {
	border: none; /* ボックスのボーダーを消す */
  background: #ffffff; /* ボックスの背景色 */
}

/*=================================================
 * トップnavi
 * ================================================= */

.top_navi {
	padding-top: 0.5em;
	margin: 0em;
}
.top_navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align:center;
}
.top_navi li {
	float:left;
	padding: 0;
	margin: 0.2em;
	background-color: #f2f7ff;
	width: calc(24%);
}
.top_navi li +li {
	border-left: 0px solid #ffffff;
	padding: 0;
	margin: 0.2em;
}
.top_navi li a {
	display: block;
	padding: 0.0em 0;
	color: #ffffff;
	font-size: 92%;
	font-size: .92rem;
	text-decoration: none;
	font-weight: bold;
}
.top_navi li a:hover { background: #f2f7ff; }


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}