/* =========================
   KAMIHOSHI × PMPro 共通設定
========================= */

/* フォント・全体トーン */
.pmpro {
    font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
    color: #2b2b2b;
    line-height: 1.8;
	padding: 20px;
}

/* 見出し（神秘感を出す） */
.pmpro h1,
.pmpro h2,
.pmpro h3 {
    letter-spacing: 0.08em;
    font-weight: 600;
}

/* =========================
   テーブル（会員情報・請求情報）
========================= */
.pmpro_table {
    border-collapse: collapse;
    width: 100%;
}

.pmpro_table th {
    background: #f4f2ee;
    color: #444;
    font-weight: 600;
    padding: 12px;
}

.pmpro_table td {
    padding: 12px;
    border-bottom: 1px solid #e5e2dc;
}

/* =========================
   メインボタン（ご神託カラー）
========================= */
.pmpro_btn,
.pmpro_btn-submit {
    background: linear-gradient(135deg, #4b3cff, #7a6bff);
    color: #fff;
    border-radius: 999px;
    padding: 12px 26px;
    font-weight: bold;
    letter-spacing: 0.08em;
    border: none;
    transition: all 0.3s ease;
}

.pmpro_btn:hover,
.pmpro_btn-submit:hover {
    opacity: 0.85;
    transform: translateY(-1px);
}

/* =========================
   サブ・キャンセルボタン
========================= */
.pmpro_btn-cancel {
    background: #f0f0f0;
    color: #666;
    border-radius: 999px;
}

.pmpro_btn-cancel:hover {
    background: #e0e0e0;
}

/* =========================
   メッセージ（守護・案内）
========================= */
.pmpro_message {
    background: #f3f6ff;
    border-left: 4px solid #4b3cff;
    padding: 14px 18px;
    border-radius: 6px;
}

/* =========================
   エラー（きつくしすぎない）
========================= */
.pmpro_error {
    background: #fff2f2;
    border-left: 4px solid #c93636;
    color: #7a1f1f;
    padding: 14px 18px;
    border-radius: 6px;
}

/* =========================
   フォーム入力
========================= */
.pmpro input[type="text"],
.pmpro input[type="email"],
.pmpro input[type="password"],
.pmpro select {
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 10px 12px;
    width: 100%;
}

/* =========================
   モバイル最適化
========================= */
@media (max-width: 768px) {
    .pmpro_btn,
    .pmpro_btn-submit {
        width: 100%;
        text-align: center;
    }

    .pmpro_table th,
    .pmpro_table td {
        font-size: 14px;
    }
}