/* =========================
   Base（既存サイトに合わせる）
========================= */

body{
    margin:0;
    background-image:url("../blue_p8b.gif");
    background-repeat:repeat;
    font-family:"Hiragino Mincho ProN","Yu Mincho",serif;
    color:#000;
    line-height:1.6;
}

/* 中央800px固定（既存と同じ） */
.wrapper{
    width:800px;
    margin:30px auto;
}

/* 見出し */
.page-title{
    text-align:center;
    font-size:20px;
    color:#990000;
    font-weight:bold;
    margin-bottom:20px;
}

/* フォームボックス */
.form-box{
    background:#ffffff;
    border:1px solid #999;
    padding:25px;
}

/* ラベル */
label{
    display:block;
    margin-top:15px;
    font-size:14px;
}

/* 入力欄 */
input, textarea{
    width:100%;
    padding:8px;
    margin-top:5px;
    border:1px solid #999;
    font-size:14px;
    box-sizing:border-box;
}

textarea{
    min-height:120px;
}

.error-message{
    color:#990000;
    font-size:13px;
    margin-top:5px;
}

.success-message{
    color:green;
    font-size:13px;
    margin-top:5px;
}


button:disabled{
    background:#dddddd;
    color:#888888;
    border:1px solid #aaa;
    cursor:not-allowed;
}
/* =========================
   ラジオボタン装飾（老舗＋少し今風）
========================= */

.radio-group{
    margin-top:10px;
}

.radio-group input[type="radio"]{
    display:none;
}

.radio-btn{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #666;
    background:#f5f5f5;
    font-size:14px;
    cursor:pointer;
    margin-right:15px;
    transition:0.2s ease;
}

/* ホバー */
.radio-btn:hover{
    background:#e6e6e6;
}

/* 選択状態 */
input[type="radio"]:checked + .radio-btn{
    background:#fff3f3;
    border:1px solid #990000;
    color:#990000;
    font-weight:bold;
}
/* ボタン */
button{
    margin-top:20px;
    padding:8px 20px;
    border:1px solid #666;
    background:#eeeeee;
    font-size:14px;
    cursor:pointer;
}

button:hover{
    background:#dddddd;
}

/* 確認画面テーブル----------------------------------------- */
.confirm-table{
    width:100%;
    border-collapse:collapse;
}

.confirm-table th,
.confirm-table td{
    border:1px solid #999;
    padding:8px;
    font-size:14px;
}

.confirm-table th{
    width:30%;
    background:#f5f5f5;
}

/* =========================
   Confirm Buttons
========================= */

.confirm-buttons{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap; /* スマホで縦並び */
}

.confirm-buttons form{
    margin:0;
}

.confirm-buttons button{
    width:180px; /* 横幅固定で上品に */
}
.btn-gray{
    background:#e5e5e5;
    border:1px solid #bbb;
}

/* 完了画面 ------------------------------------------*/
.thanks-box{
    background:#ffffff;
    border:1px solid #999;
    padding:30px;
    text-align:center;
}