/* 全体 */
.soleil-accordion-archive{
    width:100%;
    margin:20px auto;
    font-size:16px;
}


/* 年ブロック */
.soleil-archive-year{
    width:100%;
    margin:0 0 10px;
    padding:0;
    background:transparent;
}


/* 年ボタン */
.soleil-archive-year-button{
    width:auto;
    display:inline-flex;
    align-items:center;
    gap:7px;

    border:none;
    background:transparent;
    padding:8px 0;

    cursor:pointer;

    font-size:20px;
    font-weight:600;
    color:#333;

    line-height:1.4;
}


/* アイコン */
.soleil-archive-icon{
    display:inline-block;
    font-size:13px;
}


/* 年下ラインは消す */
.soleil-archive-dot-line{
    display:none;
}


/* 月一覧：閉じた状態 */

.soleil-archive-months{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transform:

    translateY(-15px);

    padding:0 0 0 20px;

 transition:
 
         max-height .8s ease,
 
         opacity .7s ease,
 
         transform .8s ease;
 
 }


/* 開いた状態 */

.soleil-archive-months.active{

    max-height:1000px;

    opacity:1;

    transform:

    translateY(0);

}

/* 月リンク */
.soleil-archive-month-link{
    display:block;

    text-decoration:none;
    color:#555;

    padding:10px 12px;
    font-size:15px;

    border-radius:8px;

    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}


/* 月ごとに交互背景 */
.soleil-archive-month-link:nth-child(odd){
    background:#f7f7f7;
}

.soleil-archive-month-link:nth-child(even){
    background:#ffffff;
}


/* 月の点々アンダーライン */
.soleil-archive-month-link::after{
    content:"";
    display:block;
    border-bottom:1px dotted #cfcfcf;
    margin-top:7px;
}


/* リンク hover */
.soleil-archive-month-link:hover{
    background:#eeeeee;
    color:#222;
    transform:translateX(3px);
}


/* 閉じる時 */

.soleil-archive-months.closing{

    transform:

    translateY(-10px);

    opacity:.3;

}

@keyframes soleilCloseBounce{
    0%{
        transform:translateY(0) scale(1);
    }
    55%{
        transform:translateY(-2px) scale(.96);
    }
    100%{
        transform:translateY(-6px) scale(.98);
    }
}


/* スマホ */
@media(max-width:600px){

    .soleil-archive-year-button{
        font-size:18px;
    }

    .soleil-archive-months{
        padding-left:10px;
    }

    .soleil-archive-months.active{
        grid-template-columns:1fr;
    }

    .soleil-archive-month-link{
        font-size:14px;
        padding:9px 10px;
    }

}

.soleil-accordion-archive{
    font-family:
    "Noto Sans JP",
    sans-serif;
}