.review-container {

    max-width: 700px;
    margin: 50px auto;
    padding: 30px;

    background: #fff;

    border-radius: 10px;
}

.review-container h1 {
    margin-bottom: 30px;
}

.review-container label {

    display: block;

    margin-top: 15px;
    margin-bottom: 5px;
}

.review-container input,
.review-container select,
.review-container textarea {

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    box-sizing: border-box;
}

.review-container button {

    margin-top: 20px;

    padding: 12px 24px;

    cursor: pointer;
}

.success {

    color: green;

    margin-bottom: 20px;
}

/* ==========================
   Review Form
========================== */

.review-container {

    max-width: 800px;

    margin: 80px auto;

    padding: 40px;

    background: #fff;
}

.review-container h1 {

    font-size: 32px;

    margin-bottom: 10px;

    font-weight: 400;
}

.review-description {

    color: #666;

    margin-bottom: 40px;

    line-height: 1.8;
}

.review-container form {

    display: flex;

    flex-direction: column;

    gap: 20px;
}

.review-container label {

    font-size: 14px;

    font-weight: 600;

    color: #333;
}

.review-container input,
.review-container select,
.review-container textarea {

    width: 100%;

    padding: 14px;

    border: 1px solid #ddd;

    background: #fff;

    font-size: 14px;

    box-sizing: border-box;

    transition: .3s;
}

.review-container input:focus,
.review-container select:focus,
.review-container textarea:focus {

    outline: none;

    border-color: #333;
}

.review-container textarea {

    resize: vertical;

    min-height: 180px;

    line-height: 1.8;
}

.review-container button {

    width: 220px;

    padding: 14px;

    border: 1px solid #222;

    background: #222;

    color: #fff;

    cursor: pointer;

    transition: .3s;
}

.review-container button:hover {

    background: #fff;

    color: #222;
}

.success {

    padding: 15px;

    margin-bottom: 30px;

    background: #f5f5f5;

    border-left: 4px solid #333;
}

/* ==========================
   対象商品
========================== */

.review-product {

    margin-bottom: 40px;
}

.review-product h3 {

    margin-bottom: 15px;

    font-size: 18px;
}

.review-product-card {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 20px;

    border: 1px solid #ddd;

    background: #fafafa;
}

.review-product-card img {

    width: 100px;

    height: 100px;

    object-fit: cover;

    border: 1px solid #ddd;
}

.review-product-name {

    font-size: 18px;

    font-weight: 600;


    /* ==========================
   review.php レスポンシブ
========================== */

    @media (max-width: 768px) {


        body {

            overflow-x: hidden;

        }


        /* ヘッダー */

        .header-inner {

            padding: 20px;

            text-align: center;

        }


        .lc-logo {

            width: 180px;

            max-width: 80%;

        }



        /* レビュー全体 */

        .review-container {

            width: 100%;

            max-width: 100%;

            padding: 30px 20px;

            box-sizing: border-box;

        }



        .review-container h1 {

            font-size: 36px;

            text-align: center;

        }



        .review-description {

            font-size: 14px;

            line-height: 1.8;

        }



        /* 商品カード */

        .review-product-card {

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

        }


        .review-product-card img {

            width: 100%;

            max-width: 280px;

            height: auto;

        }



        /* フォーム */

        form {

            width: 100%;

        }


        label {

            display: block;

            margin-top: 20px;

            margin-bottom: 8px;

            font-size: 14px;

        }



        input,
        select,
        textarea {

            width: 100%;

            box-sizing: border-box;

            font-size: 16px;

        }



        textarea {

            min-height: 150px;

        }



        /* 割引説明 */

        .review-discount {

            padding: 15px;

            line-height: 1.7;

            font-size: 14px;

        }



        /* 投稿ボタン */

        .review-submit {

            width: 100%;

            margin-top: 25px;

            padding: 15px;

            font-size: 16px;

        }


    }