/* デザイン画面のみの要素 */
#category [data-collection-list-content] {
    display: contents;
}

body {
    min-width: auto !important;
}

h3 {
    font-family: inherit !important;
    color: inherit !important;
}

#category .topix_item {
    border-bottom: 1px solid #4e7faa;
}

#category .data_none {
    display: none;
}

#category .en_tit {
    margin-bottom: 40px;
}

#category .topix {
    text-align: center;
}

.abisu_topix_container {
    width: 100%;
    margin-bottom: 40px;
}

#category .topix_item a {
    display: block;
    margin: 30px 0;
    text-align: left;

    gap: 20px;
}

#category .topix_item a:hover .btn_nolink {
    background: #dadada;
}

#category .topix_item a:hover .btn_nolink::after {
    background: url(/import/tenant_1/jgh.jp/wp/wp-content/themes/jgh2025/assets/img/home/plan_icon_02.svg) no-repeat right bottom;
}

#category .topix_item .item_category {
    white-space: nowrap;
}

#category .topix_item .item_tit {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}

#category .topix_item .item_category::after {
    content: "｜";
    padding-right: 10px;
}

#category .topix_item .btn_nolink {
    width: 261px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 auto;
    padding: 12px 0;
    white-space: nowrap;
    background: #bfaa64;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#category .topix_item .btn_nolink::after {
    width: 60px;
    background: url(/import/tenant_1/jgh.jp/wp/wp-content/themes/jgh2025/assets/img/home/plan_icon_01.svg) no-repeat right bottom;
    background-size: auto 9px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* ##### ページネーション pager ##### */
:root {
    --color01: #1e3c64;
    --color02: #fff;
}

.pager {
    width: 100%;
    margin: clamp(1.875rem, 1.31rem + 2.42vw, 3.125rem) 0;
}

.pager-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pager-list.-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.pager-list.-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pager-list li {
    width: 2.5em;
    height: 2.5em;
    margin: 0 0.5em;
}

.pager-list li a,
.pager-list li .now {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.25em;
    font-size: 1.25em;
    color: var(--color02);
    line-height: 1;
    border: 1px solid var(--color01);
    border-radius: 0.1em;
    background-color: var(--color01);
    position: relative;
}

.pager-list li a a:hover,
.pager-list li .now a:hover {
    color: var(--color02);
    background-color: var(--color02);
    opacity: 1;
}

.pager-list li a:focus,
.pager-list li .now:focus {
    outline: none;
}

.pager-list li a:hover,
.pager-list li .now {
    color: var(--color01);
    border: 1px solid var(--color01);
    background-color: var(--color02);
    opacity: 1;
}

.pager-list .arrow a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: 1px solid var(--color02);
    border-right: 1px solid var(--color02);
}

.pager-list .arrow a:hover {
    color: var(--color02);
}

.pager-list .arrow a:hover::before {
    border-top: 1px solid var(--color01);
    border-right: 1px solid var(--color01);
}

.pager-list .arrow.-prev a::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.pager-list .arrow.-next a::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pager.-circle-list li a,
.pager.-circle-list li .now {
    border-radius: 100%;
}

.pager.-deformation-list li a,
.pager.-deformation-list li .now {
    border-radius: 0.5em 0;
}

@media (max-width: 1024px) {
    .pager-list.-left\@tb {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pager-list.-right\@tb {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .pager-list li {
        margin: 0 0.25em;
    }
}

@media (max-width: 599px) {
    .pager-list.-left\@sp {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pager-list.-right\@sp {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}