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" /> </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"> </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=""> </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=""> </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=""> </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=""> </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') && 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 && 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">¥<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=""> </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> </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> </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.