.archive {
    /* max-width: calc(calc(var(--page-width) - var(--max-width-navbar-li)) - 20px); */
    float: unset;
    /* display: flex !important; */
}

.archive article, .ce-holder-home article {
    max-width: calc(var(--max-width-navbar-li) * 2);
}

.site-main .ce-holder.ce-holder-home {
    display: block !important;
}

.site-main .ce-holder.ce-holder-home .box-area {
    margin-top: calc(calc(var(--font-size-h1-fix) * -1) - 22.4px);
}

.ce-holder-home .box img, .archive .box img {
    opacity: 1;
}

.box.box-top {
    
    margin-bottom: 0px;
    color: #FFFFFF;
}

.box.box-top .categories {
    list-style: none;
}

.box.box-top .box-content {
    margin-top: 10px;
}

.box.box-top ul {
    list-style: none;
}

.box.box-top a {
    text-decoration: none;
    color: #FFFFFF;
}

.box.box-top a:hover {
    color: var(--primary-logo-2);
}

.box.box-second {
    min-height: 100px;
    margin-top: -20px;
}

.box.box-second li {
    list-style: none;
}

.box.box-second a {
    text-decoration: none;
    color: #000000;
    font-size: var(--font-size-h1-fix);
}

.box.box-second .archive-list {
   padding: 0;
}

.box.box-second .archive-list ul {
    padding-left: 0px;
    margin-top: -10px;
 }

.box.box-second .archive-list a {
    font-size: var(--font-size-h2-fix);
}

.box.box-second .archive-list a:hover {
    color: #FFFFFF;
}

.box.box-second .archive-list ul li {
    margin-bottom: 10px;
}

.box.box-second .archive-list ul li a {
    font-size: var(--font-size-content);
    line-height: calc(var(--font-lh-menu-sub) - 2px);
    display: block;
}

.box.box-second .archive-list ul li a:hover {
   color: #FFFFFF;
}

@media screen and (max-width: 766px) {
    .site-main .ce-holder.ce-holder-home {
        display: flex !important;
        flex-direction: column !important;
    }

    .site-main .ce-holder.ce-holder-home .box-area {
        order: 99999;
    }
}