CINXE.COM
World Food Programme
<!DOCTYPE html> <html lang="ja"> <head> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TV4GHL');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>World Food Programme</title> <link rel="icon" href="/img/favicon.ico"> <!-- CSS --> <link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/style.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src='/js/bootstrap.bundle.js' charset="UTF-8"></script> <script src="https://kit.fontawesome.com/1dc1d5f92f.js" crossorigin="anonymous"></script> <script src="https://polyfill.io/v3/polyfill.min.js"></script> <meta name="csrf-param" content="_csrf-frontend"> <meta name="csrf-token" content="zoc2w82tqMDUBB3e0Z2JcJZGaymhWp2gtLcbxpYOUtD-9FGcpp__pZ5ISYmg9rky3igpbuBi0JLwgjaUwUca5A=="> </head> <body class="c-bg"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TV4GHL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="c-bg-img c-pageBg01"></div> <header class="l-header d-flex mb-3 align-items-center"> <a class="me-auto l-header-logo" href="/?back=back"> <img class="ms-2" src="/img/logo-wfp.svg"> </a> <script> $(function () { // ログインクリック時 $('#headerlinklogin').on('click', function (e) { console.log("headerlinklogin"); var $submit = $('<input />').attr({ 'type': 'hidden', 'name': 'to_mypage', 'value': 'to_mypage' }); $('form#PaymentForm').append($submit); document.getElementById("PaymentForm").submit(); }); }); </script> <!--<a class="btn btn-light text-primary d-block" href="#">新規登録</a>--> <a class="fw-bold text-white d-block" href="/mypage">ログイン</a> <a class="l-header-support fw-bold text-white d-flex" href="/support" target="_blank"><span>サポート</span><img class="" src="/img/formFund-support-ico.svg"></a> </header> <main class="l-main container px-md-5"> <div class="container px-md-5 pt-5"> <div class="text-center text-white pb-md-3"> <h2 class="u-fs28 u-md-fs40 c-txt-w700 pb-md-3">ログイン</h2> </div> <form id="login-form" class="" action="/mypage/login" method="post"> <input type="hidden" name="_csrf-frontend" value="zoc2w82tqMDUBB3e0Z2JcJZGaymhWp2gtLcbxpYOUtD-9FGcpp__pZ5ISYmg9rky3igpbuBi0JLwgjaUwUca5A=="> <div class="mt-5 p-4 pt-3 pb-5 bg-white c-r5 shadow"> <div class="wfpLoginPage"> <div class="pt-5 pb-4 pb-md-5 row"> <div class="col-12"> <div class=""> <input type="text" id="loginform-username" class="form-control c-form-style mx-auto c-widthMax" name="LoginForm[username]" placeholder="ログインID"> </div> <div class=""> <input type="password" id="loginform-password" class="form-control c-form-style mt-4 mt-md-5 mx-auto c-widthMax" name="LoginForm[password]" placeholder="パスワード"> </div> </div> <p class="c-txt text-center"> <a href="/mypage/passwordreminder" class="c-link"> パスワード・ログインIDを<span class="u-inline">お忘れの方</span> </a> </p> </div> <input type="hidden" id="w0-loginform-recaptcha" name="LoginForm[reCaptcha]"><div id="w0-loginform-recaptcha-recaptcha" class="g-recaptcha col-sm-offset-3" data-sitekey="6LdzW6MUAAAAACzpFGeLsbvCe_vRlUCRuBc3alD4" data-input-id="w0-loginform-recaptcha" data-form-id=""></div> <div class="pb-0 pt-4 px-md-3 flex-md-row-reverse"> <div class="mt-md-2 px-md-5"> <button type="submit" class="btn c-btn btn-danger w-100 text-white u-fs15 mx-auto" name="login-button">ログイン</button> </div> </div> <!-- <p class="c-txt text-center pb-5"><a href="" class="c-link">はじめてご利用の方<span class="u-inline">（新規マイページ登録）</span></a></p> --> </div> </div> </form> <p class="text-secondary u-fs13 mt-5 pt-3">Photo : WFP/Al Bara Mansour</p> </div> </main> <footer class="l-footer bg-white text-center"> <div class="l-footer-inner"> <div class="l-footer-logo"> <a href="/?back=back"><img class="" src="/img/logo-wfp-sub.svg"></a> </div> <div class="l-footer-link"> <p class="mt-4"><a class="l-footer-text" href="https://ja.wfp.org/" target="_blank" rel="noopener noreferrer">国連WFPトップページ</a></p> <p class="mt-4 mx-3 u-xlg-hidden">｜</p> <p class="mt-4"><a class="l-footer-text" target="_blank" href="/privacy">プライバシーポリシー</a></p> </div> <p class="l-footer-copy"><a href="">World Food Programme</a> © 2021</p> </div> </footer> <script> $(function () { // 二度押し防止 // $('form').submit(function (e) { // $(this).append($('<input />').attr({ // 'type': 'hidden', // 'name': $('.ajax-blocked_submit_btn').attr('name'), // 'value': 'clicked', // })); // $('.ajax-blocked_submit_btn').prop('disabled', true); // $('.ajax-blocked_submit_btn').html('送信中...'); // $(this).submit(); // // }); // 二度押し防止 $('.ajax-blocked_submit_btn').on('click', function (e) { var name = $(this).attr('name'); var $form = $(this).closest('form'); $form.append($('<input />').attr({ 'type': 'hidden', 'name': name, 'value': 'clicked', })); $(this).prop('disabled', true); $(this).html('送信中...'); $form.submit(); }); }); </script> <!--<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>--> <!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>--> <script src="//www.google.com/recaptcha/api.js?hl=ja&render=explicit&onload=recaptchaOnloadCallback" async defer></script> <script src="/assets/1e76e543/jquery.js"></script> <script src="/assets/18469f4/yii.js"></script> <script src="/assets/18469f4/yii.activeForm.js"></script> <script>function recaptchaOnloadCallback() { "use strict"; jQuery(".g-recaptcha").each(function () { const reCaptcha = jQuery(this); if (reCaptcha.data("recaptcha-client-id") === undefined) { const recaptchaClientId = grecaptcha.render(reCaptcha.attr("id"), { "callback": function (response) { if (reCaptcha.data("form-id") !== "") { jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val(response) .trigger("change"); } else { jQuery("#" + reCaptcha.data("input-id")).val(response).trigger("change"); } if (reCaptcha.attr("data-callback")) { eval("(" + reCaptcha.attr("data-callback") + ")(response)"); } }, "expired-callback": function () { if (reCaptcha.data("form-id") !== "") { jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val(""); } else { jQuery("#" + reCaptcha.data("input-id")).val(""); } if (reCaptcha.attr("data-expired-callback")) { eval("(" + reCaptcha.attr("data-expired-callback") + ")()"); } }, }); reCaptcha.data("recaptcha-client-id", recaptchaClientId); } }); }</script> <script>jQuery(function ($) { jQuery('#login-form').yiiActiveForm([], []); });</script></body> </html>