.post-type-archive-clinic,
.tax-clinic_category{

    .post-card-clinic.is-horizontal{
        flex-direction: column;
        background: #FFFFFF;
        border: 1.5px solid rgba(89, 86, 86, 0.15);
        border-radius: 12px;
        padding: 20px;
    }
    /* h3 */
    h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
        color: var(--myblack);
        font-style: normal;
        font-weight: 800;
        font-size: 22px;
        line-height: 160%;
        /* または35px */
        letter-spacing: 0.05em;
        padding: 0 .5em .5em;
        position: relative;
        @media (max-width: 600px) {
            font-size: 16px;
        }
    }

    /* h3 border*/
    h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
        display: block;
        left: 0;
        bottom: 0;
        position: absolute;
        z-index: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: repeating-linear-gradient(90deg, var(--mygreen) 0%, var(--mygreen) 13.4%, rgba(150, 150, 150, .2) 13.4%, rgba(150, 150, 150, .2) 100%);
    }

    /*category color btn */
    .category-filter {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 34px;
        align-items: center;
        justify-content: flex-start;
    }
    .post-card-clinic__category {
        color: #FFFFFF;
        padding: 4px 12px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .category-filter__item__tax{
        color: #FFFFFF;
        padding: 4px 12px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-color: #5956560D;
        a{
            color: var(--myblack);
            &.is-active{
                color: #FFFFFF;
            }
        }
    }


    /* sort in header */
    .post-card-list-header__form {
        display: flex;
        align-items: center;
        margin-left: auto;
        gap: 1em;
        margin-top: 45px;
        margin-bottom: 45px;
    }

    /* meta */
    .post-card-clinic__meta {
        font-size: 16px;
    }
    .post-card-list .post-card-clinic__area {
        padding: 5px 13px;
        border-radius: 5px;
    }

    /* title */
    .post-card-clinic.is-horizontal .post-card-clinic__title {
        color: var(--myblack);
        font-size: 16px;
        letter-spacing: 0.05em;

        font-weight: 800;
        margin-top: 16px;
        margin-bottom: 16px;
        text-underline-offset: unset;
        text-decoration: unset;
        @media screen and (min-width: 600px) {
            font-size: 22px;
        }
    }

/* title and review stars */
    .post-card-clinic__wrappermeta {
        display: block;

        @media screen and (min-width: 600px) {
            display: flex;
            flex-flow: row;
            justify-content: space-between;
        }
        .post-card-clinic__review-kuchikomi{
            font-weight: 400;
            font-size: 12px;
            line-height: 200%;
            /* ボックスの高さと同一、または24px */
            letter-spacing: 0.05em;
            color: var(--myblack);
             background: rgba(89, 86, 86, 0.05);

        }
    }
    .post-card-clinic__review-lead{
        font-weight: 400;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 200%;
        letter-spacing: 5%;
        background: #5956560D;
        padding: 1px 10px;
        margin-right: 10px;
    }
    .post-card-clinic__introtitle{
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.05em;
        color: var(--myblack);
        margin-top: 14px;
    }

    .post-card-clinic__introduction {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.05em;
        color: var(--myblack);
        padding-left: 0;
        margin-top: 10px;
    }
    .post-card-clinic.is-horizontal .post-card-clinic__introduction {
        -webkit-line-clamp: 2;
    }

    .post-card-clinic.is-horizontal .entry-clinic__campaign{
        margin-top: 20px;
        color: var(--mygreen);
        border-top: 1.5px dashed #D9D9D9;

        .entry-clinic__campaign-item {
            background: url(./images/clinic-campain-ico.svg) no-repeat left 1em top 1em/3.2em;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.1em 0em 1em 5em;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 200%;
            letter-spacing: 0.05em;
            color: var(--mygreen);
            @media screen and (min-width: 600px) {
                font-size: 16px;
            }
            .entry-clinic__campaign-item-title{
                margin-bottom: unset;
            }
        }
    }

    /* Slider */

    .postkclinic-slider {
        margin-bottom: 16px;
        border-radius: 4px;
        overflow: hidden;
        position: relative;
    }

    .postkclinic-slider-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        cursor: grab;
        gap: 15px;
        &.is-dragging {
            cursor: grabbing;
        }

        @media screen and (max-width: 600px) {
            gap: 15px;
        }
    }

    .postkclinic-slider-track::-webkit-scrollbar {
        display: none;
    }

    .postkclinic-slide {
        flex: 0 0 100%;
        scroll-snap-align: center;
        width: 100%;
        aspect-ratio: 4 / 3;
        @media screen and (max-width: 600px) {
            flex: 0 0 90%;
            width: 90%;
        }
    }

    .postkclinic-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 12px;
    }

    @media (min-width: 600px) {
        .postkclinic-slider {
            width: 100%;
            flex-shrink: 0;
            margin-bottom: 0;
        }

        .postkclinic-slider-track {
            gap: 15px;
            /* スクロールバーを常に表示する場合は 'scroll' */
            overflow-x: auto;
        }

        .postkclinic-slide {
            flex: 0 0 42%;
        }
    }

}