.titleBox {
    display: flex;
        justify-content: center;
}
@media screen and (max-width: 960px) {
    .column-wrapper {
        padding-top: min(10vw, 60px);
    }
}

.single-works .post_title-category {
    font-size: min(3.2vw, 12px);
    margin-bottom: min(4.3vw, 24px);
}
.single-works #post_title h1 {
    margin-bottom: 0;
}
.single-works .bodyText h2 {
    font-size: 1.25em;
    padding-left: 1em;
    position: relative;
}
.single-works .bodyText h2::before {
    background: var(--mainColor);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .38em;
        left: 0;
    width: .6em;
    height: .6em;
}

.works_slider .swiper-slide {
    padding: 0 min(1vw, 7px);
}
.works_slider figure {
    max-height: 700px;
}

.works_slider-thumbnail {
    margin: 25px auto 0;
    width: min(100%, 1000px);
}
.works_slider-thumbnail .swiper-slide {
    cursor: pointer;
    padding: 0 min(1vw, 7px);
}
.works_slider-thumbnail .coverImg {
    padding-top: 80%;
}
.works_slider-thumbnail .coverImg:hover img {
    transform: scale(1.05);
}



/*====================================================
////id |  nav
====================================================*/

.nav-item-wrapper {
    font-size: min(3.2vw, 14px);
    display: flex;
        flex-wrap: wrap;
        gap: .3em;
        justify-content: center;
}
.nav-item-link {
    border: solid 1px var(--color_5);
    padding: .1em .8em;
}
.nav-item-link.current {
    background-color: var(--color_5);
    color: #fff;
    opacity: .6;
    pointer-events: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 991.9px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 992px) {
}

@media (hover: hover) {
    .nav-item-link:hover {
        background-color: var(--color_2);
        color: #fff;
    }
}

/*====================================================
////id |  archive
====================================================*/
#page_title .page_title-head .en > span:nth-child(2) {
    color: var(--color_1);
}
.works_archive-item-wrapper {
    display: grid;
        grid-gap: min(8vw, 40px) min(3vw, 30px);
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));        
}
.archive-item-category {
    font-size: .85em;
    margin-top: 15px;
}
.archive-item-title {
    margin-top: .8em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .works_archive-item-img .coverImg {
        padding-top: min(80%, 350px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .works_archive-item-img .coverImg {
        padding-top: min(80%, 350px);
    }
}

@media screen and (min-width: 960px) {
    .works_archive-item-wrapper {
        /* grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));         */
    }
}

@media (hover: hover) {}