@charset "UTF-8";

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

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

/*次のページ*/
.pagination-next-link {
  background-color: #000000; /*背景色*/
  color: #fff; /*文字色*/
  border: none; /*ボーダーを消す*/
}
.pagination-next-link:hover { /*マウスホバー時*/
  background-color: #666666;
  color: #fff;
}
/*ページ番号*/
.page-numbers { /*通常時*/
  color: #000000;
  border: 5px solid #000000;
}
.pagination .current { /*現在のページ*/
  background-color: #000000;
  color: #fff;
}
.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}
.pagination a:hover { /*マウスホバー時*/
  background-color: #666666;
  color: #fff;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
/**********************************
 **アコーディオンメニュー 
**********************************/
.ac-box label{
width: auto;
margin: 30px auto 5px;
}

/*ラベル*/
.ac-box label{
max-width: 385px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #000000;
margin: auto;
line-height: 40px;
position: relative;
display: block;
height: 40px;
border-radius: 8px;
cursor: pointer;
color: #ffffff;
transition: all 0.5s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:after{
color: #ffffff;
font-family:"FontAwesome";
content:" \f078";
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::after {
color: #ffffff;
font-family:"FontAwesome";
content:" \f077";
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #ffffff;
opacity: 1;
}

/*表示内容の調整*/
.ac-box div p{
color: #000000;
line-height: 20px;
font-size: 16px;
padding: 15px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}