/* =========================================
   閲覧ページ（詳細・プレビュー）用デザイン (強制適用版)
   ========================================= */

/* ラッパー自体のフォント調整 */
.mpm-single-view {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

/* 1. 物件詳細テーブル */
.mpm-single-view table.mpm-view-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #999 !important;
    margin-bottom: 30px !important;
    table-layout: fixed !important; /* 幅を固定して均等に */
}

/* ヘッダーセル */
.mpm-single-view .mpm-view-table th {
    border: 1px solid #bbb !important;
    padding: 15px 18px !important;
    background: #f2f2f2 !important;
    width: 25% !important;
    font-weight: bold !important;
    color: #333 !important;
    vertical-align: middle !important;
}

/* データセル */
.mpm-single-view .mpm-view-table td {
    border: 1px solid #bbb !important;
    padding: 15px 18px !important;
    background: #fff !important;
    color: #444 !important;
    vertical-align: middle !important;
    word-break: break-all; /* 長いURL等で崩れないように */
}

/* 2. 料金プランテーブル */
.mpm-single-view table.mpm-view-price-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #999 !important;
    margin-bottom: 20px !important;
}

.mpm-single-view .mpm-view-price-table th, 
.mpm-single-view .mpm-view-price-table td {
    border: 1px solid #bbb !important;
    padding: 12px 15px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 料金表ヘッダー */
.mpm-single-view .mpm-view-price-table th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* キャッチコピー */
.mpm-catch-copy-box {
    border: 3px solid #ff9800 !important;
    background: #fff8e1 !important;
    padding: 20px !important;
    margin: 30px 0 20px !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
    text-align: center !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* 見出し */
h3.mpm-header {
    background: #333 !important;
    color: #fff !important;
    padding: 12px 15px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    border-radius: 3px !important;
    font-size: 18px !important;
    border: none !important;
}

/* スマホ対応 */
@media (max-width: 600px) {
    .mpm-single-view .mpm-view-table th, 
    .mpm-single-view .mpm-view-table td {
        display: block !important;
        width: 100% !important;
    }
    .mpm-single-view .mpm-view-table th {
        background: #e0e0e0 !important;
        border-bottom: none !important;
    }
}