{"id":32,"date":"2026-02-28T08:42:31","date_gmt":"2026-02-27T23:42:31","guid":{"rendered":"https:\/\/bnanablog.com\/?page_id=32"},"modified":"2026-02-28T09:31:31","modified_gmt":"2026-02-28T00:31:31","slug":"%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b","status":"publish","type":"page","link":"https:\/\/bnanablog.com\/?page_id=32","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<!-- ===== Banana.M \u304a\u554f\u3044\u5408\u308f\u305b ===== -->\n<!-- Formspree\u306eID\u3092action URL\u306b\u5165\u308c\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&family=Noto+Sans+JP:wght@300;400;500&display=swap');\n:root{--yellow:#FFD600;--yellow-d:#F5C400;--yellow-l:#FFF9D6;--black:#0D0D0D;--gray-m:#444444;--gray-l:#F0F0F0;--white:#FFFFFF;}\n.bmp*{box-sizing:border-box;margin:0;padding:0;}\n.bmp{font-family:'Noto Sans JP',sans-serif;font-weight:300;color:var(--black);background:var(--white);}\n.bmp .ph{background:var(--black);padding:64px 60px 48px;border-bottom:4px solid var(--yellow);}\n.bmp .ph .tag{display:inline-block;background:var(--yellow);color:var(--black);font-family:'Syne',sans-serif;font-size:0.68rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;padding:5px 14px;margin-bottom:20px;}\n.bmp .ph h1{font-family:'Syne',sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--white);margin-bottom:12px;}\n.bmp .ph p{font-size:0.86rem;color:rgba(255,255,255,0.5);line-height:1.9;}\n.bmp .pb{max-width:720px;margin:0 auto;padding:64px 24px 80px;}\n.bmp .ci{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px;}\n.bmp .ic{background:var(--yellow-l);padding:20px 24px;border-top:3px solid var(--yellow);}\n.bmp .ic .lbl{font-family:'Syne',sans-serif;font-size:0.68rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--gray-m);margin-bottom:6px;}\n.bmp .ic .val{font-size:0.84rem;color:var(--black);line-height:1.8;}\n.bmp .cf{display:flex;flex-direction:column;gap:24px;}\n.bmp .cf .field{display:flex;flex-direction:column;gap:8px;}\n.bmp .cf label{font-family:'Syne',sans-serif;font-size:0.76rem;font-weight:700;letter-spacing:0.1em;color:var(--black);display:flex;align-items:center;gap:8px;}\n.bmp .cf label .req{background:var(--yellow);color:var(--black);font-size:0.62rem;padding:1px 7px;}\n.bmp .cf label .opt{background:var(--gray-l);color:var(--gray-m);font-size:0.62rem;padding:1px 7px;}\n.bmp input[type=text],.bmp input[type=email],.bmp input[type=tel],.bmp select,.bmp textarea{width:100%;padding:13px 16px;background:var(--white);border:1px solid #ddd;border-radius:0;font-family:'Noto Sans JP',sans-serif;font-size:0.88rem;font-weight:300;color:var(--black);outline:none;transition:border-color 0.2s;-webkit-appearance:none;}\n.bmp input:focus,.bmp select:focus,.bmp textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,214,0,0.15);}\n.bmp select{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230D0D0D' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer;}\n.bmp textarea{resize:vertical;min-height:160px;}\n.bmp .chk{display:flex;align-items:flex-start;gap:10px;}\n.bmp .chk input[type=checkbox]{width:16px;height:16px;margin-top:3px;accent-color:var(--yellow);flex-shrink:0;}\n.bmp .chk .priv{font-size:0.78rem;color:var(--gray-m);line-height:1.9;}\n.bmp .chk .priv a{color:var(--black);border-bottom:1px solid var(--yellow);text-decoration:none;}\n.bmp .submit{width:100%;padding:18px;background:var(--black);color:var(--yellow);font-family:'Syne',sans-serif;font-size:0.88rem;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;border:none;cursor:pointer;transition:background 0.2s,transform 0.2s;}\n.bmp .submit:hover{background:#222;transform:translateY(-2px);}\n.bmp .submit:disabled{opacity:0.4;cursor:not-allowed;transform:none;}\n.bmp .success{display:none;text-align:center;padding:56px 32px;background:var(--yellow-l);border-top:4px solid var(--yellow);}\n.bmp .success .si{font-size:2.8rem;margin-bottom:20px;}\n.bmp .success h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--black);margin-bottom:12px;}\n.bmp .success p{font-size:0.86rem;color:var(--gray-m);line-height:2;}\n.bmp a.back{display:inline-block;margin-top:40px;font-family:'Syne',sans-serif;font-size:0.76rem;font-weight:700;letter-spacing:0.15em;color:var(--black);text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:2px;}\n@media(max-width:600px){.bmp .ph{padding:48px 24px 36px;}.bmp .ci{grid-template-columns:1fr;}}\n<\/style>\n<div class=\"bmp\">\n  <div class=\"ph\">\n    <div class=\"tag\">Contact<\/div>\n    <h1>\u304a\u554f\u3044\u5408\u308f\u305b<\/h1>\n    <p>SNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306f\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e\u3002<br>\u901a\u5e381\u301c2\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"pb\">\n    <div class=\"ci\">\n      <div class=\"ic\"><div class=\"lbl\">Email<\/div><div class=\"val\">kunnta5555@gmail.com<\/div><\/div>\n      <div class=\"ic\"><div class=\"lbl\">Hours<\/div><div class=\"val\">\u5e73\u65e5 10:00\u301c18:00<br>\u571f\u65e5\u795d\u4f11<\/div><\/div>\n    <\/div>\n    <form class=\"cf\" id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/XXXXXXXX\" method=\"POST\">\n      <div class=\"field\"><label for=\"name\">\u304a\u540d\u524d <span class=\"req\">\u5fc5\u9808<\/span><\/label><input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u5c71\u7530 \u592a\u90ce\" required><\/div>\n      <div class=\"field\"><label for=\"company\">\u4f1a\u793e\u540d <span class=\"opt\">\u4efb\u610f<\/span><\/label><input type=\"text\" id=\"company\" name=\"company\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u3007\u3007\"><\/div>\n      <div class=\"field\"><label for=\"email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"req\">\u5fc5\u9808<\/span><\/label><input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@email.com\" required><\/div>\n      <div class=\"field\"><label for=\"tel\">\u96fb\u8a71\u756a\u53f7 <span class=\"opt\">\u4efb\u610f<\/span><\/label><input type=\"tel\" id=\"tel\" name=\"tel\" placeholder=\"090-0000-0000\"><\/div>\n      <div class=\"field\">\n        <label for=\"category\">\u3054\u76f8\u8ac7\u5185\u5bb9 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n        <select id=\"category\" name=\"category\" required>\n          <option value=\"\" disabled selected>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option>\n          <option>SNS\u30a2\u30ab\u30a6\u30f3\u30c8\u904b\u7528\u4ee3\u884c<\/option>\n          <option>SNS\u5e83\u544a\u904b\u7528<\/option>\n          <option>\u30b3\u30f3\u30c6\u30f3\u30c4\u30fb\u6587\u7ae0\u5236\u4f5c<\/option>\n          <option>\u96c6\u5ba2\u5c0e\u7dda\u30fbLP\u8a2d\u8a08<\/option>\n          <option>\u30a2\u30ab\u30a6\u30f3\u30c8\u5206\u6790\u30fb\u6539\u5584<\/option>\n          <option>SNS\u6226\u7565\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/option>\n          <option>\u305d\u306e\u4ed6<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"field\">\n        <label for=\"budget\">\u6708\u984d\u4e88\u7b97\u611f <span class=\"opt\">\u4efb\u610f<\/span><\/label>\n        <select id=\"budget\" name=\"budget\">\n          <option value=\"\" disabled selected>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option>\n          <option>\u301c5\u4e07\u5186<\/option>\n          <option>5\u301c10\u4e07\u5186<\/option>\n          <option>10\u301c20\u4e07\u5186<\/option>\n          <option>20\u4e07\u5186\u301c<\/option>\n          <option>\u672a\u5b9a<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"field\"><label for=\"message\">\u8a73\u7d30\u30fb\u3054\u8cea\u554f <span class=\"req\">\u5fc5\u9808<\/span><\/label><textarea id=\"message\" name=\"message\" placeholder=\"\u73fe\u5728\u306eSNS\u904b\u7528\u72b6\u6cc1\u30fb\u8ab2\u984c\u30fb\u3054\u8cea\u554f\u306a\u3069\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\" required><\/textarea><\/div>\n      <div class=\"field\">\n        <div class=\"chk\">\n          <input type=\"checkbox\" id=\"agree\" name=\"agree\" required>\n          <label for=\"agree\" class=\"priv\"><a href=\"https:\/\/bnanablog.com\/?page_id=11\" target=\"_blank\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\u306b\u540c\u610f\u306e\u4e0a\u3001\u9001\u4fe1\u3057\u307e\u3059\u3002<\/label>\n        <\/div>\n      <\/div>\n      <button type=\"submit\" class=\"submit\" id=\"submitBtn\">\u9001\u4fe1\u3059\u308b \/ SEND<\/button>\n    <\/form>\n    <div class=\"success\" id=\"successMsg\">\n      <div class=\"si\">\u2705<\/div>\n      <h3>\u9001\u4fe1\u5b8c\u4e86<\/h3>\n      <p>\u304a\u554f\u3044\u5408\u308f\u305b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<br>1\u301c2\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <a href=\"\/\" class=\"back\">\u2190 \u30c8\u30c3\u30d7\u3078\u623b\u308b<\/a>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var form=document.getElementById('contactForm');\n  var btn=document.getElementById('submitBtn');\n  var success=document.getElementById('successMsg');\n  if(!form)return;\n  form.addEventListener('submit',function(e){\n    e.preventDefault();btn.disabled=true;btn.textContent='\u9001\u4fe1\u4e2d\u2026';\n    fetch(form.action,{method:'POST',body:new FormData(form),headers:{'Accept':'application\/json'}})\n    .then(function(r){\n      if(r.ok){form.style.display='none';success.style.display='block';}\n      else{btn.disabled=false;btn.textContent='\u9001\u4fe1\u3059\u308b \/ SEND';alert('\u9001\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u6642\u9593\u3092\u304a\u3044\u3066\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002');}\n    }).catch(function(){btn.disabled=false;btn.textContent='\u9001\u4fe1\u3059\u308b \/ SEND';alert('\u901a\u4fe1\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002');});\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u304a\u554f\u3044\u5408\u308f\u305b SNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306f\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e\u3002\u901a\u5e381\u301c2\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002 Email kunnta5555@gmail.com Hours \u5e73\u65e5 10:00\u301c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":false,"_jinr_ads_display":false,"_jinr_thumbnail_display":false,"_jinr_profile_display":false,"_jinr_representations_display":false,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":false,"_jinr_seotitle_display":"","_jinr_description_display":"","_jinr_keyword_display":"","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":false,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bnanablog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":2,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}