/* ==========================================
   親アコーディオン追加用
   TCD純正アーカイブ風デザイン
   ========================================== */

.soleil-parent-archive{
       width:100%;
       margin:30px 0 25px;
   }
/* カテゴリーとアーカイブ間 */

.widget_categories{
    margin-bottom:30px !important;
}
/* 親ボタン */

.soleil-parent-archive-button{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 18px;
    background:
    linear-gradient(
        to bottom,
        #ffffff 0%,
        #f6f6f6 100%
    );

    border:1px solid #d8d8d8;
    border-radius:4px;
    color:#666;
    font-size:15px;
    font-weight:500;
    cursor:pointer;
    box-sizing:border-box;
}

/* タイトル */

.soleil-parent-archive-title{
    color:#666;
}

/* ▼アイコン */

/* 初期（6時 ↓） */

.soleil-parent-archive-icon{
    display:inline-block;
    width:8px;
    height:8px;
    border-right:1.5px solid #888;
    border-bottom:1.5px solid #888;
    transform:rotate(45deg);
    transition:transform .8s ease;
}

/* 開いた時（12時 ↑） */

.soleil-parent-archive.is-open
.soleil-parent-archive-icon{
    transform:rotate(-135deg);
}

/* 中身 */

.soleil-parent-archive-content{
    overflow:hidden;
    max-height:0;
    opacity:0;
    transform:translateY(-5px);
    transition:
        max-height 1.5s ease,
        opacity 1.5s ease,
        transform 1.5s ease;
}

.soleil-parent-archive.is-open .soleil-parent-archive-content{
    opacity:1;
    transform:translateY(0);
}

/* 子との余白 */

.soleil-parent-archive-content
.soleil-accordion-archive{
    margin-top:20px;

}
.soleil-parent-archive-button::before,
.soleil-parent-archive-button::after{
    content:none !important;
    display:none !important;
}
