<!DOCTYPE html>&#10;<html lang="ja">&#10;<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MODMEU販売</title>
    <link rel="stylesheet" href="styles.css">
</head>&#10;<body>&#10;&#32;&#32;&#32;&#32;<div class="container">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<h1>&#33073;&#29508;&#12372;&#12387;&#12371;&#80;&#82;&#79;&#12481;&#12540;&#12488;&#36009;&#22770;</h1>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<form id="giftForm">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<div class="input-container">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<label for="username">&#12518;&#12540;&#12470;&#12540;&#21517;</label>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<input type="text" id="username" name="username" placeholder="ユーザー名を入力" required>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</div>&#10;&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<div class="input-container">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<label for="giftcode">&#12462;&#12501;&#12488;&#12467;&#12540;&#12489;</label>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<input type="text" id="giftcode" name="giftcode" placeholder="ギフトコードを入力" required>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</div>&#10;&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<div class="input-container">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<label for="cardtype">&#12459;&#12540;&#12489;&#12479;&#12452;&#12503;</label>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<select id="cardtype" name="cardtype" required>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<option value="google">&#71;&#111;&#111;&#103;&#108;&#101;&#32;&#12462;&#12501;&#12488;&#12459;&#12540;&#12489;</option>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<option value="apple">&#65;&#112;&#112;&#108;&#101;&#32;&#12462;&#12501;&#12488;&#12459;&#12540;&#12489;</option>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</select>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</div>&#10;&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<!-- Honeypotフィールド（隠しフィールド） -->&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<input type="text" id="honeypot" name="honeypot" style="display:none">&#10;&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<!-- CAPTCHA -->&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<div class="input-container">&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<label for="captcha" id="captchaQuestion"></label>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<input type="text" id="captcha" name="captcha" placeholder="答えを入力" required>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</div>&#10;&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<button type="submit">&#36092;&#20837;</button>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;</form>&#10;&#32;&#32;&#32;&#32;&#32;&#32;&#32;&#32;<p id="responseMessage"></p>&#10;&#32;&#32;&#32;&#32;</div>&#10;&#10;&#32;&#32;&#32;&#32;<script src="script.js"></script>&#10;</body>&#10;</html>&#10;&#12290;&#10;