花菜10周年大感謝祭最終セールご注文専用フォーム @media (max-width: 1100px) { /* 1100px以下(タブレット以下) */ input[type="text"], input[type="email"], select, textarea { font-size: 16px !important; } } #slt-c, .btn-cansel, #slt-c tr, #slt-c th, #slt-c td { display: table; width: 100%; } #slt-c 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; } #slt-c td { margin: 0 auto 8%; line-height: 1.5; width: 90%; } .red { color:#d0244b; } .marL_0 { margin-left: 0; } .marT_3 { margin-top: 3%; } .marB_5 { margin-bottom: 5px; } .sp { display: block; } .pc { display: none; } @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: .6rem; letter-spacing: .4em; color: #fff; border-radius: 3px; background-color: #d0244b; line-height: 1.5; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } .title select { padding: 4%; font-size: 0.9rem; border: 1px solid #d2d2d2; width: 100%; } select { 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: 1%; white-space: nowrap; width: 50%; border: 1px solid #afafaf; } .sfont { font-size: .8rem; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } .name-ttl { float: left; margin: 3% 3% 0 0; } 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%; } 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以下 */ input.name, input.name2 { width: 91%; } } input.mail, input.tel { 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%; } input.radio { width: 5%; } 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% !important; font-size: .7rem !important; line-height: 150%; text-align: justify; text-justify: inter-ideograph; } .atten { padding-left: 1em; text-indent: -1em; } .atten::before { content: '※'; } dl.number dt { margin: 4% 0 2%; } dl.number dt:first-child { margin: 0 0 2%; } dl.atten01 dt::before { content: '◯'; } dl.number dt span.fir { padding: 1.5% 2%; margin-right: 2%; color: #fff; font-size: .7rem; font-weight: bold; background-color: #000; } dl.number dt span.sec { padding: 1.5% 1%; margin-right: 2%; color: #fff; font-size: .7rem; font-weight: bold; background-color: #000; } .againBox { margin: 0 !important; width: 100% !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 のデフォルトスタイル*/ } input.submitBtn:hover { display: block; } .submitBtn2 a { display: block; margin: 0 auto; padding: 7% 4%; color: #fff !important; font-family: helvetica,arial,verdana,sans-serif; text-align: center; font-size: 1rem; text-decoration: none !important; 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%; } .btn-cansel { display: none; } input.check-txt { margin-left: 1%; 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: 50%; } .check-box { font-size: .9rem; } .check-box .txt { margin-bottom: 3%; } input.check { margin-top: -1%; } .check-list span:nth-of-type(4) { margin-left: 0 !important; } .check-list span:nth-of-type(4) label { display: inline-block; } .error { margin-top: 2%; text-align: left; font-size: 0.9rem !important; } .mw_wp_form .error:nth-of-type(2) { display: none; } .check-er span { margin: -3% 0 3%; } @media (min-width: 641px) { /* 641px以上(PC) */ .sp { display: none; } .pc { display: block; } #slt-c, #slt-c tr { width: 1000px; } #slt-c tr { border-top: 1px solid #cecece; } #slt-c { border-bottom: 1px solid #cecece; } #slt-c th { position: relative; float: none; margin: 0; padding: 30px; line-height: 100%; vertical-align: top; width: 340px; } #slt-c td { margin: 18px 30px; width: calc(1000px - 340px - 60px); } .require { top: 30px; right: 30px; margin-left: 0; padding: 1px 1px 1px 6px; font-size: 0.7rem; border-radius: 5px; } .title select { padding: 8px 15px; width: 300px; } select { border-radius: 5px; } .sfont-bl { display: block; margin: 6px 0 0 -7px; font-size: 0.8rem; -webkit-text-size-adjust: none; /* 自動的にフォントサイズが変わることを防止 */ } .name-grp { float: left; width: 300px; height: 40px; } .name-ttl { margin: 7px 10px 0 0; font-size: 1rem; } input.name { margin: 0; padding: 10px 15px; border: 1px solid #d2d2d2; border-radius: 5px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 85%; height: 40px; } input.name2 { margin: 0; padding: 10px 15px; border: 1px solid #d2d2d2; border-radius: 5px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 85%; height: 40px; } input.mail, input.tel { padding: 10px 15px; font-size: 0.9rem; border: 1px solid #d2d2d2; border-radius: 5px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; } input.check { margin: -2px 0 0 5px; width: 13px; } @-moz-document url-prefix() { /* Firefoxのみ */ input.check { margin-top: -2px; } } input.check-txt { margin-left: 5px; padding: 10px 15px; font-size: 0.9rem; border: 1px solid #d2d2d2; border-radius: 5px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; height: 40px; } textarea { padding: 15px; border-radius: 5px; border: 1px solid #d2d2d2; } .annotation { margin-top: 8px; font-size: 0.8rem !important; } dl.number dt { float: left; margin: 2% 0 1%; width: 320px; clear: left; } dl.number dt span.fir { padding: 1.5% 2.5%; } dl.number dt span.sec { padding: 1.5%; } dl.number dd { margin: 2% 0 1%; } dl.number dd:first-child { margin: 1% 0 !important; } dl.number select { width: 280px; } .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%; } .btn a { opacity: 1; } .btn:hover, input.submitBtn:hover { opacity: .8; } .submitBtn2 a { padding: 30px; border-radius: 5px; width: 50%; min-width: 300px; } .btnArea { margin: 70px auto 0; width: 100%; } .check-box .txt { margin-bottom: 10px; } .check-list span:nth-of-type(4) { margin-left: 10px !important; } .check-list span:nth-of-type(4) label { display: contents; } .error-box { overflow: hidden; clear: left; } .error { margin-top: 5px; text-align: left; font-size: 0.9rem !important; } .check-er span { margin-top: 10px 0; } }お名前（全角）必須姓 名 お客様番号またはお電話番号（半角英数字）必須お客様番号またはお電話番号（半角英数字）必須 商品と一緒にお届けしている納品書に記載しております。（※EかNで始まる英数字）もしわからない場合は、登録されている電話番号をご記入ください。メールアドレス（半角英数）必須 メールアドレス（確認用） ドメイン指定受信を設定されている場合、弊社からのメールをお届けできない場合がございます。お問い合わせの後に「受付完了メール」は届かない場合は、弊社ドメイン「＠hanna-saku.jp」を受信いただけるようご設定後、再度お問い合わせくださいますようお願い致します。ご注文内容を確認後、担当より「ご注文確認メール」をお送りいたします。ご注文商品必須1potayu 3食おまとめセット なし 1 2黒豆専門店の黒おかゆ 3袋 なし 1 3黒豆専門店の黒雑穀 1袋 なし 1 4伊万里梨のドライチップ 2袋 なし 1 5宮崎名物鶏炭火焼 1袋 なし 1 6おぬかさん 3袋 なし 1 7ひじきせんべい 3袋 なし 1 8高菜缶詰 3缶 なし 1 9九州産乾燥野菜 根菜3袋セット なし 1 10九州産乾燥野菜 葉野菜3袋セット なし 1 11シルクスイート 干し芋3袋セット なし 1 12そのまま食べるかつおスライス 3袋 なし 1 13たくあんの缶詰 3個セット なし 1 14ライスブランビスコッティ 4袋セット なし 1 15Raku Live なし 1 16花菜の厳選 蜂の子 なし 1 17花菜の選べる乳酸菌 なし 1 18DHA・EPA きらしずく なし 1 19三黒の美酢 なし 1 20黒にんにく（バラ） なし 1 各商品、1世帯様1個までで何点でもご購入いただけます。送料について1～14番までの食品は、3点以上のご購入で送料無料。2点以下のご購入は、送料275円（税込）。15〜20番の定期商品を併わせてご購入の場合は、食品2点以下のご購入でも送料無料。定期商品について2回目以降のお届けは、60日毎に2袋をお届けいたします。2回目以降の金額は、チラシまたは花菜公式HPをご覧ください。お支払い方法必須 現在ご利用のお支払い方法 今回のみコンビニ後払いに変更 現在、コンビニ後払いをご利用のお客様で、今回のみクレジットカード払いにされたい場合は、恐れ入りますが花菜お客様係（0120-8739-02）までお電話ください。
