/* =========================================================
TOPニュース
左：画像
右：日付＋タイトル＋NEW
概要なし
========================================================= */

#rss-news-cards,
#info2,
#tottori_pref2,
#shimane_pref2,
#pr2,
.rss-news-block{
    width:100%;
    max-width:100%;
}

.rss-news-layout,
.rss-news-layout.fixed-five{
    display:block;
    width:100%;
}

/* 記事カード */
.rss-news-main,
.rss-news-sub-card{
    width:100%;
    margin-bottom:12px;
    border-bottom:1px solid #e5e7eb;
    padding-bottom:12px;
    transition:opacity .15s ease;
    box-shadow:none;
    border-radius:0;
    background:transparent;
}

.rss-news-main:last-child,
.rss-news-sub-card:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}

.rss-news-main:hover,
.rss-news-sub-card:hover{
    transform:none;
    box-shadow:none;
}

/* 横並び */
.rss-news-main-link,
.rss-news-sub-link{
    display:grid;
    grid-template-columns:120px minmax(0, 1fr);
    gap:12px;
    align-items:start;
    padding:0;
    color:inherit;
    text-decoration:none;
}

.rss-news-main-link:hover,
.rss-news-sub-link:hover{
    opacity:.95;
}

/* 画像 */
.rss-news-main-image-wrap,
.rss-news-sub-image-wrap{
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:6px;
    background:#eef2f7;
}

.rss-news-main-image,
.rss-news-sub-image{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover;
}

/* 本文 */
.rss-news-main-body,
.rss-news-sub-body{
    min-width:0;
    padding:0;
}

/* 日付 */
.rss-news-date{
    display:block;
    margin:0 0 6px;
    color:#6b7280;
    font-size:11px;
    font-weight:600;
    line-height:1.4;
}

/* タイトル */
.rss-news-main-title,
.rss-news-sub-title{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:#111827;
    font-size:16px;
    font-weight:700;
    line-height:1.45;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

/* 概要は消す */
.rss-news-main-text{
    display:none;
}

/* NEWマークを出したい場合は .new を付ける */
.rss-news-main.new .rss-news-main-title::before,
.rss-news-sub-card.new .rss-news-sub-title::before{
    content:"NEW";
    display:inline-block;
    margin-right:6px;
    padding:2px 6px;
    border-radius:4px;
    background:#e60023;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    vertical-align:middle;
}

/* もっと見る */
.rss-news-more-wrap{
    display:flex;
    justify-content:flex-end;
    margin:0 0 10px;
}

.rss-news-more-link{
    display:inline-block;
    padding:6px 12px;
    border:1px solid #cfd8e3;
    border-radius:9999px;
    background:#fff;
    color:var(--link);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    line-height:1.4;
}

.rss-news-more-link:hover{
    background:var(--link);
    border-color:var(--link);
    color:#fff;
}

/* さらに表示 */
.rss-load-more-wrap{
    display:flex;
    justify-content:center;
    width:100%;
    margin:18px 0 22px;
}

.rss-load-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    padding:10px 18px;
    border:1px solid #cfd8e3;
    border-radius:9999px;
    background:#fff;
    color:var(--link);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.rss-load-more-btn:hover{
    background:var(--link);
    border-color:var(--link);
    color:#fff;
}

/* スマホ */
@media (max-width:640px){
    .rss-news-main-link,
    .rss-news-sub-link{
        grid-template-columns:88px minmax(0, 1fr);
        gap:10px;
    }

    .rss-news-date{
        margin:0 0 4px;
        font-size:10px;
    }

    .rss-news-main-title,
    .rss-news-sub-title{
        font-size:14px;
        line-height:1.4;
    }

    .rss-news-main.new .rss-news-main-title::before,
    .rss-news-sub-card.new .rss-news-sub-title::before{
        margin-right:5px;
        padding:2px 5px;
        font-size:9px;
    }

    .rss-news-more-link{
        padding:5px 10px;
        font-size:12px;
    }

    .rss-load-more-btn{
        width:100%;
        max-width:320px;
        min-width:0;
        padding:10px 14px;
        font-size:13px;
    }
}