/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:51:50 */
/* =========================
   モバイル最適化
========================= */

@media (max-width: 768px) {

    /* 一覧を1カラム化 */
    .my-posts-list {

        grid-template-columns: 1fr;

        gap: 18px;
    }

    /* カード余白調整 */
    .my-post-item {

        padding: 18px;

        border-radius: 14px;
    }

    /* タイトル */
    .my-post-item h3 {

        font-size: 18px;

        line-height: 1.5;

        word-break: break-word;
    }

    /* アイキャッチ高さ */
    .post-thumbnail img {

        height: 180px;
    }

    /* ボタン縦並び */
    .post-actions {

        flex-direction: column;

        gap: 10px;
    }

    /* ボタン全幅 
    .post-actions a {

        width: 100%;

        text-align: center;

        box-sizing: border-box;
    }
*/
    /* ラベル折返し */
    .post-type-label,
    .draft-label,
    .new-label {

        margin-bottom: 8px;
    }

    /* 検索フォーム縦並び */
    .my-post-search {

        flex-direction: column;
    }

    .my-post-search input,
    .my-post-search button {

        width: 100%;
    }

    /* ページネーション */
    .my-pagination .page-numbers {

        padding: 8px 12px;

        margin: 4px;

        font-size: 14px;
    }
}

@media (max-width: 768px) {

    .site-content {

        padding-left: 12px !important;

        padding-right: 12px !important;
    }
}

/* ボタン共通 */

.post-actions a {

    display: inline-block;

    padding: 10px 16px;

    border-radius: 10px;

    text-decoration: none;

    color: #fff !important;

    font-size: 14px;

    transition: .2s;

    text-align: center;
}
/* hover */

.post-actions a:hover {

    opacity: .85;

    transform: translateY(-1px);
}

/* 見る */

.view-btn {

    background: #0073aa;
}

/* 編集 */

.edit-btn {

    background: #28a745;
}

/* 削除 */

.delete-btn {

    background: #dc3545;
}