安納芋購入専用フォーム02

【長崎・五島産】
有機JAS認定！安納芋購入ページ

body { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } @media (max-width: 1100px) { /* 1100px以下(タブレット以下) */ input[type="text"], input[type="email"], select, textarea { font-size: 16px !important; } } .rest-area { margin-bottom: 10%; padding-bottom: 15%; border-bottom: 1px solid #d2d2d2; } #rest, #rest-c, #rest-f, #rest tr, #rest-f tr { display: table; width: 100%; } #rest th, #rest-c th, #rest-f th { display: table-cell; float: left; position: relative; margin-bottom: 5%; padding: 2% 5%; text-align: left; font-weight: normal; background-color: #f3f3f3; box-sizing: border-box; width: 100%; } #rest td { float: left; margin: 0 5% 8%; line-height: 1.5; width: 90%; box-sizing: border-box; } #rest-c td { margin: 0; width: 100%; } #rest-f td { float: left; padding: 0 5% 8%; line-height: 1.5; } @media (max-width: 350px) { /* 350px以下 */ .require { padding: .8% .5% .5% 1.5% !important; } } .require { position: absolute; top: 27%; margin-left: 3%; padding: .5% .5% .5% 1.5%; font-size: 0.6rem; letter-spacing: .4em; color: #fff; border-radius: 3px; background-color: #d0244b; line-height: 1.5; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } input.radio { width: 5%; } .wiMax { width: 90%; overflow: hidden; } .wiMax div { overflow: hidden; } .wiMax .txt-fst { float: left; margin: 5% 3% 0 0; } select { float: left; margin-top: 2%; border-radius: 4px; background: #fff url(https://www.hanna-saku.jp/wp/wp-content/themes/twentyfifteen/img/arrow.svg) no-repeat 96% center; background-size: 13px; -webkit-appearance: none; padding: 4%; white-space: nowrap; width: 30%; border: 1px solid #cecece; } .size { overflow: hidden; } .size li { float: left; width: 50%; } .size li:nth-child(2) { margin-bottom: 0; } .sfont { font-size: 0.8rem; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; } .horizontal-item label { display: flex; margin-bottom: 3%; padding: 4%; border-radius: 4px; border: 1px solid #cecece; } .horizontal-item:nth-child(2) label { margin-bottom: 0 !important; } .mwform-radio-field label { font-size: 0.9rem; } .day { padding: 4%; border-radius: 4px; border: 1px solid #cecece; width: 70%; } .time { margin-top: 3%; } .time .horizontal-item label { display: flex; margin-bottom: 0; padding: 0; border: none; } body .ui-datepicker { padding: 5px 5px 0 !important; } .m4_1 { margin: 4% 0 1% !important; } @media (max-width: 320px) { /* 320px以下 */ .hasDatepicker { width: 68%; } } @media (min-width: 400px) { /* 400px以上 */ .hasDatepicker { width: 74%; } } .name-ttl { float: left; margin: 3% 3% 0 0; } .txt-fst { margin: 0; } .txt-last { float: left; margin: 9% 0 0 3%; } #rest-f input.pst { margin-bottom: 3%; padding: 3%; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 30%; } #rest-f input.add { margin-bottom: 3%; } #rest-f input.name { margin-bottom: 3%; padding: 4%; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 92%; } #rest-f input.name2 { margin-bottom: 0; padding: 4%; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 92%; } @media (max-width: 350px) { /* 350px以下 */ #rest-f input.name, #rest-f input.name2 { width: 91%; } } #rest-f input { padding: 4%; font-size: 0.9rem; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } textarea { padding: 3% 4%; text-align: justify; text-justify: inter-ideograph; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 170px; } .annotation { margin-top: 3%; font-size: .7rem; line-height: 150%; text-align: justify; text-justify: inter-ideograph; } ul.note { position: relative; margin: 3% 0; clear: left; } ul.note li { padding-left: 4%; font-size: 0.7rem; line-height: 150%; text-align: justify; text-justify: inter-ideograph; } ul.note li::before { position: absolute; content: '※'; left: 0; } .againBox { margin: 0; padding: 0 !important; } .again { margin: 4% 0 1%; text-align: left; } input.submitBtn { display: block; margin: 0 auto; padding: 8%; color: #fff !important; font-family: helvetica,arial,verdana,sans-serif; text-align: center; font-size: 1rem; text-decoration: none !important; border: none; border-radius: 4px; background: #326556;/*ボタン色*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; -webkit-appearance: none;/*iOS のデフォルトスタイル*/ } .btnArea { width: 100%; } .error { margin-top: 2%; text-align: left; font-size: 0.9rem !important; } .how_err { clear: left; } .post p { display: inline-block; } .mw_wp_form .error:nth-of-type(2) { display: none; } .blk{ display: block; } @media (min-width: 641px) { /* 641px以上(PC) */ .rest-area { padding-bottom: 10%; } #rest, #rest-f, #rest-f tr { width: 1000px; } #rest { border-bottom: 1px solid #cecece; } #rest-f tr { border-top: 1px solid #cecece; } #rest-f { border-bottom: 1px solid #cecece; } #rest th, #rest-c th, #rest-f th { position: relative; float: none; margin: 0; padding: 30px; line-height: 100%; vertical-align: top; width: 340px; } #rest td, #rest-f td { margin: 18px 30px; padding: 0; width: calc(1000px - 340px - 60px); } #rest-c td { margin: 0; padding: 0; } .bdTno { border-top: none !important; } .m4_1 { margin: 23px 0 0 !important; } .require { top: 30px; right: 30px; margin-left: 0; padding: 1px 1px 1px 6px; font-size: 0.7rem; border-radius: 5px; } input.radio { width: 13px; } @-moz-document url-prefix() { /* Firefoxのみ */ input.radio { margin-top: -2px; } } .wiMax .txt-fst { float: left; margin: 10px 10px 10px 0; } select { margin-top: 5px; padding: 10px 15px; border-radius: 5px; width: 190px; } .size li { float: left; width: 220px; margin: 0 40px 0 0; } .size li:nth-child(2) { margin: 0; } .sfont-bl { display: block; margin: 6px 0 0 -7px; font-size: 0.8rem; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } .horizontal-item label { float: left; margin: 0 10px 0 0; padding: 9px 15px; border-radius: 5px; width: calc(293px - 30px); } .horizontal-item:nth-child(2) label { margin: 0; } .day { margin-bottom: 0; padding: 10px 15px; border-radius: 5px; } .time { margin: 9px 0 14px; overflow: hidden; } .time .horizontal-item label { float: left; margin-right: 10px; padding: 0; border: none; width: auto; } .hasDatepicker { width: 200px; } .txt-fst { margin: 0 10px 0 0; } .txt-last { margin: 23px 0 0 10px; } .name-ttl { float: left; margin: 7px 10px 0 0 !important; font-size: 1rem; } .name-grp { float: left; width: 300px; height: 40px; } #rest-f input.pst { margin-bottom: 1%; width: 20%; } #rest-f input.add { margin-bottom: 1%; } #rest-f input.name { margin: 0; padding: 10px 15px; border-radius: 5px; width: 85%; height: 40px; } #rest-f input.name2 { margin: 0; padding: 10px 15px; border-radius: 5px; width: 85%; height: 40px; } #rest-f input { padding: 10px 15px; border-radius: 5px; width: 100%; height: 40px; } textarea { padding: 15px; border-radius: 5px; } ul.note { margin: 8px 0 0; } ul.note li { padding-left: 15px; font-size: 0.8rem; } .annotation { margin-top: 8px; font-size: 0.8rem; } .againBox { margin: 0; padding: 0; width: calc(1000px - 340px - 60px) !important; height: 100% !important; } .again { margin: 15px 0 3px; text-align: left; } input.submitBtn { padding: 30px; font-size: 1.1rem; border-radius: 7px; width: 300px; min-width: 300px; height: 100%; } input.submitBtn:hover { opacity: .8; } .btnArea { margin: 70px auto 0; width: 100%; } .error-box { overflow: hidden; clear: left; } .error { margin-top: 5px; text-align: left; font-size: 0.9rem !important; } .how_err { float: left; margin: 18px 0 0 10px; clear: none; } .post p { display: inline-block; margin-left: 7px; } .blk{ display: none; } }

jQuery(function($){ var holidays = ['20201123', '20201228', '20201229', '20201230', '20201231', '20210101', '20210111', '20210211', '20210223', '20210429', '20210503', '20210504', '20210505', '20210719', '20210808', '20210920', '20210923', '20211011', '20211103']; $('#Day').datepicker({ minDate: +1,// 1日後から選択可能 maxDate: '+1m',// 1ヶ月後まで選択可能 firstDay: 0,// 日曜始まり beforeShowDay: function (date) { var ymd = date.getFullYear() + ('0' + (date.getMonth() + 1)).slice(-2) + ('0' + date.getDate()).slice(-2); if (holidays.indexOf(ymd) != -1) { // 祝日 return [false, 'ui-state-disabled']; } else if (date.getDay() == 0) { // 日曜日 return [false, 'ui-state-disabled']; } else if (date.getDay() == 6) { // 土曜日 return [false, 'ui-state-disabled']; } else { // 平日 return [true, '']; } } }); }); jQuery(function($){ $('.mw_wp_form_mw-wp-form-6487 select option[value=""]') .html( '0' ); });

お名前（全角）必須

姓

名

フリガナ（全角カタカナ）必須

姓

名

住所（ハイフン無し半角数字）（ハイフン無し半角数字）必須
  • 〒 -

メールアドレス（半角英数）必須

メールアドレス（確認用）


ドメイン指定受信を設定されている場合、弊社からのメールをお届けできない場合がございます。お問い合わせの後に「受付完了メール」が届かない場合は、弊社ドメイン「＠hanna-saku.jp」を受信いただけるようご設定後、再度お問い合わせくださいますようお願い致します。

お電話番号（ハイフン無し半角数字）（ハイフン無し半角数字）必須

お問い合わせいただいた内容によってはお電話にてご確認させていただく場合がございますので、ご連絡可能なお電話番号のご入力をお願い致します。

お支払い方法必須

クレジットカードの登録・変更をご希望のお客様には、お電話にて登録のご案内を差し上げます。ご都合のよろしい日時をご指定ください。
現在花菜の定期便をクレジットカード決済にてご購入のお客様に関しましては、ご登録いただいているクレジットカードで決済することも可能です。ご希望のお客様は備考欄にてお知らせください。（お知らせいただいた場合、お電話は差し上げません。予めご了承ください。）

お電話折り返し希望日

個数必須

5kg 4,580円(税込)

つ

  • 送料別途 935円(税込)。
  • 北海道・沖縄・離島は送料別途 1,935円(税込)。
備考欄（任意）