/*
Theme Name: My Fast SEO Child
Theme URI: https://example.com/child-theme/
Author: Your Name
Author URI: https://yourwebsite.com/
Description: My Fast SEO Theme のデザインカスタマイズ用子テーマ。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: my-fast-seo-theme
Text Domain: my-fast-seo-child
*/

/*
 * 【修正後の構造的に正しいCSS】
 * テーマのグローバルCSSファイル (style.css など) に適用
 */

/* 1. 全てのコンテンツラッパーを中央寄せにし、テーブルの親の float を排除 */
.entry-content {
    /* コンテンツエリア自体を中央寄せ (テーマ全体の幅調整) */
    margin-left: auto;
    margin-right: auto;
    /* floatの影響を確実にクリア */
    float: none !important;
}

/* 2. table 要素への display: block; を削除し、ラッパー要素を使う */
.entry-content table,
table {
    /* ❌ 問題の根源だった display: block; を削除またはコメントアウト */
    /* display: block; */ 
    
    /* table 要素は初期値 (display: table) に戻す */
    display: table;
    
    /* overflow-x: auto; と width: 100% は維持（レスポンシブのため） */
    overflow-x: auto;
    width: 100%;
}

/* 3. カスタムテーブルを囲むラッパーを確実に中央寄せ */
.price-table-wrapper {
    /* margin: 0 auto; が機能するために必要な設定をここで保証 */
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}

        /* 共通設定 */
        body {
            font-family: 'Noto Sans JP', sans-serif;
            color: #333;
            line-height: 1.8;
            background-color: #f8fafc;
        }
        
        .font-heading {
            font-family: 'Shippori Mincho', serif;
        }

        .bg-chic {
            background-color: #1a1e26;
        }
        
        .text-gold {
            color: #c2a373;
        }

        /* * ==============================================
         * Contact Form 7 デザイン用 CSS
         * WordPressの「外観 > カスタマイズ > 追加CSS」
         * またはテーマのstyle.cssに記述してください。
         * ==============================================
         */

        /* フォームのコンテナ */
        .cf7-container {
            width: 100%;
        }

        /* 各入力エリアの余白 */
        .cf7-container p {
            margin-bottom: 1.5rem;
        }

        /* ラベルスタイル */
        .cf7-container label {
            display: block;
            font-size: 0.875rem;
            font-weight: 700;
            color: #374151;
            margin-bottom: 0.5rem;
        }

        /* 必須マーク */
        .cf7-container .required {
            color: #ef4444;
            margin-left: 4px;
            font-size: 0.8rem;
        }

        /* 入力フィールド (テキスト, メール, テキストエリア, セレクトボックス) */
        .cf7-container input[type="text"],
        .cf7-container input[type="email"],
        .cf7-container input[type="tel"],
        .cf7-container textarea,
        .cf7-container select {
            width: 100%;
            padding: 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 0.5rem;
            background-color: #f8fafc;
            font-size: 1rem;
            transition: all 0.3s ease;
            box-sizing: border-box;
        }

        /* フォーカス時のスタイル */
        .cf7-container input:focus,
        .cf7-container textarea:focus,
        .cf7-container select:focus {
            outline: none;
            border-color: #c2a373;
            background-color: #fff;
            box-shadow: 0 0 0 3px rgba(194, 163, 115, 0.1);
        }

        /* 送信ボタン */
        .cf7-container input[type="submit"] {
            width: 100%;
            background: linear-gradient(135deg, #c2a373 0%, #967646 100%);
            color: white;
            font-weight: bold;
            padding: 1.25rem;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            font-size: 1.1rem;
            margin-top: 1rem;
            -webkit-appearance: none;
        }

        .cf7-container input[type="submit"]:hover {
            opacity: 0.9;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -10px rgba(194, 163, 115, 0.5);
        }

        /* 注意書きテキスト */
        .cf7-note {
            font-size: 0.75rem;
            color: #6b7280;
            text-align: center;
            margin-top: 1.5rem;
            line-height: 1.5;
        }

        /* エラーメッセージ（CF7標準）の調整 */
        .wpcf7-not-valid-tip {
            color: #ef4444;
            font-size: 0.8rem;
            margin-top: 0.25rem;
            font-weight: bold;
        }

        /* 送信完了メッセージ等の枠 */
        .wpcf7-response-output {
            border-radius: 0.5rem;
            font-size: 0.9rem;
            margin-top: 2rem !important;
            padding: 1rem !important;
        }

        /* --- サイドバー用スタイル --- */
        .btn-line {
            background-color: #06C755;
            color: white;
            transition: all 0.3s ease;
        }
        .btn-line:hover {
            background-color: #05b34c;
            box-shadow: 0 4px 12px rgba(6, 199, 85, 0.3);
        }