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

/************************************
** 子テーマ用のスタイルを書く
************************************/
ul.list {
  color: #E60033;
  margin-top: 0;
}
ul.list-x {
  list-style-type: '×';   /* 行頭記号をカスタム */
}
ul.list-check {
  list-style-type: '☑';   /* 行頭記号をカスタム */
}
ul.list li {
  margin-bottom: 0.2em;
}
.info-box {
  background-color: #FAFAFC;
  border: 1px solid #555;   /* 枠線 */
  border-radius: 8px;       /* 角丸 */
  padding: 0.8em 1em;       /* 内側余白 */
  margin: 0.5em 0;          /* 上下余白 */
}
.table-box {
  font-size: 90%; 
  margin: 1em auto;            /* 中央寄せ */
  border-collapse: collapse;   /* 枠を重ねてスッキリ */
  width: 80%;                  /* 横幅を8割に */
  border: 1px solid #555;      /* 外枠 */
  border-radius: 8px;          /* 角丸 */
  overflow: hidden;            /* 角丸を適用 */
}

.table-box th,
.table-box td {
  border: 1px solid #555;
  padding: 0.4em 0.8em;        /* 行間を少し狭く */
  text-align: left;            /* データは左寄せが読みやすい */
}

.table-box th {
  font-weight: bold;
  text-align: center;          /* 見出しは中央寄せ */
}
.accordion-title {
  position: relative;
  cursor: pointer;
  padding: 6px 8px 6px 28px;
}
.accordion-title::before {
  content: '＋';              /* デフォルトは閉 */
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}
.accordion-title.is-open::before {
  content: '−';              /* 開時はマイナス */
}

.accordion-content {
  display: none;              /* デフォルト非表示 */
  padding: 8px;
  border-left: 3px solid #555;
}

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

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

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