/* アコーディオン全体の枠組み */
.custom-accordion {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    background: #fff;
}

/* クリックするタイトル部分 */
.custom-accordion .accordion-title {
    padding: 12px 20px;
    cursor: pointer;
    background-color: #f9f9f9;
    list-style: none; /* デフォルトの矢印を消す場合（IE/Safari対策含む） */
}
.custom-accordion .accordion-title::-webkit-details-marker {
    display: none; /* Safari用のデフォルト矢印消し */
}

/* タイトルの前にカスタムの矢印をつける例 */
.custom-accordion .accordion-title::before {
    content: "▶";
    margin-right: 8px;
    display: inline-block;
    transition: transform 0.2s;
}

/* アコーディオンが開いているときの矢印の向き */
.custom-accordion[open] .accordion-title::before {
    transform: rotate(90deg);
}

/* 中身のコンテンツ部分 */
.custom-accordion .accordion-content {
    padding: 20px;
    border-top: 1px solid #ccc;
}
.cus-hara { color:#094; }
.entry-content h3::after {background-color: #094;}