@charset "utf-8";
.main{
    .sec{
        .sec_container{
            position: relative;
            @media screen and (min-width:1280px) {
                border: none;
                background-color: transparent;
            }
            .sec_article{
                @media screen and (min-width:1280px) {
                    margin-bottom: 20px;
                    border-radius: 20px;
                    padding-bottom: 0;
                }
                .sec_article_head{
                    color: var(--subcolor);
                    border-radius: 20px 0 0 0;
                    .category-note &,
                    .category-murmur &,
                    .page-template-page-mutter &{
                        border-radius: 0;
                    }
                    @media screen and (min-width:1280px) {
                        overflow: hidden;
                    }
                    &::after{
                        background-color: transparent;
                    }
                    > *{
                        padding-top: 0;
                        padding-left: 0;
                    }
                    .sec_article_head_info{
                        padding-right: 0;
                        @media screen and (min-width:1280px) {
                            border: var(--bordersize) solid var(--subcolor);
                            border-radius: 20px 20px 0 0;
                        }
                        .sec_article_date{
                            width: auto;
                            .category-note &,
                            .page-template-page-mutter &{
                                position: static;
                                transform: none;
                            }
                        }
                    }
                }
            }
            .sec_article_container{
                position: relative;                
                background-color: var(--accentcolor);
                border-radius: 0 0 20px 20px;
                @media screen and (min-width:1280px) {
                    border:var(--bordersize) solid var(--subcolor);
                    border-top: none;
                }
                .sec_article_container_box{
                    p:last-of-type{
                        margin-bottom: 0;
                    }
                    a{
                        text-decoration: underline;
                    }
                    .sec_article_container_box_head{
                        padding-bottom: 1em;
                        margin-bottom: 1em;
                        border-bottom: var(--bordersize) solid var(--subcolor);
                        font-weight: 700;
                    }
                    .sec_article_container_box_inner {
                        overflow: hidden;
                        will-change:opacity;
                        p:last-of-type{
                            margin-bottom: 0;
                        }
                        &:has(.visible){
                            overflow: visible;
                        }
                    }
                    @media screen and (min-width:1280px) {
                        padding: 20px;
                    }
                }
            }
        }
    }
}