@charset "UTF-8";
.mod_btn a.func_read_more {
    display:none
}
@media screen and (min-width:768px),print {
    #content #news_list {
        padding-bottom:120px
    }
    #content #news_list .rss_link {
        position:relative
    }
    #content #news_list .rss_link a {
        display:inline-block;
        position:absolute;
        top:45px;
        right:70px;
        color:#000
    }
    #content #news_list .rss_link a:hover {
        border-bottom:1px solid #000
    }
    #content #news_list .rss_link a > span {
        display:inline-block;
        font-size:13px;
        position:relative;
        top:4px
    }
    #content #news_list .rss_link a > span:after {
        content:"";
        display:inline-block;
        width:19px;
        height:18px;
        background:url("/wealthstyle/common/images/sprite.png") no-repeat scroll -29px top;
        margin-left:13px
    }
    @media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
        #content #news_list .rss_link a > span:after {
            background:url("/wealthstyle/common/images/sprite_x2.png") no-repeat scroll -29px top;
            -webkit-background-size:300px 800px;
            -o-background-size:300px 800px;
            background-size:300px 800px
        }
    }
    #content #news_list h1 {
        padding-top:32px;
        padding-bottom:37px;
        text-align:center;
        font-size:24px;
        font-weight:600;
        color: #222222;
		font-family: "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
    }
    #content #news_list h1 > span {
        display:block;
        margin-top:0;
        font-size:14px;
        font-weight:700;
        letter-spacing:.3em
    }
    #content #news_list .category_info {
        padding:0 15px
    }
    #content #news_list .category_info > div {
        box-sizing:border-box;
        display:none;
        width:70%;
        max-width:1280px;
        padding:9px 0 18px;
        text-align:center;
        background-color:#f6f6f6;
        border:3px double #ccc;
        margin:0 auto 20px
    }
    #content #news_list .category_info > div.active {
        display:block
    }
    #content #news_list .category_info > div .title {
        box-sizing:border-box;
        padding:0 15px;
        margin:0 auto;
        max-width:1310px;
        text-align:center;
        font-size:16px
    }
    #content #news_list .category_info > div .txt {
        box-sizing:border-box;
        padding:0 15px;
        margin:10px auto 0;
        max-width:1310px;
        font-size:14px;
        text-align:left
    }
    #content #news_list .category_tab {
        border-bottom:3px double #ccc
    }
    #content #news_list .category_tab ul {
        width:100%;
        max-width:1195px;
        margin:0 auto;
        font-size:0px
    }
    #content #news_list .category_tab ul li {
        box-sizing:border-box;
        display:inline-block;
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        width:199px
    }
    #content #news_list .category_tab ul li:nth-of-type(1) {
        border-left:1px solid #ccc
    }
    #content #news_list .category_tab ul li a {
        box-sizing:border-box;
        display:block;
        text-align:center;
        padding:12px 12px 10px;
        background-color:#f6f6f6;
        color:#000;
        font-size:14px;
        line-height:1em
    }
    #content #news_list .category_tab ul li a:hover,#content #news_list .category_tab ul li.active a {
        background-color:#454545;
        color:#fff;
        text-decoration:none
    }
    #content #news_list .article_list_wrapper_wrapper {
        padding-inline: 20px;
        margin-bottom: 40px;
    }
    #content #news_list .article_list_wrapper {
        width:100%;
        margin:0 auto;
        overflow:hidden
    }
    #content #news_list ul.article_list {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(335px,1fr));
        gap: 20px;
    }
    #content #news_list ul.article_list li {
        display: none; /* 初期は非表示 */
        position: relative;
        border: 1px solid #DFDFDF;
        min-height: 415px;
        transition: border 0.3s;
    }
    #content #news_list ul.article_list li:hover{
        border: 1px solid currentColor;
    }
    #content #news_list ul.article_list li.showup,#content #news_list ul.article_list li.grid-sizer {
        display:block
    }
    #content #news_list ul.article_list li.grid-sizer {
        padding-top:0;
        padding-bottom:0
    }
    #content #news_list ul.article_list.col3 li {
        width:33.3333%
    }
    #content #news_list ul.article_list.col3 {
        background:#000 url("/wealthstyle/common/images/pin_bg.gif") repeat-y scroll center top;
        -webkit-background-size:100% auto;
        -o-background-size:100% auto;
        background-size:100% auto
    }
    #content #news_list ul.article_list li article {
        height:100%;
    }
    #content #news_list ul.article_list li article > a {
        box-sizing:border-box;
        display:flex;
        flex-direction: column;
        gap: 22px;
        padding:20px;
        position: relative;
        height:100%;
    }
    #content #news_list ul.article_list li article > a:hover{
        text-decoration: none;
    }
    #content #news_list ul.article_list li article > a:hover .meta h2{
        color: #777!important;
    }
    #content #news_list ul.article_list li article .meta{
        display:flex;
        gap: 22px;
        flex-direction: column;
    }
    #content #news_list ul.article_list li .img {
        overflow:hidden;
        order: -1;
    }
    #content #news_list ul.article_list li .img img {
        display:block;
        width:100%;
        transition: all 0.5s ease;
        aspect-ratio: 295 / 175;
        height: 100%;
        object-fit: cover;
    }
    #content #news_list ul.article_list li article h2 {
        color:#222222;
        font-size: 20px;
        line-height: 1.5;
    }
    #content #news_list ul.article_list li article:hover .img img {
        scale: 1.05;
        -moz-opacity:.7;
        opacity:.7;
        -webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        -o-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05);
        filter:alpha(opacity=70);
        -ms-filter:"alpha(opacity=70)";
        zoom:1;
    }
    #content #news_list ul.article_list li article .meta >.date_and_category {
        margin-top:0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
    }
    #content #news_list ul.article_list li.no_img .date_and_category {
        margin-top:0
    }
    #content #news_list ul.article_list li article h2,
    #content #news_list ul.article_list li .date_and_category .date,
    #content #news_list ul.article_list li .date_and_category .new,
    #content #news_list ul.article_list li .date_and_category .category{
        font-family: "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
    }
    #content #news_list ul.article_list li .date_and_category .date {
        color: #222222;
        font-size:12px;
        line-height: 1.5;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
    #content #news_list ul.article_list li .date_and_category .new {
        font-size:12px;
        color:#DD6B6B;
        font-weight: 600;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
    #content #news_list ul.article_list li .date_and_category .category {
        border: 1px solid currentColor;
        color: #DD6B6B;
        font-weight: 600;
        font-size: 12px;
        display: grid;
        place-items: center;
        padding-inline: 12px;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
}
@media all and (-ms-high-contrast:none) and (min-width:768px) {
    *::-ms-backdrop,#content #news_list ul.article_list li .date_and_category .category {
        padding:4px 6px 2px
    }
}
@media screen and (min-width:768px),print {
    #content #news_list ul.article_list li .date_and_category a:hover .category {
        color:#acacac
    }
    #content #news_list ul.article_list li.no_img h2 {
        font-size:26px
    }
    #content #news_list ul.article_list h2 a:hover {
        color:#777 !important
    }
    #content #news_list ul.article_list h2 a::before {
        content:'';
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index: 10;
    }
    #content #news_list ul.article_list li .lead {
        margin-top:20px;
        font-size:14px
    }
    #content #news_list .result_zero {
        display:none;
        padding:100px 60px;
        text-align:center
    }
    #content #news_list .loading {
        background:url("/wealthstyle/common/images/loading.gif") no-repeat scroll center center;
        min-height:30px;
        margin-bottom:30px
    }
}
@media all and (max-width:1210px) and (min-width:768px) {
    #content #news_list .category_tab ul {
        box-sizing:border-box;
        padding:0 20px
    }
    #content #news_list .category_tab ul li {
        width:33%
    }
    #content #news_list .category_tab ul li:nth-of-type(3n+2) {
        width:34%
    }
    #content #news_list .category_tab ul li:nth-of-type(4) {
        border-left:1px solid #ccc
    }
}
@media screen and (max-width:767px) {
    #content #news_list {
        padding-bottom:40px
    }
    #content #news_list .rss_link {
        position:relative
    }
    #content #news_list .rss_link a {
        display:inline-block;
        position:absolute;
        top:30px;
        right:10px;
        color:#000
    }
    #content #news_list .rss_link a > span {
        display:inline-block;
        font-size:8px;
        position:relative;
        top:4px
    }
    #content #news_list .rss_link a > span:after {
        content:"";
        display:inline-block;
        width:9px;
        height:9px;
        background:url("/wealthstyle/common/images/sp_icon_rss.png") no-repeat scroll 0 0;
        -webkit-background-size:9px 9px;
        -o-background-size:9px 9px;
        background-size:9px 9px;
        margin-left:5px
    }
    #content #news_list h1 {
        font-size:20px;
        line-height: 1.5;
        font-weight:600;
        text-align: center;
        color:#222222;
        padding-block: 36px 24px;
    }
    #content #news_list .article_list_wrapper_wrapper{
        margin-bottom: 40px;
    }
    #content #news_list h1 > span {
        display:block;
        margin-top:0;
        font-size:10px;
        letter-spacing:.3em
    }
    #content #news_list .category_info > div {
        display:none;
        padding-top:20px;
        padding-bottom:20px
    }
    #content #news_list .category_info > div.active {
        display:block;
        border-bottom:1px solid #ccc
    }
    #content #news_list .category_info > div .title {
        box-sizing:border-box;
        padding:0 15px;
        margin:0 auto;
        max-width:1310px;
        text-align:center;
        font-size:16px
    }
    #content #news_list .category_info > div .txt {
        box-sizing:border-box;
        padding:0 15px;
        margin:0 auto 0;
        max-width:1310px;
        font-size:12px
    }
    #content #news_list .category_tab {
        border-bottom:3px double #ccc
    }
    #content #news_list .category_tab ul {
        font-size:0px
    }
    #content #news_list .category_tab ul li {
        width:50%;
        display:inline-block
    }
    #content #news_list .category_tab ul li:nth-of-type(1) {
        width:100%;
        display:inline-block
    }
    #content #news_list .category_tab ul li a {
        display:block;
        padding:10px 8px;
        text-align:center;
        color:#000;
        font-size:11px;
        line-height:1em;
        background-color:#f6f6f6;
        border-bottom:1px solid #ccc;
        border-right:1px solid #ccc
    }
    #content #news_list ul.article_list h2 a::before {
        content:'';
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index: 10;
    }
    #content #news_list .category_tab ul li:nth-of-type(1) a {
        border-top:1px solid #ccc;
        border-left:1px solid #ccc
    }
    #content #news_list .category_tab ul li:nth-of-type(2n) a {
        border-left:1px solid #ccc
    }
    #content #news_list .category_tab ul li:nth-of-type(6) a,#content #news_list .category_tab ul li:nth-of-type(7) a {
        border-bottom:none
    }
    #content #news_list .category_tab ul li.active a {
        background-color:#454545;
        color:#fff
    }

    #content #news_list .category_tab ul li a:hover {
        text-decoration:none
    }
    #content #news_list ul.article_list{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    #content #news_list ul.article_list li {
        display: none;
    }
    #content #news_list ul.article_list li:nth-of-type(1) {
        border-top:none
    }
    #content #news_list ul.article_list li.showup,#content #news_list ul.article_list li.grid-sizer {
        display:block
    }
    #content #news_list ul.article_list li.grid-sizer {
        border-top:none;
        padding:0
    }
    #content #news_list ul.article_list li article a {
        display: flex;
        align-items: stretch;
        position: relative;
        border: 1px solid #DFDFDF;
    }
    #content #news_list ul.article_list li article a:hover{
        text-decoration: none;
    }
    #content #news_list ul.article_list li article .meta{
        display: flex;
        flex-direction: column;
        padding: 9px 6px;
        gap: 7px;
        flex: 1;
    }
    #content #news_list ul.article_list li article .meta a{
        font-size: 10px;
        line-height: 1.5;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    #content #news_list ul.article_list li .img {
        width: 127px;
        flex-shrink: 0;
        order: -1;
    }
    #content #news_list ul.article_list li .img img {
        width:100%;
        height: 100%;
        vertical-align: bottom;
        object-fit: cover;
    }
    #content #news_list ul.article_list li .date_and_category {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 2px;
    }
    #content #news_list ul.article_list li article h2,
    #content #news_list ul.article_list li .date_and_category .date,
    #content #news_list ul.article_list li .date_and_category .new,
    #content #news_list ul.article_list li .date_and_category .category{
        font-family: "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
    }
    #content #news_list ul.article_list li .date_and_category .date {
        color:#222222;
        font-size:10px;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
    #content #news_list ul.article_list li .date_and_category .new {
        font-size:10px;
        color:#DD6B6B;
        font-weight: 600;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
    #content #news_list ul.article_list li .date_and_category .category {
        border:1px solid currentColor;
        font-weight: 600;
        color:#DD6B6B;
        font-size:8px;
        padding-inline: 2px;
        display: grid;
        place-items: center;
        /* font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans",Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif; */
    }
    #content #news_list ul.article_list li .date_and_category a:hover .category {
        color:#acacac
    }
    #content #news_list ul.article_list li h2 {
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size:10px;
        line-height:1.5;
        height: 30px;
        color: #222222;
    }
    #content #news_list ul.article_list li .lead {
        clear:both;
        margin-top:10px;
        font-size:12px
    }
    #content #news_list .result_zero {
        display:none;
        padding:100px 60px;
        text-align:center
    }
    #content #news_list .loading {
        background:url("/wealthstyle/common/images/loading.gif") no-repeat scroll center center;
        min-height:30px;
        margin-bottom:30px
    }
}
#content #news_list h1 > .category_name {
    display:inline
}
#content #news_list ul.article_list .tag_wrap {
    overflow:hidden
}
#content #news_list ul.article_list .tag_list {
    margin-top:5px;
    font-size:0px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Noto Sans JP,CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
}
#content #news_list ul.article_list .tag_list_item {
    display:inline-block;
    float:none;
    width:auto !important;
    margin-top:2px;
    margin-right:12px;
    padding:0
}
#content #news_list ul.article_list .tag_list_item:nth-child(n+4) {
    display:none
}
#content #news_list ul.article_list .tag_list_item a {
    position:relative;
    font-size:14px;
    color:#4b6a7e !important
}
#content #news_list ul.article_list .tag_list_item a::before {
    display:none
}
#content #news_list ul.article_list .tag_list_item a:hover {
    text-decoration:underline !important
}
@media screen and (max-width:767px) {
    #content #news_list ul.article_list .tag_list_item {
        margin-right:8px;
        border-top:none
    }
    #content #news_list ul.article_list .tag_list_item a {
        font-size:12px
    }
    #content #news_list ul.article_list .tag_list_item a:hover {
        text-decoration:none !important
    }
}

/* 追加 */
.load-more-btn-wrapper{
    display: flex;
    justify-content: center;
}

.load-more-btn{
    background-color: #951A17;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1.5;
    height: 60px;
    display: grid;
    place-items: center;
    border-radius: 100vmax;
    max-width: 320px;
    width: 100%;
}

@media screen and (max-width:767px) {
    .load-more-btn{
        background-color: #951A17;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 1.5;
        height: 40px;
        display: grid;
        place-items: center;
        border-radius: 100vmax;
        max-width:  240px;
        width: 100%;
    }
}