/*
Theme Name: kosapo_260825
descriotion: date_2026-08-25
*/
.wp-caption {
  max-width: 80%;
  height: auto;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #f8f8f8;
  padding-top: 20px;
  margin: 10px 0 20px 0;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 17px;
  padding: 12px 4px 5px;
  margin: 0;
}
.gallery-row {
  margin: auto;
}
/*ファミサポの目次のcss*/
#famisapo-outline-ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
#famisapo-outline {
  /* border: solid 1px #f39800; */
  width: 60%;
  padding: 10px 5px 10px 0px;
  margin: auto;
}
.post {
  margin-bottom: 4rem;
}
/*トップページのcss*/
div.top-info {
  margin-top: 6rem;
}
p.top-info-strong {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page h1 {
    margin-top: 0px;
  }
  .postspace {
    margin-bottom: 70px;
  }
}

/* カスタム CSS */
.top-info-strong {
  margin-top: 30px;
}

/*おたよりページの追加css*/
.otayoriA h3 {
  color: #505050; /*文字色*/
  padding: 0.5em; /*文字周りの余白*/
  display: inline-block; /*おまじない*/
  line-height: 1.3; /*行高*/
  background: #ffd580; /*背景色*/
  vertical-align: middle; /*上下中央*/
  border-radius: 25px 0px 0px 25px; /*左側の角を丸く*/
  margin-top: 0;
}

.otayoriA h3:before {
  content: "●";
  color: white;
  margin-right: 8px;
}

.otayoriB h3 {
  color: #505050; /*文字色*/
  padding: 0.5em; /*文字周りの余白*/
  display: inline-block; /*おまじない*/
  line-height: 1.3; /*行高*/
  background: #b3e2b4; /*背景色*/
  vertical-align: middle; /*上下中央*/
  border-radius: 25px 0px 0px 25px; /*左側の角を丸く*/
  margin-top: 0;
}

.otayoriB h3:before {
  content: "●";
  color: white;
  margin-right: 8px;
}

.otayori {
  display: flex;
  justify-content: space-around;
}

.otayoriA .uraomote {
  display: flex;
}

.otayori p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .otayoriA h3,
  .otayoriB h3 {
    font-size: 1.3rem;
  }
}

/* ファミサポアコーディオン用のCSS */
.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}

.ac-menu input {
  display: none;
}

.ac-menu label {
  color: #333; /* 文字色 */
  font-size: 17px; /* 文字サイズ */
  line-height: 2; /* 行間 */
  font-weight: bold; /* 文字を太く */
  text-align: center; /* 文字を中央に */
  background: #f9e697;
  padding: 20px; /* 内側の余白 */
  cursor: pointer;
  position: relative;
  display: block;
}

.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "＋"; /* アイコン */
}

.ac-menu input:checked ~ label::after {
  content: "−"; /* クリック後のアイコン */
}

.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}

.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 20px; /* 中身の枠内の余白 */
  background: #fafafa; /* 中身の背景色 */
}

.ac-menu-inside {
  color: #333; /* 中身の文字色 */
  font-size: 17px; /* 中身の文字サイズ */
  line-height: 2; /* 行間 */
}