/* お問い合わせフォーム：添付画像の小さな選択プレビュー */
#inquiry-form .attachment-preview-area{
    display:none;
    width:100%;
    box-sizing:border-box;
    margin:12px 0 24px;
    padding:14px;
    border:1px solid #eadbc7;
    border-radius:16px;
    background:#fffdf8;
    box-shadow:0 6px 16px rgba(80,50,20,.06);
}

#inquiry-form .attachment-preview-title{
    margin:0 0 12px;
    color:#8a5b2d;
    font-weight:bold;
    line-height:1.6;
}

#inquiry-form .attachment-preview-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

#inquiry-form .attachment-preview-item{
    width:104px;
    box-sizing:border-box;
    text-align:center;
}

#inquiry-form .attachment-preview-thumb{
    display:flex;
    align-items:center;
    justify-content:center;
    width:96px;
    height:96px;
    margin:0 auto;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #e5d8c9;
    background:#f8f3ec;
    box-shadow:0 6px 14px rgba(80,50,20,.10);
    color:#9b7650;
    font-size:11px;
    font-weight:bold;
}

#inquiry-form .attachment-preview-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

#inquiry-form .attachment-preview-text{
    margin-top:6px;
}

#inquiry-form .attachment-preview-name{
    color:#5d4b3e;
    font-size:12px;
    line-height:1.35;
    word-break:break-all;
}

#inquiry-form .attachment-preview-size{
    margin-top:3px;
    color:#9a8775;
    font-size:11px;
    line-height:1.3;
}

@media(max-width:640px){
    #inquiry-form .attachment-preview-area{
        padding:12px;
    }

    #inquiry-form .attachment-preview-list{
        gap:10px;
    }

    #inquiry-form .attachment-preview-item{
        width:96px;
    }

    #inquiry-form .attachment-preview-thumb{
        width:88px;
        height:88px;
    }

    #inquiry-form .attachment-preview-name{
        font-size:11px;
    }
}