@charset "utf-8";

/*********************************
rss
*********************************/

    /* --- デザイン設定（CSS） --- */
    /* リスト全体の枠 */
    #wp-news-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 20px;
    margin-bottom: 20px;
    }
    
    /* 記事カード（枠） */
    .news-item {
        width: 100%; /* スマホは1列 */
/*        border: 1px solid #ddd;*/
        border-bottom: 3px double #ddd;
        padding: 15px;
        box-sizing: border-box;
        background: #fff;
    }

    /* PCなら3列にする設定
    @media (min-width: 768px) {
        .news-item {
            width: calc(33.333% - 14px);
        }
    } */

    .news-link {
        text-decoration: none;
        color: #333;
        display: block;
    }

    /* 画像 */
    .news-thumb {
        width: 100%;
        height: 150px;
        object-fit: cover;
        background-color: #f0f0f0;
        margin-bottom: 10px;
        border-radius: 4px;
    }

    /* タイトル */
    .news-title {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px 0;
        line-height: 1.4;
    }

    /* 日付 */
    .news-date {
     display: none; /*display: block or none */
        font-size: 12px;
        color: #888;
        margin-bottom: 5px;
    }

    /* 抜粋文 */
    .news-excerpt {
        font-size: 13px;
        color: #666;
        margin: 0;
        line-height: 1.5;
    }

    /* ★サムネイルを消す場合はここを display: none; にする */
    .news-thumb-wrapper {
        display: block; /*display: block or none */
    }

/* ▼▼▼ ここから追加（PC表示の横並び設定） ▼▼▼ */
    @media (min-width: 768px) {
        /* リンク全体を横並びボックスにする */
        .news-link {
            display: flex;       /* 横並びにする */
            align-items: flex-start; /* 上揃え */
            gap: 20px;           /* 画像と文字の間の隙間 */
        }

        /* 画像エリアの幅を固定する */
        .news-thumb-wrapper {
            width: 240px;        /* ★PCでの画像の横幅（お好みで調整） */
            min-width: 240px;    /* 幅が縮まないように固定 */
            margin-bottom: 0;    /* スマホ用の下の余白を消す */
        }

        /* 画像の高さを調整（横長になりすぎないようにお好みで） */
        .news-thumb {
            height: 160px;       /* PCでの画像の高さ */
        }

        /* テキストエリア（右側）の幅を自動で広げる */
        .news-body {
            flex: 1;             /* 残りのスペースを全て使う */
            display: flex;       /* 中身を整理 */
            flex-direction: column; /* タイトルと本文は「縦」に積む */
            justify-content: center; /* 中央寄せしたければここを調整 */
        }
        
        /* タイトルをPCでは少し大きくする */
        .news-title {
            font-size: 18px;
            margin-top: 0;
        }
    }
/* ▼▼▼ 追加：文字数の制御 ▼▼▼ */
    
    /* スマホ（基本）: 続きの文字を隠す */
    .pc-more-text {
        display: none;
    }

    /* PC（768px以上）: 続きの文字を表示する */
    @media (min-width: 768px) {
        .pc-more-text {
            display: inline; /* 文章の流れのまま表示 */
        }
    }
    
/* ▼▼▼ 追加：文字数の制御 ▼▼▼ */
    
    /* スマホ（基本）: 続きの文字を隠す */
    .pc-more-text {
        display: none;
    }

    /* PC（768px以上）: 続きの文字を表示する */
    @media (min-width: 768px) {
        .pc-more-text {
            display: inline; /* 文章の流れのまま表示 */
        }
    }

/*********************************adjustment*********************************/

.wp-news-content{
	width:600px;
	margin: 0 auto 50px;
}

.wp-news-heading2 {
	font-size:30px;
	margin-bottom: 10px;
}