<div class="contentsWrap">
		<div class="header copyNone">
			<div class="headInner">
				<h1 class="headTtl">決済情報通知サービス　<span>メール生成ツール　<span class="version">Ver 0.8 Beta版</span></span></h1>
				<p class="copyright"><a href="https://www.weave.co.jp/" target="_blank">&copy; weave Co., Ltd.</a></p>
			</div>
		</div>
		<div class="toolWrap">
			<div class="tool">
				<div class="oprArea copyNone">
					<div id="dropArea">
						<div class="dropNote">
							<div>
								<p id="failMsg"></p>
								<p>ここにCSVファイルを<br>ドラッグ&amp;ドロップしてください。</p>
							</div>
						</div>
					</div>
					<input type="file" id="fileInput">
					<div id="topicsCheckArea" class="checkArea">
						<p class="checkTtl">異常トピックス選択</p>
						<div class="swiperArea">
							<div class="swiper">
								<div id="checkBoxArea" class="swiper-wrapper">
								</div>
							</div>
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
					<div id="freeTxtArea" class="checkArea">
						<p class="checkTtl">フリーテキスト入力</p>
						<div class="checkBoxOuter">
							<div class="checkBoxWrap">
								<div class="checkBoxInner">
									<input id="freeTxtCheckbox" class="checkbox" type="checkbox" name="freeTxt" value="フリーテキスト">
									<label for="freeTxtCheckbox" class="checkLabel">フリーテキスト</label>
								</div>
								<div id="freeTxtInputWrap">
									<textarea name="freeTxt" id="freeTxt"></textarea>
									<div class="exampleTtlWrap">
										<p class="exampleTtl">文例</p>
										<p class="exampleNote">下記をクリックすると自動入力されます</p>
									</div>
									<ul id="exampleList">
										<li>未取得のnanacoポイントコードがあります。</li>
										<li>電子マネーへの交換がお済みでないnanacoポイントコードがあります。</li>
										<li>9/16（月）は敬老の日です。是非◯◯さんとコミュニケーションをとってみてください。</li>
										<li>◯/◯は◯◯さんの◯◯歳の誕生日です。是非コミュニケーションをとってみて下さい。</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div id="bannerSelectArea" class="checkArea">
						<p class="checkTtl">バナー選択</p>
						<div class="checkBoxOuter">
							<div class="checkBoxWrap">
								<div class="checkBoxInner">
									<input id="bannerCheckbox" class="checkbox" type="checkbox" name="bannerSelect" value="バナー">
									<label for="bannerCheckbox" class="checkLabel">バナー</label>
								</div>
								<div id="bannerListWrap">
									<ul id="bannerList">
										<li>
											<label>
												<input type="radio" name="banner" value="1" data-href="https://www.7gift.jp/scene/mfgift/early/?utm_source=demo&utm_medium=referral&utm_content=netgift&utm_campaign=mimamori" data-alt="母の日よりちょっと前にお届け 早く届けておトク">
												<span><img src="lib/img/mail/img_banner_haha1.jpg" alt="母の日よりちょっと前にお届け 早く届けておトク"></span>
											</label>
										</li>
										<li>
											<label>
												<input type="radio" name="banner" value="2" data-href="https://www.7gift.jp/scene/mfgift/?utm_source=demo&utm_medium=referral&utm_content=netgift&utm_campaign=mimamori" data-alt="お申込み承り中！母の日ギフト">
												<span><img src="lib/img/mail/img_banner_haha2.jpg" alt="お申込み承り中！母の日ギフト"></span>
											</label>
										</li>
										<li>
											<label>
												<input type="radio" name="banner" value="3" data-href="https://www.7gift.jp/scene/mfgift/okuretegomenne/?utm_source=demo&utm_medium=referral&utm_content=netgift&utm_campaign=mimamori" data-alt="遅れてごめんね プラン">
												<span><img src="lib/img/mail/img_banner_haha3.jpg" alt="遅れてごめんね プラン"></span>
											</label>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="prevArea">
					<div class="prevBox">
						<div class="prevInner">
							<div class="prevHeader copyNone">
								<p id="sendDate"></p>
							</div>
							<p id="mailTtl" class="copyNone"></p>
							<div id="prev"></div>
							<div id="loading">
								<div class="load-wrapp">
									<div class="load-3">
										<div class="line"></div>
										<div class="line"></div>
										<div class="line"></div>
									</div>
									<div class="load-6">
										<div class="letter-holder">
											<div class="l-1 letter">L</div>
											<div class="l-2 letter">o</div>
											<div class="l-3 letter">a</div>
											<div class="l-4 letter">d</div>
											<div class="l-5 letter">i</div>
											<div class="l-6 letter">n</div>
											<div class="l-7 letter">g</div>
											<div class="l-8 letter">.</div>
											<div class="l-9 letter">.</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="rightColumn copyNone">
						<div id="bccBox">
							<p>To：</p>
							<div id="to"></div>
							<p>BCC：</p>
							<div id="bcc"></div>
						</div>
						<div class="btnArea">
							<div class="btnWrap"><a href="" id="sendMail" class="btn inactive"><span>メールを作成</span></a></div>
							<div class="linkWrap">ファイル保存しておく場合の<a href="" id="dlHtml" class="inactive">ダウンロードはこちら</a></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>