/* PC・タブレット向けの共通スタイル */
.content img {
    width: 100%;
    height: auto;
    display: block;
}

/* リンクボタンのスタイル */
.entry-link {
    text-align: center; /* 文字を中央に配置 */
    margin: 20px 0; /* 上下の余白を追加 */
}

.entry-link a {
    color: red; /* 文字色を赤色に */
    font-size: 30px; /* PC・タブレット用の文字サイズ */
    text-decoration: none; /* 下線を非表示に */
    font-weight: bold; /* 文字を太字に */
}

/* スマホ用の画像はPCでは非表示にする */
.sp-images {
    display: none;
}

/* PC・タブレット用の画像はPCでは表示する */
.pc-images {
    display: block;
}

/* 画面幅が768px以下の場合（スマホ） */
@media screen and (max-width: 768px) {
    /* PC用の画像はスマホでは非表示にする */
    .pc-images {
        display: none;
    }

    /* スマホ用の画像はスマホでは表示する */
    .sp-images {
        display: block;
    }

    /* スマホでのみ、リンクの文字サイズを変更 */
    .entry-link a {
        font-size: 20px;
    }
}