PageSourceSearch

https://www.audio-technica-mimio.com/

html audio-technica-mimio.com collected 2026-10-04 23:11:57 UTC 60,106 bytes, 934 lines download raw bytes

1<!doctype html>
2<html lang="ja">
3
4<head>
5  <meta charset="utf-8">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="viewport" content="width=device-width, initial-scale=1">
8  <meta name="keywords" content="">
9  <meta name="description" content="">
10  <title>audio-technica MIMIO</title>
11  <!-- Google Tag Manager -->
12<script>
vendor: 327 bytes, lines 12-16
12(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
13new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
14j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
15'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
16})(window,document,'script','dataLayer','
16GTM-TXR5ZR25
vendor: 3 bytes, line 16
16');
16</script>
16
17<!-- End Google Tag Manager -->
18  
18<script src="/vuelibs/jquery.min.js?xz=20250730000000"></script>
18
19  
19<script src="/js/locomotive-scroll.min.js?xz=20250730000000"></script>
19
20
21  <link href="/css/ress.css?xz=20250730000000" rel="stylesheet" type="text/css">
22<link href="/css/global.css?xz=20250730000000" rel="stylesheet" type="text/css">
23<link rel="icon" href="/images/favicon.ico?xz=20250730000000">
24<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png?xz=20250730000000">
25  <link href="/css/swiper-bundle.min.css?xz=20250730000000" rel="stylesheet" type="text/css">
26  <link href="/css/page-home.css?xz=20250730000000" rel="stylesheet" type="text/css">
27  <link href="/css/locomotive-scroll.css?xz=20250730000000" rel="stylesheet" type="text/css">
28
29</head>
30
31<body>
32<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 32-33
32
33<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
33GTM-TXR5ZR25
vendor: 83 bytes, lines 33-34
33"
34height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
35<!-- End Google Tag Manager (noscript) -->
36<p></p>
37<header id="scroll-target">
38  <nav id="navi">
39        <div class="navi-wrap">
40      <h1 class="logo-wrap">
41        <a href="/">
42          <svg class="logo" xmlns="http://www.w3.org/2000/svg" width="173.687" height="46.28" viewBox="0 0 173.687 46.28"><g transform="translate(-32.552 -32.54)"><path d="M55.692,32.54A23.14,23.14,0,1,0,78.833,55.68,23.14,23.14,0,0,0,55.692,32.54m0,45.123A21.983,21.983,0,1,1,77.675,55.68,21.983,21.983,0,0,1,55.692,77.663" fill="#39b282"></path><path d="M42.63,71.942H68.754L55.692,35Zm24.488-1.157H55.692L61.4,54.625Zm-12.653,0h-10.2L55.692,38.467l5.1,14.424Z" fill="#39b282"></path><path d="M88.089,74.193l3.353-23.608h.4l9.6,19.367,9.5-19.367h.395l3.353,23.608h-2.3l-2.3-16.9-8.351,16.9h-.592L92.659,57.161,90.391,74.193Z" fill="#39b282"></path><rect width="2.367" height="23.608" transform="translate(123.845 50.585)" fill="#39b282"></rect><path d="M135.285,74.193l3.353-23.608h.4l9.6,19.367,9.5-19.367h.4l3.354,23.608h-2.3l-2.3-16.9-8.351,16.9h-.592l-8.484-17.032-2.268,17.032Z" fill="#39b282"></path><rect width="2.367" height="23.608" transform="translate(171.043 50.585)" fill="#39b282"></rect><path d="M206.239,62.253A12.355,12.355,0,1,1,193.7,49.947a12.179,12.179,0,0,1,12.535,12.306m-22.359.1a10.005,10.005,0,1,0,9.954-10.218,10,10,0,0,0-9.954,10.218" fill="#39b282"></path><path d="M163.113,46.112V33.241h2.865v4.977l.037.034A3.386,3.386,0,0,1,168.98,36.9a3.225,3.225,0,0,1,3.364,3.381v5.831h-2.885V40.818c-.02-.96-.4-2.048-1.731-2.048A1.864,1.864,0,0,0,166,40.818v5.294Z" fill="#39b282"></path><path d="M173.321,46.112V37.166h2.865v1.052l.037.034a3.386,3.386,0,0,1,2.965-1.352,3.225,3.225,0,0,1,3.364,3.381v5.831h-2.885V40.818c-.02-.96-.4-2.048-1.731-2.048a1.864,1.864,0,0,0-1.73,2.048v5.294Z" fill="#39b282"></path><path d="M96.95,45.134v-4.89c0-2.688-2.174-3.349-4.117-3.349a6.078,6.078,0,0,0-2.847.572,2.388,2.388,0,0,0-1.305,2.224h2.77a1.239,1.239,0,0,1,1.287-1.281,1.211,1.211,0,0,1,1.326,1.384v.556a9.8,9.8,0,0,0-3.769.483,3.094,3.094,0,0,0-2.059,2.83c0,1.738,1.347,2.693,3.156,2.693a3.173,3.173,0,0,0,2.959-1.449h.041a8.736,8.736,0,0,0,.1,1.206h2.594a7.636,7.636,0,0,1-.132-.979m-4.54-.557a1.3,1.3,0,0,1-1.4-1.268c0-1.444,2.059-1.426,3.058-1.408,0,1.05-.058,2.676-1.654,2.676" fill="#39b282"></path><path d="M205.471,45.134v-4.89c0-2.688-2.174-3.349-4.117-3.349a6.078,6.078,0,0,0-2.847.572,2.388,2.388,0,0,0-1.305,2.224h2.77a1.239,1.239,0,0,1,1.287-1.281,1.211,1.211,0,0,1,1.326,1.384v.556a9.8,9.8,0,0,0-3.769.483,3.094,3.094,0,0,0-2.059,2.83c0,1.738,1.347,2.693,3.156,2.693a3.173,3.173,0,0,0,2.959-1.449h.041a8.735,8.735,0,0,0,.1,1.206H205.6a7.638,7.638,0,0,1-.132-.979m-4.54-.557a1.3,1.3,0,0,1-1.4-1.268c0-1.444,2.059-1.426,3.058-1.408,0,1.05-.058,2.676-1.654,2.676" fill="#39b282"></path><path d="M148.2,44.583c-1.254,0-1.709-1.068-1.738-2.232h6.362a12.3,12.3,0,0,0-.078-1.711,4.608,4.608,0,0,0-.43-1.6A4.215,4.215,0,0,0,148.2,36.9a4.436,4.436,0,0,0-4.633,4.755c0,2.993,1.328,4.706,4.633,4.706,2.25,0,4.116-.713,4.365-2.925h-2.714a1.5,1.5,0,0,1-1.651,1.146m0-5.9a1.812,1.812,0,0,1,1.758,1.889H146.5c.07-.974.568-1.889,1.7-1.889" fill="#39b282"></path><rect width="2.885" height="8.945" transform="translate(118.312 37.167)" fill="#39b282"></rect><rect width="3.074" height="2.305" transform="translate(118.217 33.242)" fill="#39b282"></rect><rect width="2.885" height="8.945" transform="translate(183.519 37.167)" fill="#39b282"></rect><rect width="3.074" height="2.305" transform="translate(183.424 33.242)" fill="#39b282"></rect><path d="M126.939,36.9c-3.153,0-5.036,1.925-5.036,4.74s1.883,4.721,5.036,4.721,5.038-1.91,5.038-4.721-1.886-4.74-5.038-4.74m0,7.682c-1.769,0-2.058-1.519-2.058-2.942s.29-2.961,2.058-2.961S129,40.212,129,41.64s-.29,2.942-2.058,2.942" fill="#39b282"></path><rect width="4.556" height="1.997" transform="translate(132.846 40.459)" fill="#39b282"></rect><path d="M138.4,37.167v-1.71l2.883-.959v2.669h2.116V39.1h-2.116v4.054c0,1.177.193,1.5,1.19,1.5.309,0,.616-.045.923-.068v1.577a12.254,12.254,0,0,1-2.265.28c-2.249,0-2.731-1.1-2.731-3.042V39.1h-1.943V37.167Z" fill="#39b282"></path><path d="M159.295,40.3c-.014-.684-.323-1.7-1.435-1.608-1.232.1-1.265,2.128-1.255,2.822.015,1.02,0,3,1.311,3.077,1.108.063,1.4-1.055,1.4-1.747h2.892c-.1,2.29-1.614,3.515-4.269,3.515-3.012,0-4.3-2.4-4.3-4.767,0-2.418,1.439-4.695,4.3-4.695,2.463,0,4.29,1.3,4.269,3.4Z" fill="#39b282"></path><path d="M193.037,40.3c-.014-.684-.323-1.7-1.435-1.608-1.232.1-1.265,2.128-1.255,2.822.015,1.02,0,3,1.311,3.077,1.108.063,1.4-1.055,1.4-1.747h2.892c-.1,2.29-1.614,3.515-4.269,3.515-3.012,0-4.3-2.4-4.3-4.767,0-2.418,1.439-4.695,4.3-4.695,2.463,0,4.29,1.3,4.269,3.4Z" fill="#39b282"></path><path d="M116.975,44.323V33.241h-2.67v4.975h-.035a3.11,3.11,0,0,0-3.012-1.375c-2.464.24-3.529,2.35
427-3.529,4.759,0,2.3,1.184,4.753,3.762,4.753a3.309,3.309,0,0,0,2.8-1.519h.037c0,.43.036.848.069,1.278h2.672c-.035-.589-.089-1.21-.089-1.789m-4.56.143c-1.2,0-1.89-1.27-1.89-2.836s.691-2.837,1.89-2.837,1.89,1.27,1.89,2.837-.691,2.836-1.89,2.836" fill="#39b282"></path><path d="M107.03,44.5V37.167h-2.886v5.715a1.457,1.457,0,0,1-.031.3,1.729,1.729,0,0,1-3.353.176,1.758,1.758,0,0,1-.076-.481V37.167H97.8v5.62a3.7,3.7,0,0,0,.343,1.606,3.543,3.543,0,0,0,6,.6l.117,1.116h2.884c-.058-.528-.1-1.085-.115-1.611" fill="#39b282"></path></g></svg>        </a>
43      </h1>
44      <ul class="navi-list">
45        <li class="li-parent">
46          <a class="title" href="/product_categories/">製品情報</a>
47          <div class="li-child product">
48            <div class="flex-box">
49              <div class="menu-wrap" v-for="category in products">
50                <a :href="'/category/' + category.page" class="img-link"><img :src="category.image_url === null ? '/pc/images/product_default.svg' : category.image_url" :alt="category.name" class=""></a>
51                <div class="menu-list">
52                  <a :href="'/category/' + category.page" class="title font-bold">{{ category.name }}</a>
53                  <template v-for="group in category.groups">
54                    <p class="subtitle font-bold">{{ group.name }}</p>
55                    <ul class="list-box">
56                      <li v-for="product in group.products">
57                        <a :href="'/product/' + product.page">{{ product.name }}</a>
58                      </li>
59                    </ul>
60                  </template>
61                  <ul class="border-box" v-if="category.page === 'hearing-assist-earphones'">
62                    <li><a href="/earphones-rental/">レンタル</a></li>
63                    <li><a href="https://forms.gle/FuaDC5y6w8gBG6jR9" target="_blank">無料試聴体験会</a></li>
64                    <li><a href="/earphones-dealer/">取扱店</a></li>
65                  </ul>
66                </div>
67              </div>
68            </div>
69          </div>
70        </li>
71        <li><a href="/news/">お知らせ</a></li>
72        <li class="li-parent">
73          <a href="/support/" class="title">サポート</a>
74          <div class="li-child support">
75            <div class="flex-box">
76              <div class="menu-wrap">
77                <ul class="list-box-support">
78                  <li><a href="https://support.audio-technica.co.jp/category/show/3546?site_domain=default" target="_blank">よくあるご質問(FAQ)</a></li>
79                  <li><a href="/support/repair/">修理</a></li>
80                  <li><a href="/support/parts/search/">部品購入</a></li>
81                  <li><a href="/support/manual/">取扱説明書</a></li>
82                  <li><a href="/support/software/">アプリ</a></li>
83                  <li><a href="/support/guarantee/">保証規定</a></li>
84                  <li><a href="/support/fit/">適合リスト</a></li>
85                  <li><a href="/support/export/">海外への発送</a></li>
86                </ul>
87              </div>
88            </div>
89          </div>
90        </li>
91        <li><a href="/mimiyori/">耳よりポスト</a></li>
92        <li><a href="/support/inquiry/">お問い合わせ</a></li>
93      </ul>
94      <div class="navi-login">
95        <a href="javascript:void(0)" class="btn-search" v-on:click="show_search_text_modal">
96          <div class="i-search">
97            <svg xmlns="http://www.w3.org/2000/svg" width="27.351" height="27.352" viewBox="0 0 27.351 27.352"><g transform="translate(-1533.79 -184.413)"><path d="M1124.951,53.737a11.163,11.163,0,1,1,7.892-3.269A11.089,11.089,0,0,1,1124.951,53.737Zm0-21.324a10.163,10.163,0,1,0,7.185,2.977A10.1,10.1,0,0,0,1124.951,32.413Z" transform="translate(420 153)"/><path d="M8.151,8.651A.5.5,0,0,1,7.8,8.5L-.354.354a.5.5,0,0,1,0-.707.5.5,0,0,1,.707,0L8.5,7.8a.5.5,0,0,1-.354.854Z" transform="translate(1552.49 203.114)"/></g></svg>          </div>
98          <span>検索</span>
99        </a>
100        <template v-if="user_name == null"><a href="/register/" class="btn-style0">新規会員登録</a></template>
101        <template v-if="user_name != null"><p class="account-name">{{ user_name }} 様</p></template>
102        <a :href="user_name == null ? '/login/' : '/mypage/'" class="btn-login">
103          <div class="i-user">
104            <template v-if="user_name == null"><svg xmlns="http://www.w3.org/2000/svg" width="26.328" height="30.808" viewBox="0 0 26.328 30.808"><g transform="translate(-1763.201 -182.421)"><path d="M1356.365,29.421a6.886,6.886,0,1,1-6.886,6.886A6.894,6.894,0,0,1,1356.365,29.421Zm0,12.772a5.886,5.886,0,1,0-5.886-5.886A5.893,5.893,0,0,0,1356.365,42.193Z" transform="translate(420 153)"/><path d="M1369.029,60.229a.5.5,0,0,1-.5-.5V54.073a8.506,8.506,0,0,0-8.5-8.5H1352.7a8.506,8.506,0,0,0-8.5,8.5v5.656a.5.5,0,1,1-1,0V54.073a9.522,9.522,0,0,1,9.5-9.5h7.335a9.523,9.523,0,0,1,9.5,9.5v5.656A.5.5,0,0,1,1369.029,60.229Z" transform="translate(420 153)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1768.671 206.746)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1784.06 206.746)"/></g></svg></template>
105            <template v-if="user_name != null"><svg xmlns="http://www.w3.org/2000/svg" width="26.328" height="30.808" viewBox="0 0 26.328 30.808"><g transform="translate(-1763.201 -182.421)"><path d="M1356.365,29.421a6.886,6.886,0,1,1-6.886,6.886A6.894,6.894,0,0,1,1356.365,29.421Zm0,12.772a5.886,5.886,0,1,0-5.886-5.886A5.893,5.893,0,0,0,1356.365,42.193Z" transform="translate(420 153)"/><path d="M1369.029,60.229a.5.5,0,0,1-.5-.5V54.073a8.506,8.506,0,0,0-8.5-8.5H1352.7a8.506,8.506,0,0,0-8.5,8.5v5.656a.5.5,0,1,1-1,0V54.073a9.522,9.522,0,0,1,9.5-9.5h7.335a9.523,9.523,0,0,1,9.5,9.5v5.656A.5.5,0,0,1,1369.029,60.229Z" transform="translate(420 153)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1768.671 206.746)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1784.06 206.746)"/></g></svg></template>
106          </div>
107          <template v-if="user_name == null"><span>ログイン</span></template>
108          <template v-if="user_name != null"><span>マイページ</span></template>
109        </a>
110        <a href="/cart/" class="btn-cart">
111          <div class="i-cart">
112            <svg xmlns="http://www.w3.org/2000/svg" width="32.75" height="30.539" viewBox="0 0 32.75 30.539"><g transform="translate(-1840.029 -182.555)"><path d="M1446.172,52.237h-19.121a.5.5,0,0,1-.5-.438l-2.635-21.244h-3.391a.5.5,0,0,1,0-1h3.833a.5.5,0,0,1,.5.438l2.635,21.244h18.679a.5.5,0,0,1,0,1Z" transform="translate(420 153)"/><path d="M1448.446,46.355H1426.3a.5.5,0,0,1,0-1h21.8l3.446-8.908h-26.458a.5.5,0,0,1,0-1h27.187a.5.5,0,0,1,.466.68l-3.833,9.908A.5.5,0,0,1,1448.446,46.355Z" transform="translate(420 153)"/><path d="M1444.067,54.264a2.915,2.915,0,1,1-2.916,2.915A2.918,2.918,0,0,1,1444.067,54.264Zm0,4.83a1.915,1.915,0,1,0-1.916-1.915A1.917,1.917,0,0,0,1444.067,59.094Z" transform="translate(420 153)"/><path d="M1427.726,54.264a2.915,2.915,0,1,1-2.916,2.915A2.918,2.918,0,0,1,1427.726,54.264Zm0,4.83a1.915,1.915,0,1,0-1.916-1.915A1.917,1.917,0,0,0,1427.726,59.094Z" transform="translate(420 153)"/></g></svg>          </div>
113          <span>カート</span>
114        </a>
115      </div>
116    </div>
117        <div id="sp-navi" class="sp-navi">
118      <h1 class="logo-wrap">
119        <a href="/">
120          <svg class="logo" xmlns="http://www.w3.org/2000/svg" width="173.687" height="46.28" viewBox="0 0 173.687 46.28"><g transform="translate(-32.552 -32.54)"><path d="M55.692,32.54A23.14,23.14,0,1,0,78.833,55.68,23.14,23.14,0,0,0,55.692,32.54m0,45.123A21.983,21.983,0,1,1,77.675,55.68,21.983,21.983,0,0,1,55.692,77.663" fill="#39b282"></path><path d="M42.63,71.942H68.754L55.692,35Zm24.488-1.157H55.692L61.4,54.625Zm-12.653,0h-10.2L55.692,38.467l5.1,14.424Z" fill="#39b282"></path><path d="M88.089,74.193l3.353-23.608h.4l9.6,19.367,9.5-19.367h.395l3.353,23.608h-2.3l-2.3-16.9-8.351,16.9h-.592L92.659,57.161,90.391,74.193Z" fill="#39b282"></path><rect width="2.367" height="23.608" transform="translate(123.845 50.585)" fill="#39b282"></rect><path d="M135.285,74.193l3.353-23.608h.4l9.6,19.367,9.5-19.367h.4l3.354,23.608h-2.3l-2.3-16.9-8.351,16.9h-.592l-8.484-17.032-2.268,17.032Z" fill="#39b282"></path><rect width="2.367" height="23.608" transform="translate(171.043 50.585)" fill="#39b282"></rect><path d="M206.239,62.253A12.355,12.355,0,1,1,193.7,49.947a12.179,12.179,0,0,1,12.535,12.306m-22.359.1a10.005,10.005,0,1,0,9.954-10.218,10,10,0,0,0-9.954,10.218" fill="#39b282"></path><path d="M163.113,46.112V33.241h2.865v4.977l.037.034A3.386,3.386,0,0,1,168.98,36.9a3.225,3.225,0,0,1,3.364,3.381v5.831h-2.885V40.818c-.02-.96-.4-2.048-1.731-2.048A1.864,1.864,0,0,0,166,40.818v5.294Z" fill="#39b282"></path><path d="M173.321,46.112V37.166h2.865v1.052l.037.034a3.386,3.386,0,0,1,2.965-1.352,3.225,3.225,0,0,1,3.364,3.381v5.831h-2.885V40.818c-.02-.96-.4-2.048-1.731-2.048a1.864,1.864,0,0,0-1.73,2.048v5.294Z" fill="#39b282"></path><path d="M96.95,45.134v-4.89c0-2.688-2.174-3.349-4.117-3.349a6.078,6.078,0,0,0-2.847.572,2.388,2.388,0,0,0-1.305,2.224h2.77a1.239,1.239,0,0,1,1.287-1.281,1.211,1.211,0,0,1,1.326,1.384v.556a9.8,9.8,0,0,0-3.769.483,3.094,3.094,0,0,0-2.059,2.83c0,1.738,1.347,2.693,3.156,2.693a3.173,3.173,0,0,0,2.959-1.449h.041a8.736,8.736,0,0,0,.1,1.206h2.594a7.636,7.636,0,0,1-.132-.979m-4.54-.557a1.3,1.3,0,0,1-1.4-1.268c0-1.444,2.059-1.426,3.058-1.408,0,1.05-.058,2.676-1.654,2.676" fill="#39b282"></path><path d="M205.471,45.134v-4.89c0-2.688-2.174-3.349-4.117-3.349a6.078,6.078,0,0,0-2.847.572,2.388,2.388,0,0,0-1.305,2.224h2.77a1.239,1.239,0,0,1,1.287-1.281,1.211,1.211,0,0,1,1.326,1.384v.556a9.8,9.8,0,0,0-3.769.483,3.094,3.094,0,0,0-2.059,2.83c0,1.738,1.347,2.693,3.156,2.693a3.173,3.173,0,0,0,2.959-1.449h.041a8.735,8.735,0,0,0,.1,1.206H205.6a7.638,7.638,0,0,1-.132-.979m-4.54-.557a1.3,1.3,0,0,1-1.4-1.268c0-1.444,2.059-1.426,3.058-1.408,0,1.05-.058,2.676-1.654,2.676" fill="#39b282"></path><path d="M148.2,44.583c-1.254,0-1.709-1.068-1.738-2.232h6.362a12.3,12.3,0,0,0-.078-1.711,4.608,4.608,0,0,0-.43-1.6A4.215,4.215,0,0,0,148.2,36.9a4.436,4.436,0,0,0-4.633,4.755c0,2.993,1.328,4.706,4.633,4.706,2.25,0,4.116-.713,4.365-2.925h-2.714a1.5,1.5,0,0,1-1.651,1.146m0-5.9a1.812,1.812,0,0,1,1.758,1.889H146.5c.07-.974.568-1.889,1.7-1.889" fill="#39b282"></path><rect width="2.885" height="8.945" transform="translate(118.312 37.167)" fill="#39b282"></rect><rect width="3.074" height="2.305" transform="translate(118.217 33.242)" fill="#39b282"></rect><rect width="2.885" height="8.945" transform="translate(183.519 37.167)" fill="#39b282"></rect><rect width="3.074" height="2.305" transform="translate(183.424 33.242)" fill="#39b282"></rect><path d="M126.939,36.9c-3.153,0-5.036,1.925-5.036,4.74s1.883,4.721,5.036,4.721,5.038-1.91,5.038-4.721-1.886-4.74-5.038-4.74m0,7.682c-1.769,0-2.058-1.519-2.058-2.942s.29-2.961,2.058-2.961S129,40.212,129,41.64s-.29,2.942-2.058,2.942" fill="#39b282"></path><rect width="4.556" height="1.997" transform="translate(132.846 40.459)" fill="#39b282"></rect><path d="M138.4,37.167v-1.71l2.883-.959v2.669h2.116V39.1h-2.116v4.054c0,1.177.193,1.5,1.19,1.5.309,0,.616-.045.923-.068v1.577a12.254,12.254,0,0,1-2.265.28c-2.249,0-2.731-1.1-2.731-3.042V39.1h-1.943V37.167Z" fill="#39b282"></path><path d="M159.295,40.3c-.014-.684-.323-1.7-1.435-1.608-1.232.1-1.265,2.128-1.255,2.822.015,1.02,0,3,1.311,3.077,1.108.063,1.4-1.055,1.4-1.747h2.892c-.1,2.29-1.614,3.515-4.269,3.515-3.012,0-4.3-2.4-4.3-4.767,0-2.418,1.439-4.695,4.3-4.695,2.463,0,4.29,1.3,4.269,3.4Z" fill="#39b282"></path><path d="M193.037,40.3c-.014-.684-.323-1.7-1.435-1.608-1.232.1-1.265,2.128-1.255,2.822.015,1.02,0,3,1.311,3.077,1.108.063,1.4-1.055,1.4-1.747h2.892c-.1,2.29-1.614,3.515-4.269,3.515-3.012,0-4.3-2.4-4.3-4.767,0-2.418,1.439-4.695,4.3-4.695,2.463,0,4.29,1.3,4.269,3.4Z" fill="#39b282"></path><path d="M116.975,44.323V33.241h-2.67v4.975h-.035a3.11,3.11,0,0,0-3.012-1.375c-2.464.24-3.529,2.35
1207-3.529,4.759,0,2.3,1.184,4.753,3.762,4.753a3.309,3.309,0,0,0,2.8-1.519h.037c0,.43.036.848.069,1.278h2.672c-.035-.589-.089-1.21-.089-1.789m-4.56.143c-1.2,0-1.89-1.27-1.89-2.836s.691-2.837,1.89-2.837,1.89,1.27,1.89,2.837-.691,2.836-1.89,2.836" fill="#39b282"></path><path d="M107.03,44.5V37.167h-2.886v5.715a1.457,1.457,0,0,1-.031.3,1.729,1.729,0,0,1-3.353.176,1.758,1.758,0,0,1-.076-.481V37.167H97.8v5.62a3.7,3.7,0,0,0,.343,1.606,3.543,3.543,0,0,0,6,.6l.117,1.116h2.884c-.058-.528-.1-1.085-.115-1.611" fill="#39b282"></path></g></svg>        </a>
121      </h1>
122      <div class="flex-box">
123        <a href="javascript:void(0)" class="btn-search" v-on:click="show_search_text_modal">
124          <div class="i-search">
125            <svg xmlns="http://www.w3.org/2000/svg" width="27.351" height="27.352" viewBox="0 0 27.351 27.352"><g transform="translate(-1533.79 -184.413)"><path d="M1124.951,53.737a11.163,11.163,0,1,1,7.892-3.269A11.089,11.089,0,0,1,1124.951,53.737Zm0-21.324a10.163,10.163,0,1,0,7.185,2.977A10.1,10.1,0,0,0,1124.951,32.413Z" transform="translate(420 153)"/><path d="M8.151,8.651A.5.5,0,0,1,7.8,8.5L-.354.354a.5.5,0,0,1,0-.707.5.5,0,0,1,.707,0L8.5,7.8a.5.5,0,0,1-.354.854Z" transform="translate(1552.49 203.114)"/></g></svg>          </div>
126          <span>検索</span>
127        </a>
128        <a :href="user_name == null ? '/login/' : '/mypage/'" class="btn-login">
129          <div class="i-user">
130            <template v-if="user_name == null"><svg xmlns="http://www.w3.org/2000/svg" width="26.328" height="30.808" viewBox="0 0 26.328 30.808"><g transform="translate(-1763.201 -182.421)"><path d="M1356.365,29.421a6.886,6.886,0,1,1-6.886,6.886A6.894,6.894,0,0,1,1356.365,29.421Zm0,12.772a5.886,5.886,0,1,0-5.886-5.886A5.893,5.893,0,0,0,1356.365,42.193Z" transform="translate(420 153)"/><path d="M1369.029,60.229a.5.5,0,0,1-.5-.5V54.073a8.506,8.506,0,0,0-8.5-8.5H1352.7a8.506,8.506,0,0,0-8.5,8.5v5.656a.5.5,0,1,1-1,0V54.073a9.522,9.522,0,0,1,9.5-9.5h7.335a9.523,9.523,0,0,1,9.5,9.5v5.656A.5.5,0,0,1,1369.029,60.229Z" transform="translate(420 153)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1768.671 206.746)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1784.06 206.746)"/></g></svg></template>
131            <template v-if="user_name != null"><svg xmlns="http://www.w3.org/2000/svg" width="26.328" height="30.808" viewBox="0 0 26.328 30.808"><g transform="translate(-1763.201 -182.421)"><path d="M1356.365,29.421a6.886,6.886,0,1,1-6.886,6.886A6.894,6.894,0,0,1,1356.365,29.421Zm0,12.772a5.886,5.886,0,1,0-5.886-5.886A5.893,5.893,0,0,0,1356.365,42.193Z" transform="translate(420 153)"/><path d="M1369.029,60.229a.5.5,0,0,1-.5-.5V54.073a8.506,8.506,0,0,0-8.5-8.5H1352.7a8.506,8.506,0,0,0-8.5,8.5v5.656a.5.5,0,1,1-1,0V54.073a9.522,9.522,0,0,1,9.5-9.5h7.335a9.523,9.523,0,0,1,9.5,9.5v5.656A.5.5,0,0,1,1369.029,60.229Z" transform="translate(420 153)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1768.671 206.746)"/><path d="M0,6.483a.5.5,0,0,1-.5-.5V0A.5.5,0,0,1,0-.5.5.5,0,0,1,.5,0V5.983A.5.5,0,0,1,0,6.483Z" transform="translate(1784.06 206.746)"/></g></svg></template>
132          </div>
133          <template v-if="user_name == null"><span>ログイン</span></template>
134          <template v-if="user_name != null"><span>マイページ</span></template>
135        </a>
136        </template>
137        <a href="/cart/" class="btn-cart">
138          <div class="i-cart">
139            <svg xmlns="http://www.w3.org/2000/svg" width="32.75" height="30.539" viewBox="0 0 32.75 30.539"><g transform="translate(-1840.029 -182.555)"><path d="M1446.172,52.237h-19.121a.5.5,0,0,1-.5-.438l-2.635-21.244h-3.391a.5.5,0,0,1,0-1h3.833a.5.5,0,0,1,.5.438l2.635,21.244h18.679a.5.5,0,0,1,0,1Z" transform="translate(420 153)"/><path d="M1448.446,46.355H1426.3a.5.5,0,0,1,0-1h21.8l3.446-8.908h-26.458a.5.5,0,0,1,0-1h27.187a.5.5,0,0,1,.466.68l-3.833,9.908A.5.5,0,0,1,1448.446,46.355Z" transform="translate(420 153)"/><path d="M1444.067,54.264a2.915,2.915,0,1,1-2.916,2.915A2.918,2.918,0,0,1,1444.067,54.264Zm0,4.83a1.915,1.915,0,1,0-1.916-1.915A1.917,1.917,0,0,0,1444.067,59.094Z" transform="translate(420 153)"/><path d="M1427.726,54.264a2.915,2.915,0,1,1-2.916,2.915A2.918,2.918,0,0,1,1427.726,54.264Zm0,4.83a1.915,1.915,0,1,0-1.916-1.915A1.917,1.917,0,0,0,1427.726,59.094Z" transform="translate(420 153)"/></g></svg>          </div>
140          <span>カート</span>
141        </a>
142        <a href="#" id="hamburger-menu" class="hamburger" v-on:click="toggle_sp_menu($event)">
143          <div class="i-hamburger">
144            <svg xmlns="http://www.w3.org/2000/svg" width="20.73" height="11.985" viewBox="0 0 20.73 11.985"><g transform="translate(-839 -478.008)"><path d="M20.1.315H0A.315.315,0,0,1-.315,0,.315.315,0,0,1,0-.315H20.1A.315.315,0,0,1,20.416,0,.315.315,0,0,1,20.1.315Z" transform="translate(839.315 478.322)"/><path d="M20.1.315H0A.315.315,0,0,1-.315,0,.315.315,0,0,1,0-.315H20.1A.315.315,0,0,1,20.416,0,.315.315,0,0,1,20.1.315Z" transform="translate(839.315 484)"/><path d="M20.1.315H0A.315.315,0,0,1-.315,0,.315.315,0,0,1,0-.315H20.1A.315.315,0,0,1,20.416,0,.315.315,0,0,1,20.1.315Z" transform="translate(839.315 489.678)"/></g></svg>
145          </div>
146          <span>メニュー</span>
147        </a>
148      </div>
149
150      <div class="sp-menu">
151        <div class="navi-login">
152        <template v-if="user_name == null">
153          <a href="/login/" class="font-bold"><span>ログイン</span></a>
154          <a href="/register/" class="btn-style0"><span>新規会員登録</span></a>
155        </template>
156        <template v-if="user_name != null">
157          <a href="javascript:void(0)" class=""><p>{{ user_name }} 様</p></a>
158          <a @click.stop.prevent="confirm_logout()" href="javascript:void(0)" class=""><span>ログアウト</span></a>
159          <ul class="mypage-list">
160            <li class="li-parent ac-parent">
161              <a href="javascript:void(0)" class="font-bold">マイページ</a>
162              <div class="li-child mypage ac-child">
163                <ul class="list-box-mypage">
164                  <li><a href="/mypage/favorite/">欲しいものリスト</a></li>
165                  <li><a href="/mypage/orderhistory/">注文履歴</a></li>
166                  <li class="ac-parent">
167                    <a href="/mypage/edit/">会員情報変更</a>
168                    <ul class="ac-child list-arrow">
169                      <li><a href="/mypage/email/">Eメールアドレスの変更</a></li>
170                      <li><a href="/mypage/password/">パスワードの変更</a></li>
171                      <li><a href="/mypage/address/">お届け先の登録・変更・追加</a></li>
172                    </ul>
173                  </li>
174                  <li><a href="/mypage/mailmagazine/">受信設定</a></li>
175                  <li><a href="/mypage/leave/">退会手続き</a></li>
176                </ul>
177              </div>
178            </li>
179          </ul>
180        </template>
181        </div>
182        <ul class="navi-list">
183          <li class="li-parent ac-parent">
184            <a href="javascript:void(0)" class="font-bold">製品情報</a>
185            <div class="li-child product ac-child">
186              <div class="menu-wrap" v-for="category in products">
187                <a :href="'/category/' + category.page" class="title font-bold">{{ category.name }}</a>
188                <a :href="'/category/' + category.page" class="product-img-link"><img :src="category.image_url === null ? '/pc/images/product_default.svg' : category.image_url" :alt="category.name" class="product-img"></a>
189                <div class="menu-list" v-for="group in category.groups">
190                  <p class="subtitle font-bold">{{ group.name }}</p>
191                  <ul class="list-box">
192                    <li v-for="product in group.products">
193                      <a :href="'/product/' + product.page">{{ product.name }}</a>
194                    </li>
195                  </ul>
196                </div>
197                <ul class="border-box" v-if="category.page === 'hearing-assist-earphones'">
198                  <li><a href="/earphones-rental/">レンタル</a></li>
199                  <li><a href="https://forms.gle/FuaDC5y6w8gBG6jR9" target="_blank">無料試聴体験会</a></li>
200                  <li><a href="/earphones-dealer/">取扱店</a></li>
201                </ul>
202              </div>
203            </div>
204          </li>
205          <li class="li-parent ac-parent">
206            <a href="javascript:void(0)" class="font-bold">お知らせ</a>
207            <div class="li-child news ac-child">
208              <div class="flex-box">
209                <div class="menu-wrap">
210                  <ul class="list-box-news">
211                    <li><a href="/news/">すべて</a></li>
212                    <li v-for="category in news_categories">
213                      <a :href="'/news/' + category">{{ category }}</a>
214                    </li>
215                  </ul>
216                </div>
217              </div>
218            </div>
219          </li>
220          <li class="li-parent ac-parent">
221            <a href="/support/" class="font-bold">サポート</a>
222            <div class="li-child support ac-child">
223              <div class="flex-box">
224                <div class="menu-wrap">
225                  <ul class="list-box-support">
226                    <li><a href="https://support.audio-technica.co.jp/category/show/3546?site_domain=default" target="_blank">よくあるご質問(FAQ)</a></li>
227                    <li><a href="/support/repair/">修理</a></li>
228                    <li><a href="/support/parts/search/">部品購入</a></li>
229                    <li><a href="/support/manual/">取扱説明書</a></li>
230                    <li><a href="/support/software/">アプリ</a></li>
231                    <li><a href="/support/guarantee/">保証規定</a></li>
232                    <li><a href="/support/fit/">適合リスト</a></li>
233                    <li><a href="/support/export/">海外への発送</a></li>
234                  </ul>
235                </div>
236              </div>
237            </div>
238          </li>
239           <li><a href="/mimiyori/" class="font-bold">耳よりポスト</a></li>
240          <li><a href="/support/inquiry/" class="font-bold">お問い合わせ</a></li>
241        </ul>
242      </div>
243    </div>
244
245        <div id="search-modal" class="search_modal js-modal">
246      <div class="modal_bg js-modal-close" v-on:click="close_search_modal()"></div>
247      <div class="modal_content">
248        <div class="form_wrap">
249          <img src="/images/i-search.svg?xz=20250730000000-P" class="search-img">
250          <form id="search_suggest" method="GET" action="/search" class="form_group_search" onsubmit="$(this).find('[name=csrf_token]').remove();" v-cloak>
251            <input type="search" v-model="params.q" v-on:keydown="tr
251y_search_submit($event)" @input="search_request()" name="q" placeholder="検索" value="" autocomplete="off" list="list">
252            <datalist id="list">
253              <option v-for="n in value" :key="n">{{ n }}</option>
254            </datalist>
255          <input type="hidden" name="csrf_token" value="c2e9456f490ab33aa484850a1f143c76">
256</form>
257        </div>
258      </div>
259    </div>
260
261  </nav>
262</header>
263<p></p>
264<div id="loading"><span><img src="/images/audio-technica-MIMIO-logo-white.svg?xz=20250730000000-P" width="573" height="152" alt="audio-technica MIMIO" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></div>
265<main id="scroll-container" class="bg02" data-scroll-container="" data-horizontal="true">
266<section id="section01" class="content-section" data-scroll-section="">
267<div class="img sp">&nbsp;</div>
268<div class="content">
269<h2>もっと聴こえる<br />心がはずむ</h2>
270<div class="logo pc"><img src="/images/audio-technica-MIMIO-logo.svg?xz=20250730000000-P" width="573" height="152" alt="audio-technica MIMIO" /></div>
271<div class="logo sp"><img src="/images/audio-technica-MIMIO-logo-white.svg?xz=20250730000000-P" width="573" height="152" alt="audio-technica MIMIO" /></div>
272<div id="newsWindow" class="top-news news-window">
273<h3 class="top-title-en">News</h3>
274<ul class="news-list" id="newsList"><li class="news-item is-active"><a href="/news/detail/28">
275<div class="post-meta"><time>2026.09.10</time><span class="cat">EVENT</span></div>
276</a>
277<h3 class="top-news-title">会話が弾む毎日を、大切な人へ。六本松 蔦屋書店でポップアップイベント開催</h3>
278</li>
279<li class="news-item"><a href="/news/detail/26">
280<div class="post-meta"><time>2026.07.22</time><span class="cat">CAMPAIGN</span></div>
281</a>
282<h3 class="top-news-title">1周年記念 「30日間返金保証」安心お試しキャンペーン</h3>
283</li>
284<li class="news-item"><a href="/news/detail/25">
285<div class="post-meta"><time>2026.07.22</time><span class="cat">CAMPAIGN</span></div>
286</a>
287<h3 class="top-news-title">audio-technica MIMIO、1周年を記念した「聴こえ体験プロジェクト」実施。30日間返金保証や記念ノベルティなど</h3>
288</li>
289</ul>
290<a href="#" id="toggleNews" class="news-accordion-toggle-button"><img src="./images/i-arrow-circle-green.svg?xz=20250730000000-P" alt="" /></a></div>
291 <!-- <div class="top-link-banner" style="margin-top: 50px;"><a href="https://audio-technica-mimio-chounanmon.com/pr/0302"> <img src="/upload/contents/news/30/main.jpg?xz=1772471876" alt="" style="max-width: 600px; width: 100%; height: Auto; display: block;" /> </a></div> --></div>
292</section>
293<section id="section02" class="bg" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">&nbsp;</section>
294<section id="section03" class="content-section green-bg" data-scroll-section="">
295<div class="content">
296<h2>聴こえを通して<br />日々の暮らしに彩りと喜びを</h2>
297<p>audio-technica MIMIO(オーディオテクニカミミオ)は、<br class="pc" />音にこだわり続けてきたaudio-technica のDNA を受け継ぎ、<br class="pc" />聴こえの可能性を広げるために新しく誕生したブランドです。<br />年齢や環境によって変化する聴こえに寄り添い、耳に優しく音を届けることで、<br class="pc" />すべての人に豊かで心地よい音体験を提供します。<br />聴こえを通して日々の暮らしに彩りと喜びをもたらし、<br class="pc" />人々の笑顔と幸せを生み出すこと。それが私たちの使命です。</p>
298<div class="logo"><img src="/images/audio-technica-MIMIO-logo-white.svg?xz=20250730000000-P" width="479" height="132" alt="audio-technica MIMIO" /></div>
299</div>
300</section>
301<section id="section04" class="bg" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">&nbsp;</section>
302<section id="section05" class="content-section green-bg" data-scroll-section="">
303<div class="product">
304<div class="txt">
305<div class="txt-inner">
306<p class="catch-blk">聴きたい音が<br />心地よく耳元に届く</p>
307<p>声を聴き取りやすくする</p>
308<h2>ヒアリングアシスト<br />イヤホン</h2>
309</div>
310<div class="flex-c-sp"><a href="/category/hearing-assist-earphones" class="btn"> <span>製品の特徴を知る</span> <span class="svg"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 250 65"> <path class="svg-border" d="M217.65,1c17.29,0,31.35,14.06,31.35,31.35v.3c0,17.29-14.06,31.35-31.35,31.35H32.35c-17.29,0-31.35-14.06-31.35-31.35v-.3C1,15.06,15.06,1,32.35,1h185.3Z"></path> </svg> </span> </a></div>
311<ul class="text-links">
312<li><a href="/earphones-rental/">レンタル</a></li>
313<li><a href="https://forms.gle/FuaDC5y6w8gBG6jR9" target="_blank" rel="noopener">無料試聴体験会</a></li>
314</ul>
315</div>
316<div class="img"><a href="/category/hearing-assist-earphones"><img src="/images/home/product-earphone.jpg?xz=20250730000000-P" alt="ヒアリングアシストイヤホン" /></a></div>
317</div>
318</section>
319<section id="section06" class="bg" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">&nbsp;</section>
320<section id="section07" class="content-section green-bg" data-scroll-section="">
321<div class="product">
322<div class="txt">
323<div class="txt-inner">
324<p class="catch-blk">テレビの音が近づくから<br />ちょうどいい音量で楽しめる</p>
325<p>セリフがはっきり聴こえる</p>
326<h2>お手元テレビ用<br />スピーカー</h2>
327</div>
328<div class="flex-c-sp"><a href="/category/handheld-tv-speaker" class="btn"> <span>製品の特徴を知る</span> <span class="svg"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 250 65"> <path class="svg-border" d="M217.65,1c17.29,0,31.35,14.06,31.35,31.35v.3c0,17.29-14.06,31.35-31.35,31.35H32.35c-17.29,0-31.35-14.06-31.35-31.35v-.3C1,15.06,15.06,1,32.35,1h185.3Z"></path> </svg> </span> </a></div>
329</div>
330<div class="img"><a href="/category/handheld-tv-speaker"><img src="/images/home/product-speaker.jpg?xz=20250730000000-P" alt="お手元テレビ用スピーカー" /></a></div>
331</div>
332</section>
333<section id="section08" class="bg" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">&nbsp;</section>
334<section id="section09" class="content-section green-bg" data-scroll-section="">
335<div class="content" id="top-recommend">
336<div class="container" v-show="responseBodyRecommend.hasOwnProperty('entry') &amp;&amp; responseBodyRecommend.entry.length > 0">
337<h2 class="section-title">おすすめ製品<span class="font-en">Recommend</span></h2>
338<div class="products-grid">
339<div class="col" v-for="row in responseBodyRecommend.entry"><a :href="'/product/' + row.page">
340<div class="img" :class="{'default-image': row.image_url == null}"><img :src="row.image_url !== null &amp;&amp; row.image_url !== '' ? row.image_url : '/pc/images/product_default.svg'" :alt="row.product_name" /></div>
341<p class="product-lead" v-html="row.catchcopy_short"></p>
342</a>
343<h4 class="product-name"><strong class="font-en">{{ row.name }}</strong><br />{{ row.name_katakana }} /<span class="font-en">{{ row.model_number }}</span></h4>
344<a :href="'/product/' + row.page">
345<p class="price" v-if="row.price_tax !== 0">&yen;<span class="font-en">{{ row.price_tax }}</span><small>(税込)</small></p>
346<p class="price" v-else="">オープン価格</p>
347</a></div>
348</div>
349</div>
350<div class="flex-c"><a href="/product_categories" class="btn"> <span>製品情報</span> <span class="svg"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 250 65"> <path class="svg-border" d="M217.65,1c17.29,0,31.35,14.06,31.35,31.35v.3c0,17.29-14.06,31.35-31.35,31.35H32.35c-17.29,0-31.35-14.06-31.35-31.35v-.3C1,15.06,15.06,1,32.35,1h185.3Z"></path> </svg> </span> </a></div>
351</div>
352</section>
353<section id="section10" class="bg" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">&nbsp;</section>
354<section id="section11" class="content-section green-bg" data-scroll-section="">
355<div class="content">
356<h2 class="section-title">
356ムービー<span class="font-en">Movie</span></h2>
357<div class="youtube-row">
358<div class="youtube-col">
359<div class="youtube-wrap"><iframe src="https://www.youtube.com/embed/pEincXikPM4?si=pe3f90vS_EnUdozb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen"></iframe></div>
360<h3 class="movie-title">ブランドCM</h3>
361</div>
362</div>
363</div>
364</section>
365<section id="section12" class="content-section" data-scroll-section="" data-scroll="" data-scroll-call="bgInview" data-scroll-repeat="">
366<div class="content"><img src="/images/audio-technica-MIMIO-logo.svg?xz=20250730000000-P" width="573" height="152" alt="audio-technica MIMIO" /></div>
367<button id="pagetop" class="font-en">TOP</button></section>
368</main>
369<div id="bg-container">
370<div class="bg bg02 active scroll-container">
371<div class="scrolling-track track1"><img src="/images/home/bg02.jpg?xz=20250730000000-P" alt="" /></div>
372<div class="scrolling-track track2"><img src="/images/home/bg02.jpg?xz=20250730000000-P" alt="" /></div>
373</div>
374<div class="bg bg04"><picture> <source srcset="/images/home/bg04-sp.jpg?xz=20250730000000-P" media="(max-width: 767px)" /> <img src="/images/home/bg04.jpg?xz=20250730000000-P" alt="" /> </picture></div>
375<div class="bg bg06"><picture> <source srcset="/images/home/bg06-sp.jpg?xz=20250730000000-P" media="(max-width: 767px)" /> <img src="/images/home/bg06.jpg?xz=20250730000000-P" alt="" /> </picture></div>
376<div class="bg bg08"><picture> <source srcset="/images/home/bg08-sp.jpg?xz=20250730000000-P" media="(max-width: 767px)" /> <img src="/images/home/bg08.jpg?xz=20250730000000-P" alt="" /> </picture></div>
377<div class="bg bg10 scroll-container">
378<div class="scrolling-track"><img src="/images/home/bg10.jpg?xz=20250730000000-P" alt="" /></div>
379</div>
380<div class="bg bg12"><picture> <source srcset="/images/home/bg12-sp.jpg?xz=20250730000000-P" media="(max-width: 767px)" /> <img src="/images/home/bg12.jpg?xz=20250730000000-P" alt="" /> </picture></div>
381</div>
382 </a></p>
383<section>
384<h2>お知らせ</h2>
385<ul><li><a href="/news/detail/28"> <span>2026.09.10</span> <span>会話が弾む毎日を、大切な人へ。六本松 蔦屋書店でポップアップイベント開催</span> </a></li>
386<li><a href="/news/detail/26"> <span>2026.07.22</span> <span>1周年記念 「30日間返金保証」安心お試しキャンペーン</span> </a></li>
387<li><a href="/news/detail/25"> <span>2026.07.22</span> <span>audio-technica MIMIO、1周年を記念した「聴こえ体験プロジェクト」実施。30日間返金保証や記念ノベルティなど</span> </a></li>
388</ul>
389<a href="/news">お知らせ一覧</a></section>
390<p><a> <footer id="footer">
391  <div class="footer-wrap">
392    <p class="logo-wrap"><img src="/images/audio-technica-MIMIO-logo-white.svg?xz=20250730000000-P" alt="audio-technica MIMIO"></p>
393    <div class="list-1">
394      <p class="title sp-ac-parent" v-on:click="toggleAccordion($event)">製品情報</p>
395      <ul class="list-style1 sp-ac-child">
396        <template v-for="e in categories">
397          <li><a :href="'/category/' + e.page + '/'">{{ e.name }}</a></li>
398        </template>
399      </ul>
400    </div>
401    <div class="list-2">
402      <p class="title sp-ac-parent" v-on:click="toggleAccordion($event)">サポート</p>
403      <ul class="list-style1 sp-ac-child">
404        <li><a href="https://support.audio-technica.co.jp/category/show/3546?site_domain=default" target="_blank">よくあるご質問(FAQ)</a></li>
405        <li><a href="/support/repair/">修理</a></li>
406        <li><a href="/support/parts/search/">部品購入</a></li>
407        <li><a href="/support/manual/">取扱説明書</a></li>
408        <li><a href="/support/software/">アプリ</a></li>
409        <li><a href="/agreement/">規約・規定</a></li>
410        <li><a href="/support/fit/">適合リスト</a></li>
411        <li><a href="/support/export/">海外への発送</a></li>
412      </ul>
413    </div>
414    <div class="list-3">
415      <a href="/support/inquiry/" class="information"><span>お問い合わせ</span></a>
416      <div class="link-box">
417        <a href="https://www.audio-technica.co.jp/corp/">企業情報/株式会社オーディオテクニカ</a>
418        <a href="/gdpr-policy/">GDPRプライバシーポリシー</a>
419        <a href="/law/">特定商取引に関する法律に基づく表示</a>
420      </div>
421    </div>
422    <div class="list-4">
423      <ul class="list-style-sns">
424        <li>
424<a href="https://www.instagram.com/audio_technica_mimio/" target="_blank"><img src="/images/i-instagram.svg?xz=20250730000000-P" alt="Instagram"></a></li>
425        <li><a href="https://x.com/at_mimio?s=11" target="_blank"><img src="/images/i-x.svg?xz=20250730000000-P" alt="X"></a></li>
426        <li><a href="https://www.youtube.com/@audio-technicaMIMIO" target="_blank"><img src="/images/i-youtube.svg?xz=20250730000000-P" alt="Youtube"></a></li>
427        <li><a href="https://lin.ee/8Xq0AoI" target="_blank"><img src="/images/i-line.svg?xz=20250730000000-P" alt="LINE"></a></li>
428      </ul>
429    </div>
430    <small class="copyright">© Audio-Technica Corporation. All rights reserved.</small>
431  </div>
432</footer>
433</a></p>
434<p><a>&nbsp;</a></p>
435<p>
436<script>
437    $(function() {
438      var device = "";
439      if (window.matchMedia("(min-width: 1000px)").matches) {
440        device = "pc";
441      } else {
442        device = "sp";
443      }
444
445      var scrollDirection = "";
446      if (device == "pc") {
447        scrollDirection = "horizontal";
448      } else {
449        scrollDirection = "vertical";
450      }
451
452      var scroll = new LocomotiveScroll({
453        el: document.querySelector('[data-scroll-container]'),
454        direction: scrollDirection,
455        smooth: true
456      });
457
458
459
460      //loading
461      var bgUrl = "/images/home/bg01.jpg";
462      if (device == "sp") {
463        bgUrl = "/images/home/bg01-sp.jpg";
464      }
465      const img = new Image();
466      img.onload = function() {
467        $("#loading").addClass("hide");
468      };
469
470      img.src = bgUrl;
471
472      if (img.complete) {
473        img.onload();
474      }
475
476
477      var bgList = {
478        "section02next": "bg04",
479        "section04next": "bg06",
480        "section06next": "bg08",
481        "section08next": "bg10",
482        "section10next": "bg12",
483        "section12prev": "bg10",
484        "section10prev": "bg08",
485        "section08prev": "bg06",
486        "section06prev": "bg04",
487        "section04prev": "bg02",
488        "section02prev": "bg02",
489        "section02": "bg02",
490        "section04": "bg04",
491        "section06": "bg06",
492        "section08": "bg08",
493        "section10": "bg10",
494        "section12": "bg12",
495      }
496
497      var scrollContainer = $("#scroll-container");
498      var lastScrollX = 0;
499      var lastScrollY = 0;
500      var scrollDirection = '';
501      // Track scroll direction
502      scroll.on('scroll', (args) => {
503        if (device == "pc") {
504          var currentScrollX = args.scroll.x;
505          if (currentScrollX > lastScrollX) {
506            scrollDirection = 'next';
507          } else if (currentScrollX < lastScrollX) {
508            scrollDirection = 'prev';
509          }
510          lastScrollX = currentScrollX;
511        } else if (device == "sp") {
512          var currentScrollY = args.scroll.y;
513          if (currentScrollY > lastScrollY) {
514            scrollDirection = 'next';
515          } else if (currentScrollY < lastScrollY) {
516            scrollDirection = 'prev';
517          }
518          lastScrollY = currentScrollY;
519        }
520      });
521
522      // On section exit
523      scroll.on('call', (func, direction, obj) => {
524        if (func === 'bgInview' && direction === 'exit') {
525          var element = $(obj.el);
526          var className = element.attr("id");
527          var key = className + scrollDirection;
528          var targetClass = bgList[key];
529          $('.bg').removeClass('active');
530          $('.' + targetClass).addClass('active');
531          //console.log(key);
532        }
533        if (func === 'bgInview' && direction === 'enter') {
534          var element = $(obj.el);
535          var className = element.attr("id");
536          var key = className;
537          var targetClass = bgList[key];
538          $('.bg').removeClass('active');
539          $('.' + targetClass).addClass('active');
540          //console.log(key);
541        }
542      });
543      if (device == "pc") {
544        // pagetop
545        $('#pagetop').on('click', function() {
546          scroll.scrollTo(0, {
547            duration: 1000,
548            easing: [0.25, 0.00, 0.35, 1.00]
549          });
550        });
551      } else if (device == "sp") {
552        $('#pagetop').on('click', function(e) {
553          e.preventDefault();
554          $('html, body').animate({ scrollTop: 0 }, 500);
555        });
556      }
557
558 
559
560      //news accordion
561      const panel = document.getElementById('newsWindow');
562      const btn = document.getElementById('toggleNews');
563      const items = Array.from(document.querySelectorAll('.news-item'));
564
565      let currentIndex = 0;
566      let rotationTimer = null;
567
568      function showItem(index) {
569        items.forEach((item, i) => {
570          item.classList.toggle('is-active', i === index);
571        });
572      }
573
574      function nextItem() {
575        currentIndex = (currentIndex + 1) % items.length;
576        showItem(currentIndex);
577      }
578
579      function startRotation() {
580        stopRotation();
581        rotationTimer = setInterval(nextItem, 2000);
582      }
583
584      function stopRotation() {
585        if (rotationTimer) {
586          clearInterval(rotationTimer);
587          rotationTimer = null;
588        }
589      }
590
591      btn.addEventListener('click', (e) => {
592        e.preventDefault();
593        const open = panel.classList.toggle('is-open');
594        btn.setAttribute('aria-expanded', String(open));
595
596        if (open) {
597          stopRotation();
598          count.textContent = `latest ${items.length}`;
599        } else {
600          showItem(currentIndex);
601          startRotation();
602        }
603      });
604
605      startRotation();
606
607    
608    });
609  </script>
609
610</p>
611<p><a>&nbsp;</a></p>
612<p></p>
613<script src="/vuelibs/vue.global.prod.js?xz=20250730000000"></script>
vendor: 1 bytes, line 613
613
614<script src="/vuelibs/promise.min.js?xz=20250730000000"></script>
vendor: 1 bytes, line 614
614
615<script src="/vuejs/index.js?xz=20250730000000"></script>
vendor: 1 bytes, line 615
615
616<script>
617"use strict";
618const header = Vue.createApp({
619  el: '#scroll-target',
620  data() {
621    return {
622      params: {
623        csrf_token: 'c2e9456f490ab33aa484850a1f143c76',
624      },
625      processing: false,
626      products: [{"id":1,"name":"\u30d2\u30a2\u30ea\u30f3\u30b0\u30a2\u30b7\u30b9\u30c8\u30a4\u30e4\u30db\u30f3","page":"hearing-assist-earphones","image_url":"\/images\/product-assist.jpg","groups":[{"id":1,"name":"MIMIO ASSIST","products":[{"id":38,"page":"MIMIO-ASSIST-ONE","model_number":"ATMM-SHD1","name":"ONE"}]}]},{"id":2,"name":"\u304a\u624b\u5143\u30c6\u30ec\u30d3\u7528\u30b9\u30d4\u30fc\u30ab\u30fc","page":"handheld-tv-speaker","image_url":"\/images\/product-sound.png","groups":[{"id":2,"name":"MIMIO SOUND","products":[{"id":39,"page":"MIMIO-SOUND-MOVE","model_number":"ATMM-SP780TV","name":"MOVE"},{"id":36,"page":"MIMIO-SOUND-NECK","model_number":"AT-NSP700TV","name":"NECK"},{"id":33,"page":"MIMIO-SOUND-LIGHTPLUS","model_number":"AT-SP450TV","name":"LIGHT PLUS"},{"id":32,"page":"MIMIO-SOUND-LIGHT","model_number":"AT-SP350TV","name":"LIGHT"},{"id":31,"page":"MIMIO-SOUND-BOX","model_number":"AT-SP270TV","name":"BOX"},{"id":34,"page":"MIMIO-SOUND-CUBE","model_number":"AT-MSP70TV","name":"CUBE"}]}]}],
627      news_categories: ["SUPPORT","PRESS","MEDIA","EVENT","CAMPAIGN"],
628      user_name: null,
629      header_type: 2,
630      header_color_switched_threshold: 10,
631    };
632  },
633  mounted: function() {
634    const _ = this;
635    // SP版アコーディオン設定
636    _.initAccordions();
637    // ヘッダー設定
638    if (_.header_type === 2) {
639      $(_.$options.el).addClass('font-wh');
640      $(window).on('scroll', _.onScroll); // ヘッダースクロール挙動
641    }
642  },
643  methods: {
644    show_search_text_modal: function() {
645      const _ = this;
646      //スクロール位置を取得
647      $('#search-modal').fadeIn();
648    },
649    close_search_modal: function() {
650      $('.js-modal').fadeOut();
651    },
652    try_search_submit: function(e) {
653      const _ = this;
654      if (e.key === 'Enter') {
655        $('#search_suggest').find('[name=csrf_token]').remove();
656        $('#search_suggest')[0].submit();
657      }
658    },
659    search_request: function() {
660      const _ = this;
661      let url = '/api/?_method=getSearchsuggest';
662      let request_body = {
663        'params': _.params,
664      }
665      let config = {
666        headers: {
667          'Accept': 'application/json, text/plain, */*',
668					'content-type': 'application/json'
669        }
670      };
671      try {
672        fetch(url, {
673					method: 'POST',
674					headers: { 'Accept': 'application/json, text/plain, */*', 'content-type': 'application/json' },
675					body: JSON.stringify(request_body)
676				}).then(function(r) { if(!r.ok) throw new Error(r.status); return r.json(); }).then(function(data) {
677          // response 処理
678          if (!('resultStatus' in data)) {
679            alert('Error: FAULT RESPONSE');
680            return;
681          }
682          _.value = [];
683          let entries = Object.entries(data.data);
684          entries.forEach(function(row) {
685            _.value.push(row[1]);
686          });
687        }).catch(function(error) {
688          console.log(error);
689          alert('予期せぬエラーが発生しました');
690        });
691      } catch(error) {
692        alert('予期せぬエラーが発生しました');
693        _.processing = false;
694        return;
695      }
696    },
697    confirm_logout: function(e) {
698      const _ = this;
699      if(window.confirm('ログアウトします。よろしいですか?')) {
700        _.request('/?_method=logout', {params: _.params});
701      }
702    },
703    request: function(url, params) {
704      const _ = this;
705      let config = {
706        headers: {
707          'Accept': 'application/json, text/plain, */*',
708					'content-type': 'application/json'
709        }
710      };
711      try {
712        fetch(url, {
713					method: 'POST',
714					headers: { 'Accept': 'application/json, text/plain, */*', 'content-type': 'application/json' },
715					body: JSON.stringify(params)
716				}).then(function(r) { if(!r.ok) throw new Error(r.status); return r.json(); }).then(function(data) {
717          if (!('resultStatus' in data)){
718            alert('Error: FAULT RESPONSE');
719            return;
720          }
721          if (!data.resultStatus) {
722            alert('処理に失敗しました');
723            return;
724          }
725          location.href = data.entry.redirect_url;
726        }).catch(function(error) {
727          if (error.message === '401') {
728            location.href = '/';
729            return;
730          }
731          alert('処理に失敗しました');
732        });
733      } catch(error) {
734        alert('Error: ' + error);
735      }
736    },
737    initAccordions: function() {
738      const _ = this;
739      // CSSトランジションをすべてのac-child要素に追加
740      const allChildContents = document.querySelectorAll('.ac-child');
741      allChildContents.forEach(content => {
742        content.style.overflow = 'hidden';
743        content.style.transition = 'max-height 0.4s ease-in-out';
744        content.style.maxHeight = '0px';
745      });
746
747      const parentItems = document.querySelectorAll('.ac-parent');
748
749      // すべてのアコーディオン要素に対してイベントリスナーを設定
750      parentItems.forEach(item => {
751        const trigger = item.querySelector(':scope > a');
752        const childContent = item.querySelector(':scope > .ac-child');
753
754        if (childContent && trigger) {
755          trigger.addEventListener('click', function (e) {
756            // デフォルトのリンク動作を防止
757            e.preventDefault();
758            // 開閉状態を切り替える
759            item.classList.toggle('active');
760
761            // アコーディオンの開閉処理
762            if (item.classList.contains('active')) {
763              _.openAccordion(item);
764            } else {
765              _.closeAccordion(item);
766            }
767          });
768        }
769      });
770    },
771    openAccordion: function(item) {
772      const _ = this;
773      const childContent = item.querySelector(':scope > .ac-child');
774      if (!childContent) return;
775
776      // まず高さを計算
777      const contentHeight = _.calculateContentHeight(childContent);
778
779      // 高さを設定してアニメーション開始
780      requestAnimationFrame(() => {
781        childContent.style.maxHeight = contentHeight + 'px';
782
783        // 親アコーディオンの高さを更新
784        setTimeout(() => {
785          _.updateParentAccordions(item);
786        }, 50);
787      });
788
789      // 開いている内部アコーディオンもアニメーションする
790      const activeNestedItems = childContent.querySelectorAll('.ac-parent.active');
791      activeNestedItems.forEach(nestedItem => {
792        const nestedContent = nestedItem.querySelector(':scope > .ac-child');
793        if (nestedContent) {
794          const nestedHeight = _.calculateContentHeight(nestedContent);
795          requestAnimationFrame(() => {
796            nestedContent.style.maxHeight = nestedHeight + 'px';
797          });
798        }
799      });
800    },
801    closeAccordion: function(item) {
802      const _ = this;
803      const childContent = item.querySelector(':scope > .ac-child');
804      if (!childContent) return;
805
806      // 閉じるアニメーション
807      requestAnimationFrame(() => {
808        childContent.style.maxHeight = '0px';
809
810        // 内部のアコーディオンも同時に閉じる(視覚的に)
811        const nestedContents = childContent.querySelectorAll('.ac-child');
812        nestedContents.forEach(content => {
813          content.style.maxHeight = '0px';
814        });
815
816        // 親アコーディオンの高さを更新
817        setTimeout(() => {
818          _.updateParentAccordions(item);
819        }, 10);
820      });
821    },
822    calculateContentHeight: function(element) {
823        // クローンを作成して高さを計算(DOM操作を最小限にするため)
824        const clone = element.cloneNode(true);
825        const parent = element.parentNode;
826
827        // クローンに特殊なスタイルを適用
828        clone.style.transition = 'none';
829        clone.style.maxHeight = 'none';
830        clone.style.opacity = '0';
831        clone.style.position = 'absolute';
832        clone.style.zIndex = '-1';
833        clone.style.pointerEvents = 'none';
834        clone.style.visibility = 'hidden';
835
836        // 元の要素と同じコンテキストで測定するために親に一時的に追加
837        parent.appendChild(clone);
838
839        // 内部の.ac-parentがアクティブな場合、対応する.ac-childの高さを調整
840        const activeNestedItems = clone.querySelectorAll('.ac-parent.active');
841        activeNestedItems.forEach(nestedItem => {
842            const nestedContent = nestedItem.querySelector(':scope > .ac-child');
843            if (nestedContent) {
844                nestedContent.style.maxHeight = 'none';
845                nestedContent.style.visibility = 'visible';
846                nestedContent.style.position = 'static';
847                nestedContent.style.height = 'auto';
848            }
849        });
850
851        // 高さを測定
852        const height = clone.scrollHeight;
853
854        // クローンを削除
855        parent.removeChild(clone);
856
857        return height;
858    },
859    updateParentAccordions: function(item) {
860      const _ = this;
861      let parent = item.parentElement;
862
863      while (parent) {
864        // 親アコーディオンを探す
865        const parentAccordion = parent.closest('.ac-parent');
866        if (!parentAccordion) break;
867
868        // 親アコーディオンがアクティブな場合のみ高さを更新
869        if (parentAccordion.classList.contains('active')) {
870          const parentContent = parentAccordion.querySelector(':scope > .ac-child');
871          if (parentContent) {
872            // 親アコーディオンの新しい高さを計算
873            const newHeight = _.calculateContentHeight(parentContent);
874            parentContent.style.maxHeight = newHeight + 'px';
875          }
876        }
877
878        // さらに上の親を探す
879        parent = parentAccordion.parentElement;
880      }
881    },
882    onScroll: function() {
883      const _ = this;
884      const scrollPosition = window.scrollY;
885      if (scrollPosition > _.header_color_switched_threshold) {
886        $(_.$options.el).addClass('scrolled');
887      } else {
888        $(_.$options.el).removeClass('scrolled');
889      }
890    },
891    toggle_sp_menu: function(e) {
892      // ハンバーガーメニュー自身にactiveクラスをトグル(追加/削除)する
893      e.currentTarget.classList.toggle('active');
894
895      // モバイルナビにもactiveクラスをトグルする
896      const spNav = document.getElementById('sp-navi');
897      spNav.classList.toggle('active');
898    },
899  },
900}).mount('#scroll-target');
901
902const footer = Vue.createApp({
903  el: '#footer',
904  data() {
905    return {
906      categories: [{"id":1,"0":1,"page":"hearing-assist-earphones","1":"hearing-assist-earphones","display_priority":1,"2":1,"name":"\u30d2\u30a2\u30ea\u30f3\u30b0\u30a2\u30b7\u30b9\u30c8\u30a4\u30e4\u30db\u30f3","3":"\u30d2\u30a2\u30ea\u30f3\u30b0\u30a2\u30b7\u30b9\u30c8\u30a4\u30e4\u30db\u30f3"},{"id":2,"0":2,"page":"handheld-tv-speaker","1":"handheld-tv-speaker","display_priority":2,"2":2,"name":"\u304a\u624b\u5143\u30c6\u30ec\u30d3\u7528\u30b9\u30d4\u30fc\u30ab\u30fc","3":"\u304a\u624b\u5143\u30c6\u30ec\u30d3\u7528\u30b9\u30d4\u30fc\u30ab\u30fc"}],
907      params: {
908        csrf_token: 'c2e9456f490ab33aa484850a1f143c76',
909        processing: false,
910      },
911    };
912  },
913  methods: {
914    toggleAccordion: function(e) {
915      // スマホ表示時のみアコーディオンを動作させる
916      if (window.innerWidth <= 767) {
917        e.preventDefault();
918
919        // クリックされた要素から親要素を特定
920        const clickedElement = e.currentTarget;
921        const parentElement = clickedElement.closest('.sp-ac-parent') || clickedElement.previousElementSibling;
922
923        if (parentElement) {
924          parentElement.classList.toggle('active');
925        }
926      }
927    },
928  },
929}).mount('#footer');
930
931</script>
931
932</body>
933
934</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.