COMING SOON…..
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
<!-- ここからモジュールCSS読み込み -->
<link rel="stylesheet" type="text/css" href="https://file003.shop-pro.jp/PA01497/815/css/main01.css"/>
<!-- ここまでモジュールCSS読み込み -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<!-- ここからヘッダーモジュール -->
<header id="hdr" class="hdr--typeE ">
<div class="hdrTop">
<div class="hdrInner">
<p class="hdrInfo pcOnly">
宮崎県高千穂から無農薬・有機穀物をお届け
</p>
<p class="hdrInfo spOnly">
5,000円(税込)以上のお買上で送料無料
</p>
<nav class="exNav exNav--typeA">
<ul>
<{if $members_use_flg}>
<{if $members_login_flg}>
<li class="wpHide"><a href="<{$members_login_url}>">ログアウト</a></li>
<li class="wpHide"><a href="<{$view_myaccount_url}>">マイアカウント</a></li>
<{else}>
<li class="wpHide"><a href="<{$members_login_url}>">ログイン</a></li>
<li class="wpHide"><a href="<{$members_regi_url}>">会員登録</a></li>
<{/if}>
<{/if}>
<li><a href="<{$view_inq_url}>">お問い合わせ</a></li>
</ul>
</nav>
</div>
</div>
<div class="">
<div class="hdrMiddle hdrMiddle--logoLeft">
<div class="hdrInner">
<div class="hdrMiddle__left spOnly">
<nav class="iconNav">
<ul>
<li>
<div id="menu-icon" class="menuToggle">
<span></span>
<span></span>
<span></span>
<small>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="7" viewBox="0 0 24 7" fill="none">
<path d="M3.02341 4.05062C3.07061 4.15276 3.11364 4.25969 3.15251 4.37141C3.19415 4.47994 3.23441 4.59006 3.27328 4.70178C3.31215 4.58367 3.3524 4.47036 3.39405 4.36183C3.43569 4.25011 3.48011 4.14318 3.52731 4.04104L5.30554 0.205882C5.32775 0.158003 5.35135 0.119699 5.37634 0.0909715C5.40132 0.0622436 5.4277 0.0414957 5.45546 0.028728C5.486 0.0159599 5.51932 0.00797993 5.55541 0.00478819C5.5915 0.00159606 5.63454 0 5.68451 0H6.5299V6.92339H5.54292V2.45144C5.54292 2.36845 5.54431 2.27747 5.54708 2.17852C5.55263 2.07957 5.55958 1.97902 5.5679 1.87688L3.74803 5.80301C3.66196 5.99134 3.53009 6.0855 3.3524 6.0855H3.19415C3.01647 6.0855 2.88459 5.99134 2.79853 5.80301L0.957829 1.86252C0.966158 1.96785 0.973099 2.07159 0.978652 2.17373C0.984204 2.27269 0.986981 2.36525 0.986981 2.45144V6.92339H0V0H0.845389C0.895362 0 0.938395 0.00159606 0.974487 0.00478819C1.01058 0.00797993 1.04251 0.0159599 1.07027 0.028728C1.10081 0.0414957 1.12718 0.0622436 1.1494 0.0909715C1.17438 0.119699 1.19798 0.158003 1.22019 0.205882L3.02341 4.05062Z" fill="black"></path>
<path d="M11.6715 0V1.02462H8.99787V2.9446H11.1051V3.9357H8.99787V5.89398H11.6715V6.92339H7.87346V0H11.6715Z" fill="black"></path>
<path d="M13.2514 0C13.2986 0 13.3389 0.00319193 13.3722 0.0095758C13.4083 0.0127679 13.4388 0.0223439 13.4638 0.0383038C13.4916 0.0510719 13.518 0.0718197 13.5429 0.100547C13.5679 0.126083 13.5957 0.161195 13.6262 0.205882L16.7829 4.84063C16.7746 4.72891 16.7676 4.61879 16.7621 4.51026C16.7565 4.40173 16.7537 4.30119 16.7537 4.20862V0H17.7407V6.92339H17.166C17.0772 6.92339 17.0022 6.90743 16.9412 6.87551C16.8828 6.8404 16.8259 6.78295 16.7704 6.70315L13.6262 2.09234C13.6346 2.19448 13.6401 2.29663 13.6429 2.39877C13.6484 2.49772 13.6512 2.58869 13.6512 2.67168V6.92339H12.6642V0H13.2514Z" fill="black"></path>
<path d="M21.5055 5.8844C21.722 5.8844 21.915 5.84291 22.0843 5.75992C22.2565 5.67693 22.4008 5.56042 22.5174 5.4104C22.6341 5.26037 22.7229 5.07843 22.784 4.86457C22.8478 4.65071 22.8798 4.41131 22.8798 4.14637V0H24V4.14637C24 4.55814 23.9417 4.93958 23.8251 5.2907C23.7113 5.63862 23.5461 5.94026 23.3295 6.19562C23.1157 6.44779 22.8548 6.64569 22.5466 6.78933C22.2384 6.92978 21.8914 7 21.5055 7C21.1168 7 20.7684 6.92978 20.4602 6.78933C20.152 6.64569 19.8897 6.44779 19.6731 6.19562C19.4593 5.94026 19.2941 5.63862 19.1775 5.2907C19.0637 4.93958 19.0068 4.55814 19.0068 4.14637V0H20.127V4.14159C20.127 4.40652 20.1576 4.64592 20.2187 4.85978C20.2825 5.07364 20.3727 5.25718 20.4893 5.4104C20.6087 5.56042 20.7531 5.67693 20.9225 5.75992C21.0946 5.84291 21.2889 5.8844 21.5055 5.8844Z" fill="black"></path>
</svg>
</small>
</div>
</li>
</ul>
</nav>
</div>
<h1 id="hdrLogo" class="hdrMiddle__left">
<a href="/">
<picture>
<!-- SP用 --><source srcset="https://img21.shop-pro.jp/PA01497/815/etc/logo.png?cmsp_timestamp=20230329143738" alt="宮崎県高千穂の穀物農家おたに家公式通販サイト" width="205" height="40" media="(max-width: 750px)">
<!-- PC用 --><img src="https://img21.shop-pro.jp/PA01497/815/etc/logo.png?cmsp_timestamp=20230329143738" alt="おたに家" width="205" height="60">
</picture>
</a>
</h1>
<div class="hdrMiddle__middle pcOnly">
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_bnr01.png" alt="5000円以上で送料無料">
</div>
<div class="hdrMiddle__right">
<nav class="iconNav">
<ul>
<{if $favorite_num != 0}><li><a href="/#favoliteSection">
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_ic01.png" width="30" alt="お気に入り">
</a></li><{ /if}>
<li class="pcOnly"><a href="<{$view_inq_url}>">
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_ic02.png" width="30" alt="お問い合わせ">
</a></li>
<li class="hasChildren pcOnly wpHide">
<a href="" class="">
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_ic03.png" width="30" alt="アカウントメニュー">
</a>
<ul class="">
<{if $members_use_flg}>
<{if $members_login_flg}>
<li><a href="<{$members_login_url}>">ログアウト</a></li>
<li><a href="<{$view_myaccount_url}>">マイアカウント</a></li>
<{else}>
<li><a href="<{$members_login_url}>">ログイン</a></li>
<li><a href="<{$members_regi_url}>">会員登録</a></li>
<{/if}>
<{/if}>
</ul>
</li>
<li><a href="<{$view_cart_url}>" class="iconNav__cart">
<span class="cartAmount"><{$incart_total_count}></span>
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_ic04.png" width="30" alt="カート">
</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="hdrBottom hdrBottom--onlyNav hdrFixed--pc pcOnly">
<div class="hdrInner">
<nav class="gNav gNav--typeA">
<ul>
<li>
<a href="/?mode=cate&csid=0&cbid=2858248">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic01.png" alt="蕎麦">
<p>蕎麦</p>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858250">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic02.png" alt="麦・雑穀">
<p>麦・雑穀</p>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858253">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic03.png" alt="味噌">
<p>味噌</p>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858252">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic04.png" alt="高千穂茶">
<p>高千穂茶</p>
</a>
</li>
<li>
<a href="/?mode=grp&gid=2846073">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic05.png" alt="ギフト">
<p>ギフト</p>
</a>
</li>
<li>
<a href="https://otaniya.co.jp/%e6%97%a5%e3%80%85%e3%81%ae%e3%81%93%e3%81%a8/">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic06.png" alt="読み物">
<p>読み物</p>
</a>
</li>
</ul>
</nav>
<div class="hM_search">
<form action="/" class="searchForm searchFormB" role="search" method="get">
<div class="searchForm__inner">
<input type="hidden" name="mode" value="srh">
<input type="text" value="" name="keyword" placeholder="商品を検索する">
<button type="submit" class="searchForm__submit"><i class="gNav__listIcon material-icons">search</i></button>
</div>
</form>
<div class="ks__keywords">
<ul class="keywordList" data-keywd="hotkey">
<li class="keywordList__unit"><a href="https://otaniya.shop/?mode=f1">＃新商品</a></li>
<li class="keywordList__unit"><a href="/?mode=srh&keyword=%BD%BD%B3%E4%B6%BE%C7%FE">＃十割そば</a></li>
<li class="keywordList__unit"><a href="/?mode=srh&keyword=%A4%E2%A4%C1%C7%FE">＃もち麦</a></li>
<li class="keywordList__unit"><a href="/?mode=srh&keyword=%A5%B0%A5%E9%A5%CE%A1%BC%A5%E9">＃グラノーラ</a></li>
<li class="keywordList__unit"><a href="/?mode=srh&keyword=%A4%AA%A4%BF%A4%CB%CA%C6">＃おたに米</a></li>
<li class="keywordList__unit"><a href="/?mode=srh&keyword=%C6%F9%CC%A3%C1%B9">＃肉味噌</a></li>
</ul>
</div>
</div>
</div>
</div>
<nav class="bottomNav hdrFixed--sp spOnly">
<ul>
<li>
<a href="/?mode=cate&cbid=2858248&csid=0">
<span class="bottomNav__icon"><img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic01.png" alt="蕎麦"></span>
<span class="bottomNav__text">蕎麦</span>
</a>
</li>
<li class="hdrSearch--toggle">
<a href="/?mode=cate&cbid=2858250&csid=0">
<span class="bottomNav__icon"><img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic02.png" alt="麦・雑穀"></span>
<span class="bottomNav__text">麦・雑穀</span>
</a>
</li>
<li>
<a href="/?mode=cate&cbid=2858253&csid=0">
<span class="bottomNav__icon"><img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic03.png" alt="味噌"></span>
<span class="bottomNav__text">味噌</span>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858252">
<span class="bottomNav__icon"><img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic04.png" alt="高千穂茶"></span>
<span class="bottomNav__text">高千穂茶</span>
</a>
</li>
<li>
<a href="/?mode=grp&gid=2846073">
<span class="bottomNav__icon"><img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic05.png" alt="ギフト"></span>
<span class="bottomNav__text">ギフト</span>
</a>
</li>
</ul>
</nav>
</div>
</header>
<aside id="drawer" class="">
<div class="drawer__search">
<form action="/" class="searchForm searchFormB" role="search" method="get">
<div class="searchForm__inner">
<input type="hidden" name="mode" value="srh">
<input type="text" value="" name="keyword" placeholder="商品を検索する">
<button type="submit" class="searchForm__submit"><i class="gNav__listIcon material-icons">search</i></button>
</div>
</form>
</div>
<ul class="drawer__nav">
<{if $members_use_flg}>
<div class="drawer__account">
<div class="drawer__accountText">
<h2>ACCOUNT MENU</h2>
<{if $members_login_flg}>
<p>ようこそ <{$members_login_name}> 様</p>
<{else}>
<p>ようこそ ゲスト 様</p>
<{/if}>
</div>
<ul class="drawer__accountNav">
<{if $members_login_flg}>
<li>
<a href="<{$members_login_url}>">
<img src="https://file003.shop-pro.jp/PA01497/815/img/menu_ico01.png" width="24" alt="おたに家 ログアウト">ログアウト
</a>
</li>
<li>
<a href="<{$view_myaccount_url}>">
<img src="https://file003.shop-pro.jp/PA01497/815/img/menu_ico02.png" width="24" alt="おたに家 マイアカウント">マイアカウント
</a>
</li>
<{else}>
<li>
<a href="<{$members_login_url}>">
<img src="https://file003.shop-pro.jp/PA01497/815/img/menu_ico01.png" width="24" alt="おたに家 ログイン">ログイン
</a>
</li>
<li>
<a href="<{$members_regi_url}>">
<img src="https://file003.shop-pro.jp/PA01497/815/img/menu_ico02.png" width="24" alt="おたに家 新規会員登録">新規会員登録
</a>
</li>
<{/if}>
</ul>
</div>
<{/if}>
<li class="hasChildren--click">
<a href="" class="color_bg">カテゴリーから探す</a>
<ul style="display: none;">
<li><a href="/?mode=cate&csid=0&cbid=2858248">蕎麦</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858250">麦・雑穀</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858252">高千穂茶</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858253">味噌</a></li>
</ul>
</li>
<li><a href="<{$sk_url}>">ご利用ガイド</a></li>
<li><a href="<{$privacy_url}>">プライバシーポリシー</a></li>
<li><a href="<{$sk_url}>">特定商取引法について</a></li>
<li><a href="<{$view_inq_url}>">お問い合わせ</a></li>
</ul>
<div class="drawer_bnr">
<img src="https://file003.shop-pro.jp/PA01497/815/img/hd_bnr01.png" alt="5000円以上で送料無料">
</div>
<div class="drawer__snsNav">
<ul class="snsNav">
<li><a href="https://www.facebook.com/OtaniyaSoba/" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="https://www.instagram.com/otaniya.soba/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<!-- <li><a href="#" target="_blank"><i class="fab fa-line"></i></a></li> -->
<!-- <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li> -->
</ul>
</div>
<a href="" class="menuClose drawer__close">メニューを閉じる<i class="material-icons">close</i></a>
</aside>
<div id="overlay" class="menuClose"><i class="material-icons">close</i></div>
<!-- ここまでヘッダーモジュール -->
<{if $tpl_name == 'top'}>
<section class="mainSliderSec mb0">
<div class="mainSliderSec__inner">
<ul id="mainSlider" class="mainSlider" data-fade="false" data-arrow="false" data-dot="true" data-center="true">
<li>
<a href="/?mode=cate&csid=0&cbid=2858248">
<img src="https://file003.shop-pro.jp/PA01497/815/img/main01.jpg" alt="乾蕎麦" loading="eager">
</a>
</li>
<li><a href="/?mode=cate&cbid=2858250&csid=2">
<img src="https://file003.shop-pro.jp/PA01497/815/img/main02.jpg" alt="もち麦" loading="eager">
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858252">
<img src="https://img21.shop-pro.jp/PA01497/815/etc_base64/YmFubmVyMDRfbmV3.png?cmsp_timestamp=20260923144449" alt="ギフト" loading="eager">
</a>
</li>
<li>
<a href="/?mode=cate&cbid=2858250&csid=1">
<img src="https://file003.shop-pro.jp/PA01497/815/img/main04.jpg" alt="はと麦シリアル" loading="eager">
</a>
</li>
</ul>
</div>
</section>
<div class="js-includeWp--top_news"></div>
<{/if}>
<!-- container -->
<{if $tpl_name == 'top'}>
<div id="container" class="topPage clearfix">
<{else}>
<div id="container" class="clearfix">
<{/if}>
<main id="main">
<{include file = $file_name}>
</main>
<!-- ここからサイドモジュール -->
<aside id="side">
<div class="side__search">
<h3 class="sideTitle">フリーワードから探す</h3>
<form action="/" class="searchForm searchFormB" role="search" method="get">
<div class="searchForm__inner">
<input type="hidden" name="mode" value="srh">
<input type="text" value="" name="keyword" placeholder="商品を検索する">
<button type="submit" class="searchForm__submit"><i class="gNav__listIcon material-icons">search</i></button>
</div>
</form>
</div>
<nav class="side__cateNav">
<h3 class="sideTitle">カテゴリーから探す</h3>
<ul>
<li>
<a href="/?mode=cate&csid=0&cbid=2858248" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic01.png" alt="蕎麦" width="32">
</span>
<span class="sideIcon__text">
蕎麦
</span>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858250" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic02.png" alt="麦・雑穀" width="32">
</span>
<span class="sideIcon__text">
麦・雑穀
</span>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858253" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic03.png" alt="おかず味噌" width="32">
</span>
<span class="sideIcon__text">
おかず味噌
</span>
</a>
</li>
<li>
<a href="/?mode=cate&csid=0&cbid=2858252" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic04.png" alt="高千穂TEA" width="32">
</span>
<span class="sideIcon__text">
高千穂TEA
</span>
</a>
</li>
<li>
<a href="/?mode=grp&gid=2846073" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/mega_ic05.png" alt="ギフト" width="32">
</span>
<span class="sideIcon__text">
ギフト
</span>
</a>
</li>
<li>
<a href="/?mode=cate&cbid=2858318&csid=0" class="sideIcon">
<span class="sideIcon__img">
<img src="https://file003.shop-pro.jp/PA01497/815/img/sec5_bnr06.png" alt="その他" width="32">
</span>
<span class="sideIcon__text">
その他
</span>
</a>
</li>
</ul>
</nav>
<div style="display:none;" class="side__bnr">
<a href="#"><img src="https://placehold.jp/250x100.png" alt=""></a>
</div>
<div style="display:none;" class="side__bnr">
<a href="#"><img src="https://placehold.jp/250x100.png" alt=""></a>
</div>
</aside>
<!-- ここまでサイドモジュール -->
</div><!-- container -->
<script type='text/javascript' src= 200 + 'https://corekara003.shop-pro.jp/?mode=cartjs&pid=158044323&style=normal_gray&name=n&img=y&expl=n&stock=y&price=y&optview=n&inq=n&sk=y' charset='euc-jp'></script>
<!-- ここからフッターモジュール -->
<section class="sec12" id="footer-contact">
<div class="container">
<div class="contactBox">
<h3 class="contact_h3">
FAXでのご注文・その他<br class="spOnly">お問い合わせはこちらからどうぞ
</h3>
<div class="row tel_row">
<div class="col-6 col-sp-12">
<p class="tel_p"><img src="https://file003.shop-pro.jp/PA01497/815/img/ic_tel.png" alt="電話">TEL 0982-73-2228</p>
</div>
<div class="col-6 col-sp-12">
<p class="tel_p"><img src="https://file003.shop-pro.jp/PA01497/815/img/ic_fax.png" alt="FAX">FAX 0982-76-1248</p>
</div>
</div>
<div class="col-12 col-sp-12">
<h3 style="color: white; line-height: 42px; text-align: center; font-size: 18px;">
各種お問い合わせ方法
</h3>
</div>
<div class="row btn_row">
<!----
<a style="display:none" href="" class="button--typeB arrow block">FAX用発注用紙ダウンロード</a>
--->
<div class="col-4 col-sp-12">
<a href="https://otaniya.shop/?mode=f2" class="button--typeB arrow block">営業日カレンダー</a>
</div>
<div class="col-4 col-sp-12">
<a href="<{$view_inq_url}>" class="button--typeB arrow block">メールでお問い合わせ</a>
</div>
<div class="col-4 col-sp-12">
<a href="https://otaniya.co.jp/oem%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/" class="button--typeB arrow block">OEM・法人のお客様</a>
</div>
</div>
</div>
</div>
</section>
<!-- お気に入り -->
<{if $favorite_num != 0}>
<section id="favoliteSection " class="ancor">
<div class="container">
<h2 class="h2A">お気に入り商品</h2>
<ul class="itemList itemList--typeA itemList-pc--6 itemList-sp--3">
<{section name=num loop=$favorite max=6 }>
<li class="itemList__unit">
<a href="<{$favorite[num].link_url}>" class="itemWrap">
<!-- 商品画像 -->
<{if $favorite[num].img_url != ""}>
<img class="itemImg" src="<{$favorite[num].img_url}>" alt="<{$favorite[num].name}>">
<{else}>
<img class="itemImg" src="https://img.shop-pro.jp/tmpl_img/67/m.gif" alt="<{$favorite[num].name}>の商品画像" >
<{/if}>
<!-- 商品名 -->
<p class="itemName"><{$favorite[num].name}></p>
<!-- 定価 -->
<{if $members_login_flg == true && $favorite[num].discount_flg == true}>
<p class="itemPrice__regular"><{$favorite[num].regular_price}></p>
<{/if}>
<!-- 商品価格 -->
<p class="itemPrice"><{$favorite[num].price}></p>
<span class="itemPrice__discount"><{if $members_login_flg == true && $favorite[num].discount_flg == true}><{$favorite[num].discount_rate}>OFF!!<{/if}></span>
<!-- 売り切れ -->
<{if $favorite[num].soldout_flg == true}><p class="itemList__soldOut">SOLD OUT</p><{/if}>
</a>
<{* お気に入り追加ボタン *}>
<div class="fav-item">
<button type="button" <{favorite_button_attribute added_class="is-added" product_id=$favorite[num].id}>>
<span class="material-icons">favorite</span>
</button>
</div>
</li><!--itemList__unit-->
<{/section}>
</ul>
</div>
</section>
<{/if}>
<section class="sec_bg sec13">
<div class="container">
<div class="sec_bg_img">
<picture>
<source srcset="https://file003.shop-pro.jp/PA01497/815/img/sec13_bg_sp.jpg" media="(max-width: 750px)">
<img src="https://file003.shop-pro.jp/PA01497/815/img/sec13_bg.jpg" alt="おたに家">
</picture>
</div>
</div>
</section>
<footer id="ftr" class="ftr--typeB">
<div class="highlight p0">
<div class="fNav--typeA container">
<div class="row">
<nav class="col-pc-3 col-sp-6 col-sp2-12 fNav__list">
<h3>CATEGORIES</h3>
<ul>
<li><a href="/?mode=cate&csid=0&cbid=2858248">蕎麦</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858250">麦・雑穀</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858253">味噌</a></li>
<li><a href="/?mode=cate&csid=0&cbid=2858252">高千穂茶</a></li>
<li><a href="/?mode=grp&gid=2846073">ギフト</a></li>
</ul>
</nav>
<nav class="col-pc-3 col-sp-6 col-sp2-12 fNav__list">
<h3>CONTENTS</h3>
<ul>
<li><a href="https://otaniya.co.jp/category/news/">お知らせ</a></li>
<li><a href="https://otaniya.co.jp/category/feature/">特集</a></li>
<li><a href="https://otaniya.co.jp/%e8%95%8e%e9%ba%a6%e5%b1%8b%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">店舗紹介</a></li>
<li><a href="https://otaniya.co.jp/oem%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">大口取引・OEMについて</a></li>
</ul>
</nav>
<nav class="col-pc-3 col-sp-6 col-sp2-12 fNav__list">
<h3>GUIDELINES</h3>
<ul>
<li><a href="https://otaniya.shop/?mode=f3">ご利用ガイド</a></li>
<li><a href="<{$view_inq_url}>">お問い合わせ</a></li>
<li><a href="<{$mailmaga_url}>">メールマガジン登録</a></li>
<li><a href="<{$sk_url}>">特定商取引法表示について</a></li>
<li><a href="<{$privacy_url}>">プライバシーポリシー</a></li>
</ul>
</nav>
<div class="col-pc-3 col-sp-6 col-sp2-12">
<div class="fNav__logo">
<img class="" src="https://img21.shop-pro.jp/PA01497/815/etc/logo.png?cmsp_timestamp=20230329143738" alt="おたに家オンラインショップ" width="180">
</div>
<ul class="snsNav">
<li><a href="https://www.facebook.com/OtaniyaSoba/" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="https://www.instagram.com/otaniya.soba/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<!-- <li><a href="#" target="_blank"><i class="fab fa-line"></i></a></li> -->
<!-- <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li> -->
</ul>
</div>
</div>
</div>
</div>
<div class="copyright copyright--typeA">
© 2023 おたに家株式会社. All rights Reserved.
</div>
</footer>
<!-- ここまでフッターモジュール -->
<nav id="toTop" class="toTop--circle toTop--primary" style=""><a href="#"></a></nav>
<!-- ここからJSモジュール -->
<script>
// ヒーローヘッダー 100vhのスマホ対応
function setHeight() {
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
setHeight();
// ブラウザのサイズが変更された時・画面の向きを変えた時に再計算する
// ※ブラウザのナビゲーションの表示切り替えにも反応してしまうため、通常は機能OFF
// window.addEventListener('resize', setHeight);
var menuState = false;
var dropState = false;
$(document).ready(function() {
// 初期化
sNavOut('.header__nav');
// スライダー（slick）
if($('.mainSlider').length){
$('.mainSlider').slick({
dots: true,
arrow: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
lazyLoad: 'progressive',
centerMode: true,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow:1,
centerMode: false,
}
}]
});
}else{
}
if($('.contentsSlider').length){
$('.contentsSlider').each(function() {
var pcshow = $(this).data('pcshow') ? $(this).data('pcshow') : 4;
var pcscroll = $(this).data('pcscroll') ? $(this).data('pcscroll') : 4;
var spshow = $(this).data('spshow') ? $(this).data('spshow') : 2;
var spscroll = $(this).data('spscroll') ? $(this).data('spscroll') : 2;
var infinite = true;
if($(this).hasClass('itemList--ranking')){infinite = false;}
$(this).slick({
dots: true,
arrow: true,
infinite: infinite,
lazyLoad: 'progressive',
slidesToShow: pcshow,
slidesToScroll: pcscroll,
autoplay: true,
autoplaySpeed: 5000,
speed:150,
swipeToSlide:true,
responsive: [{
breakpoint: 991, //ブレイクポイントを指定
settings: {
slidesToShow: 3,
slidesToScroll: 3,
},
breakpoint: 768,
settings: {
slidesToShow: spshow,
slidesToScroll: spscroll,
}
}]
});
});
}
if($('.mainSlider--typeB').length){
var slider = ".mainSlider--typeB"; // スライダー
var thumbnailItem = ".msThumbnail .msThumbnail__item"; // サムネイル画像アイテム
// サムネイル画像アイテムに data-index でindex番号を付与
$(thumbnailItem).each(function(){
var index = $(thumbnailItem).index(this);
$(this).attr("data-index",index);
});
// スライダー初期化後、カレントのサムネイル画像にクラス「thumbnail-current」を付ける
// 「slickスライダー作成」の前にこの記述は書いてください。
$(slider).on('init',function(slick){
var index = $(".slide-item.slick-slide.slick-current").attr("data-slick-index");
$(thumbnailItem+'[data-index="'+index+'"]').addClass("thumbnail-current");
});
//slickスライダー初期化
$(slider).slick({
autoplay: true,
arrows: true,
infinite: true,
});
//サムネイル画像アイテムをクリックしたときにスライダー切り替え
$(thumbnailItem).on('click',function(){
var index = $(this).attr("data-index");
$(slider).slick("slickGoTo",index,false);
});
//サムネイル画像のカレントを切り替え
$(slider).on('beforeChange',function(event,slick, currentSlide,nextSlide){
$(thumbnailItem).each(function(){
$(this).removeClass("thumbnail-current");
});
$(thumbnailItem+'[data-index="'+nextSlide+'"]').addClass("thumbnail-current");
});
}
if($('.mainVisual--integrate').length && $('.hdr--integrate').length){
$('.hdr--integrate').addClass('active');
$(window).on('scroll', function(event) {
var scroll = $(window).scrollTop();
if (scroll > 300 ){
$('.hdr--integrate').addClass('integrate--fixed');
}else{
$('.hdr--integrate').removeClass('integrate--fixed');
}
});
}else if($('.hdr--integrate').length){
hdrFixed($(".hdr--integrate"));
}
// ナビ固定
// 共通
if($(".hdrFixed").length){
hdrFixed($(".hdrFixed"));
}else{
var ua = navigator.userAgent;
// タブレット・スマートフォン時
if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0||ua.indexOf('iPad') > 0) {
if($(".hdrFixed--sp").length){
hdrFixed($(".hdrFixed--sp"));
}
// PC
}else{
if($(".hdrFixed--pc").length){
hdrFixed($(".hdrFixed--pc"));
}
}
}
function hdrFixed(target){
target.after('<div class="h_box"></div>');
var h = target.height();
var h_top = target.offset().top;
$(".h_box").height("0");
$(window).on('load scroll resize', function(event) {
var scroll = $(window).scrollTop();
if (scroll >= h_top) {
target.css({
position: 'fixed',
top: '0px',
width: '100%',
'z-index': '998'
});
$(".h_box").height(h);
} else {
target.css({
position: ''
});
$(".h_box").height("0");
}
});
}
});
if($('.js-detailSlider').length){
$('.js-detailSlider').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
adaptiveHeight: true,
appendDots:$('.detailSlider'),
customPaging: function(slider, i) {
var thumbSrc = $(slider.$slides[i]).find('img').attr('src');
return '<img src="' + thumbSrc + '">';
}
});
$('.js-detailSlider .slick-dots').appendTo('.js-detailSlider');
}
// ハンバーガーメニュー展開
$(document).on('click', '.menuToggle', function() {
$('#drawer').toggleClass('open');
$('#overlay').toggleClass('open');
$('body').toggleClass('open');
return false;
});
$(document).on('click', '.menuClose', function() {
$('#drawer').removeClass('open');
$('#overlay').removeClass('open');
$('body').removeClass('open');
return false;
});
// SPのみアコーディオン
$(document).on('click', '.sp-toggle', function() {
var windowWidth = $(window).width();
if (windowWidth < 768) {
$(this).next('ul').slideToggle();
$(this).toggleClass('open');
}
});
$(document).on('click', '.hdrSearch--toggle > span,.hdrSearch--toggle > a', function() {
$(this).next().slideToggle();
if($(this).find('.material-icons').text() == 'search'){
$(this).find('.material-icons').text('close');
}else if($(this).find('.material-icons').text() == 'close'){
$(this).find('.material-icons').text('search');
}
return false;
});
// ナビゲーション 子要素展開
$(function() {
var ua = navigator.userAgent;
// タブレット・スマートフォン時
if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0||ua.indexOf('iPad') > 0) {
$('.hasChildren > a').on('mouseenter touchstart', function(){
$(this).toggleClass('open');
$(this).next('ul,.megaMenu').toggleClass('open');
return false;
}).on('mouseleave touchend', function(){
return false;
});
$('.hasChildren .hasChildren--close > a').on('mouseenter touchstart', function(){
$(this).parents('ul').removeClass('open').prev('a').removeClass('open');
return false;
});
}else{
// PC時
$('.hasChildren').hover(function() {
$(this).children('a').addClass('open');
$(this).children('ul,.megaMenu').addClass('open');
}, function() {
$(this).children('a').removeClass('open');
$(this).children('ul,.megaMenu').removeClass('open');
});
}
});
$(document).on('click', '.hasChildren--click > a,.hasChildren--click > span,.hasChildren--click > h3', function() {
if (dropState == false) {
$(this).addClass('open');
$(this).next('ul').addClass('open');
$(this).next('ul').slideDown();
dropState = true;
} else {
if ($(this).hasClass('open')) {
$(this).removeClass('open');
$(this).next('ul').removeClass('open');
$(this).next('ul').slideUp();
} else {
$(this).parents('li').parents('ul').parents('.gNav').find('.hasChilds > span').removeClass('open');
$(this).parents('li').parents('ul').parents('.gNav').find('.hasChilds > span').next('ul').removeClass('open');
$(this).parents('li').parents('ul').parents('.gNav').find('.hasChilds > span').next('ul').slideUp(0);
$(this).addClass('open');
$(this).next('ul').addClass('open');
$(this).next('ul').slideDown();
}
}
return false;
});
// SPヘッダーD カテゴリーナビ
$(document).on('click', '.hdrCatMenu--toggle', function() {
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).next('ul').removeClass('open');
$(this).next('ul').slideUp();
}else{
$('.hdrCatMenu--toggle.open').next('ul').hide();
$('.hdrCatMenu--toggle.open').next('ul').removeClass('open');
$('.hdrCatMenu--toggle.open').removeClass('open');
$(this).addClass('open');
$(this).next('ul').addClass('open');
$(this).next('ul').slideDown();
}
return false;
});
function sNavIn(_this) {
var windowWidthMinus = document.documentElement.clientWidth * -1;
$(_this).addClass('open');
$('.menuBg--close').addClass('open');
$(_this).css({
'left': 0
});
}
function sNavOut(_this) {
var windowWidthMinus = document.documentElement.clientWidth * -1;
$(_this).removeClass('open');
$('.menuBg--close').removeClass('open');
$(_this).css({
'left': windowWidthMinus
});
}
// タブ切り替え
$(function() {
$(".tabSwitch > li ").click(function() {
if (!$(this).hasClass('active')) {
$(this).parents('.tabSwitch').find('li').removeClass('active');
$(this).addClass('active');
var tabNum = $(this).index();
$(this).parents(".tab").find(".tabContents").find(".tabContent").hide();
$(this).parents(".tab").find(".tabContents").find(".tabContent").eq(tabNum).fadeIn("500");
}
});
});
// スクロールボタン
$(function() {
if ($('.mainSliderSec').length || $('.mainVisual').length) {
if($('.mainVisual--hero').length){
var position = $(window).height();
}else if ($('.mainSliderSec').length) {
var position = $(".mainSliderSec + * ").offset().top;
}else{
var position = $(".mainVisual + * ").offset().top;
}
$("#scrollBtn").click(function() {
$("html,body").animate({
scrollTop: position // さっき変数に入れた位置まで
}, {
queue: false // どれくらい経過してから、アニメーションを始めるか。キュー[待ち行列]。falseを指定すると、キューに追加されずに即座にアニメーションを実行。
});
return false;
});
}
});
// TOPに戻るボタン
$(function(){
if($('#toTop').length){
var topBtn = $('#toTop');
topBtn.hide();
//スクロールが100に達したらボタン表示
$(window).scroll(function () {
var w = $(window).width();
if ($(this).scrollTop() > 800) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
//スムーススクロールでページトップへ
topBtn.click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
}
});
// 検索ランキングキーワード
$(function() {
// テキストボックスにフォーカス時、フォームの背景色を変化
$('.keywordRanking input[type="text"]')
.focusin(function(e) {
$(this).parents('.keywordRanking').next('.keywordRanking__toggle').addClass('open');
})
.focusout(function(e) {
setTimeout(function(){
$('.keywordRanking__toggle.open').removeClass('open');
console.log($('.keywordRanking__toggle.open'));
},200);
});
});
// テキスト横スクロール
var spSwiperDone = false;
$(window).on('load resize', function(event) {
if (window.innerWidth < 992 && spSwiperDone == false && $(".spSwiper").length) {
$('.spSwiper').slick({
autoplay: false,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
centerMode: false,
variableWidth: true,
touchMove: true,
swipeToSlide: true,
infinite: false
});
spSwiperDone= true;
}
});
if($(".wow").length){
$(window).on('scroll',function(){
$(".wow").each(function(){
var position = $(this).offset().top;
var height = $(this).height();
var scroll = $(window).scrollTop();
var windowHeight = $(window).height();
if (scroll > position - windowHeight + windowHeight / 4 ){
$(this).addClass('animated');
}
});
});
}
if (window.innerWidth < 767) {
$(".cateList__hasChildren").click(function() {
$(this).toggleClass('open').next().toggleClass('open').slideToggle();
return false;
});
}
// 詳細検索モーダル
$(document).on('click', '#mdsBg,#mdsClose', function() {
$("#modalDetailSearch").removeClass('open');
return false;
});
$(document).on('click', '#openDetailSearch', function() {
$("#modalDetailSearch").addClass('open');
return false;
});
// ＊＊＊＊＊＊＊
// CMS固有
// ＊＊＊＊＊＊＊
// CCシステムの商品カルーセル解除
// $('.fs-c-productListCarousel__list__itemTrack').each(function() {
// // 商品表示パーツのクラスを付与
// $(this).addClass('itemList itemList--typeC itemList-pc--4 itemList-sp--2');
// $(this).parents('.fs-c-productListCarousel__list').removeClass('fs-c-productListCarousel__list').addClass('ccItemListContainer');
// $(this).removeClass('fs-c-productListCarousel__list__itemTrack');
// $(this).find('article.fs-c-productListCarousel__list__item.fs-c-productListItem').each(function() {
// $(this).removeClass('fs-c-productListCarousel__list__item fs-c-productListItem').addClass('itemList__unit');
// // 商品名
// var name = $(this).find('.fs-c-productListItem__productName .fs-c-productName__name').text();
// // 画像をdataLazyから抽出してパース
// var dataLazy = '';
// var img = '';
// $(this).find('img.fs-c-productImage__image').each(function() {
// dataLazy = $(this).attr('data-lazy');
// $(this).attr('src', dataLazy);
// });
// if (dataLazy != '') {
// img = '<img src="' + dataLazy + '" alt="' + name + '" class="itemImg" />';
// }
// // 商品URL
// var url = $(this).find('.fs-c-productListItem__productName a').attr('href');
// // 価格
// var price = $(this).find('.fs-c-productListItem__prices.fs-c-productPrices').html();
// // 在庫表示
// var stockClass = $(this).find('.fs-c-productListItem__lowInStock.fs-c-productListItem__notice.fs-c-productStock').attr('class');
// console.log(stockClass);
// var stock = $(this).find('.fs-c-productListItem__lowInStock.fs-c-productListItem__notice.fs-c-productStock').html();
// if (stock != undefined) {
// stock = '<div class="' + stockClass + '">' + stock + '</div>';
// } else {
// stock = '';
// }
// // ボタン＆お気に入り
// var btn = $(this).find('.fs-c-productListItem__control.fs-c-buttonContainer');
// // パース
// var html = '<a class="itemWrap" href="' + url + '">' + img + '<p class="itemName">' + name + '</p>' + price + stock + '</a>';
//
// $(this).html(html);
//
// $('.fs-c-productListCarousel__ctrl').hide();
// });
//
// $('.fs-c-button--carousel').hide();
// });
// CM検索エンター
$('.search-keyword').on('keypress', function(e) {
if (e.keyCode == 13) {
var index = $('.search-keyword').index(this);
$('.search-url')[index].click();
}
});
// CMカレンダー
$(function(){
$('.dayList').each(function(){
var month = $(this).attr('data-month');
var day = $(this).attr('data-day');
var color = $(this).attr('data-color');
$('.makeshop-calendar' + month +' .day' + day).css({
'background-color': color,
'color': '#fff',
'font-weight': 'bold'
});
});
});
// CM Cart
$('#cp_toggle01_bg').on('click', function() {
console.log('a');
if($('#cp_toggle01').prop('checked')){
$('#cp_toggle01').prop('checked', false);
}
if($('#cp_toggle04').prop('checked')){
$('#cp_toggle04').prop('checked', false);
}
});
$('.cp_toggle04').on('click', function() {
if ($('#cp_toggle01').prop('checked')) {
$('#cp_toggle01').prop('checked', false);
}
});
$('.cp_toggle01').on('click', function() {
if ($('#cp_toggle04').prop('checked')) {
$('#cp_toggle04').prop('checked', false);
}
});
function updateCart(data)
{
// 買い物カゴの商品数を更新
var quantity = getCartQuantity(data.totalQuantity);
$('.cartAmount', parent.document).html(quantity);
// 買い物カゴをリロード
var url = $('.cart-object', parent.document).attr('data');
$('.cart-object', parent.document).attr('data', url);
}
// 買い物カゴの商品数を取得する（商品詳細ページでも利用）
function getCartQuantity(totalQuantity)
{
var quantity = '';
if (totalQuantity == 0) {
quantity = '';
} else if (totalQuantity < 100) {
quantity = totalQuantity;
} else {
quantity = '99+';
}
return quantity;
}
$(function() {
if($('#catepage-page-common-search-data').length){
initCustomSearchForm($('#catepage-page-common-search-data'));
}
if($('#side-page-common-search-data').length){
initCustomSearchForm($('#side-page-common-search-data'));
}
if($('#drawer-page-common-search-data').length){
initCustomSearchForm($('#drawer-page-common-search-data'));
}
});
function initCustomSearchForm(pageData)
{
var searchUrl = pageData.attr('data-search-url');
var keywordId = pageData.attr('data-id-keyword');
var priceLowId = pageData.attr('data-id-price-low');
var priceHighId = pageData.attr('data-id-price-high');
var categoryId = pageData.attr('data-id-category');
var originalCodeId = pageData.attr('data-id-original-code');
$('[href="' + searchUrl + '"]').on('click', function() {
var index = $('[href="' + searchUrl + '"]').index(this);
var keyword = getFormValue(keywordId, index);
var priceLow = getFormValue(priceLowId, index);
var priceHigh = getFormValue(priceHighId, index);
var category = getFormValue(categoryId, index);
var originalCode = getFormValue(originalCodeId, index);
$.ajax({
url: '/shop/shopsearch_url.html',
type: 'POST',
data: JSON.stringify({
'keyword': keyword,
'price_low': priceLow,
'price_high': priceHigh,
'category': category,
'original_code': originalCode
}),
contentType: 'application/json',
dataType: 'json'
}).done(function(data) {
if (!data.result) {
openModalMessage(data.error.message);
return;
}
location.href = data.url;
});
return false;
});
}
function getFormValue(dataId, index)
{
var result = $('[data-id="' + dataId + '"]').eq(index).val();
return (result === undefined) ? '' : result;
}
</script>