CINXE.COM
IT機器:toConnect | トゥーコネクト ショッピングサイト
<!DOCTYPE html> <html lang="ja"> <head> <title>IT機器:toConnect | トゥーコネクト ショッピングサイト</title> <meta name="description" content="IT機器:日々の生活を豊かにする家電商品とサービスを提供するマーケティング企業,「こころもつなげる」トゥーコネクトがより便利な生活をご提案"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P3HXSGS');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/static_contents/site/xcart/css/style.css?update=20240213_03"> </head> <body id="productList-page"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3HXSGS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="header__bnr-wrap"> <a href="/nanowasala/" class="for_pc"><img src="/static_contents/site/xcart/img/bnr_header_nanowasala.png" alt=""></a> <a href="/nanowasala/" class="for_sp"><img src="/static_contents/site/xcart/img/bnr_header_nanowasala_sp.png" alt=""></a> </div> <header class="header"> <div class="header__inner for_pc"> <div class="content-inner"> <div class="header__inner__left"> <a href="/" class="header__logo"><img src="/static_contents/site/xcart/img/logo_toconnect.svg" alt=""></a> <ul class="header__menu-list"> <li class="header__menu-list__item"> <a href="/news/news_list.html">ニュース</a> </li> <li class="header__menu-list__item header__menu-list__item--pulldown"> <a href="javascript:;/">ブランド</a> <div class="pulldown-menu"> <div class="pulldown-menu__inner"> <ul class="pulldown-menu__list"> <li class="pulldown-menu__list__item"> <a href="/airdog/" class="hover-bd">Airdog</a> </li> <li class="pulldown-menu__list__item"> <a href="/nanowasala/" class="hover-bd">NanoWasala</a> </li> <li class="pulldown-menu__list__item"> <a href="/omoidebako/" class="hover-bd">デジタルフォトアルバム おもいでばこ</a> </li> <li class="pulldown-menu__list__item"> <a href="/sharp/" class="hover-bd">シャープの家電</a> </li> <li class="pulldown-menu__list__item"> <a href="/security-phone/" class="hover-bd">あんしんが見えるシャープ防犯電話機</a> </li> <li class="pulldown-menu__list__item"> <a href="/ibikitoruneru/" class="hover-bd">いびきトルネル</a> </li> </ul> </div> </div> </li> <li class="header__menu-list__item header__menu-list__item--pulldown"> <a href="javascript:;">カテゴリ</a> <div class="pulldown-menu"> <div class="pulldown-menu__inner"> <ul class="pulldown-menu__list"> <li class="pulldown-menu__list__item"> <a href="/security/" class="hover-bd">防犯</a> </li> <li class="pulldown-menu__list__item"> <a href="/air/" class="hover-bd">空調家電</a> </li> <li class="pulldown-menu__list__item"> <a href="/kitchen/" class="hover-bd">キッチン</a> </li> <li class="pulldown-menu__list__item"> <a href="/beauty/" class="hover-bd">ビューティ</a> </li> <li class="pulldown-menu__list__item"> <a href="/living/" class="hover-bd">住環境</a> </li> <li class="pulldown-menu__list__item"> <a href="/home/" class="hover-bd">ホーム</a> </li> <li class="pulldown-menu__list__item"> <a href="/health/" class="hover-bd">健康サポート</a> </li> <li class="pulldown-menu__list__item"> <a href="/it/" class="hover-bd">IT機器</a> </li> <li class="pulldown-menu__list__item"> <a href="/support/" class="hover-bd">サポートサービス</a> </li> <li class="pulldown-menu__list__item"> <a href="/outlet/" class="hover-bd">アウトレット</a> </li> </ul> </div> </div> </li> <li class="header__menu-list__item header__menu-list__item--pulldown"> <a href="javascript:;">お問い合わせ</a> <div class="pulldown-menu"> <div class="pulldown-menu__inner"> <ul class="pulldown-menu__list"> <li class="pulldown-menu__list__item"> <a href="/faq.html" class="hover-bd">よくあるご質問</a> </li> <li class="pulldown-menu__list__item"> <a href="/manual.html" class="hover-bd">取り扱い説明書</a> </li> <li class="pulldown-menu__list__item"> <a href="/contact/contact.html" class="hover-bd">お問い合わせフォーム</a> </li> </ul> </div> </div> </li> </ul> </div> <div class="header__inner__right"> <form name="input_search_word" action="/goods/search_list.html" class="header__search"> <input type="search" name="input_search_word" placeholder="お探しの商品はございますか?" class="header__search__input" value="" maxlength="80"> <button type="submit" class="header__search__btn"><img src="/static_contents/site/xcart/img/ico_search.svg" alt=""></button> </form> <ul class="header__icon-list"> <li class="header__icon-list__item header__icon-list__item--user"><a href="/login/login_input.html" class="mypage-open"><img src="/static_contents/site/xcart/img/ico_user--header.svg" alt=""><span class="header__icon-list__item__login">ログイン・新規入会</span></a> <li class="header__icon-list__item"><a href="/favorite/favorite_list.html"><img src="/static_contents/site/xcart/img/ico_heart--header.svg" alt="お気に入り"></a></li> <li class="header__icon-list__item header_cart_count"><a href="/cart/cart_list.html"><img src="/static_contents/site/xcart/img/ico_cart--header.svg" alt="カート"></a></li> </ul> </div> </div> </div> <div class="header__inner for_sp"> <div class="header__inner__top content-inner"> <ul class="header__icon-list"> <li class="header__icon-list__item header__acc-btn"></li> <li class="header__icon-list__item"><a href="/favorite/favorite_list.html"><img src="/static_contents/site/xcart/img/ico_heart--header.svg" alt=""></a></li> </ul> <a href="/" class="header__logo"><img src="/static_contents/site/xcart/img/logo_toconnect.svg" alt=""></a> <ul class="header__icon-list"> <li class="header__icon-list__item"><a href="/login/login_input.html" class="mypage-open"><img src="/static_contents/site/xcart/img/ico_user--header.svg" alt=""></a> <li class="header__icon-list__item header_cart_count"><a href="/cart/cart_list.html"><img src="/static_contents/site/xcart/img/ico_cart--header.svg" alt=""></a></li> </ul> </div> <div class="header__inner__bottom content-inner"> <form action="/goods/search_list.html" class="header__search"> <input type="search" name="input_search_word" placeholder="お探しの商品はございますか?" value="" maxlength="80" class="header__search__input"> <button type="submit" class="header__search__btn"><img src="/static_contents/site/xcart/img/ico_search.svg" alt=""></button> <input type="hidden" name="input_order" value="1"/> </form> </div> </div> </header> <div class="header__acc for_sp"> <div class="header__inner"> <div class="header__inner__top content-inner"> <div class="header__acc-btn active"></div> </div> </div> <div class="content-inner"> <div class="header__acc__link-list-wrap"> <a href="/news/news_list.html" class="header__acc__link-list__head">ニュース</a> </div> <div class="header__acc__link-list-wrap"> <p class="header__acc__link-list__head">ブランド</p> <ul class="header__acc__link-list"> <li class="header__acc__link-list__item"><a href="/airdog/" class="hover-bd hover-bd--white">Airdog</a></li> <li class="header__acc__link-list__item"><a href="/nanowasala/" class="hover-bd hover-bd--white">NanoWasala</a></li> <li class="header__acc__link-list__item"><a href="/omoidebako/" class="hover-bd hover-bd--white">デジタルフォトアルバム <br class="for_pc">おもいでばこ</a></li> <li class="header__acc__link-list__item"><a href="/sharp/" class="hover-bd hover-bd--white">シャープの家電</a></li> <li class="header__acc__link-list__item"><a href="/security-phone/" class="hover-bd hover-bd--white">あんしんが見えるシャープ防犯電話機</a></li> <li class="header__acc__link-list__item"><a href="/ibikitoruneru/" class="hover-bd hover-bd--white">いびきトルネル</a></li> </ul> </div> <div class="header__acc__link-list-wrap"> <p class="header__acc__link-list__head">カテゴリ</p> <ul class="header__acc__link-list"> <li class="header__acc__link-list__item"><a href="/security/" class="hover-bd hover-bd--white">防犯</a></li> <li class="header__acc__link-list__item"><a href="/air/" class="hover-bd hover-bd--white">空調家電</a></li> <li class="header__acc__link-list__item"><a href="/kitchen/" class="hover-bd hover-bd--white">キッチン</a></li> <li class="header__acc__link-list__item"><a href="/beauty/" class="hover-bd hover-bd--white">ビューティ</a></li> <li class="header__acc__link-list__item"><a href="/living/" class="hover-bd hover-bd--white">住環境</a></li> <li class="header__acc__link-list__item"><a href="/home/" class="hover-bd hover-bd--white">ホーム</a></li> <li class="header__acc__link-list__item"><a href="/health/" class="hover-bd hover-bd--white">健康サポート</a></li> <li class="header__acc__link-list__item"><a href="/it/" class="hover-bd hover-bd--white">IT機器</a></li> <li class="header__acc__link-list__item"><a href="/support/" class="hover-bd hover-bd--white">サポートサービス</a></li> <li class="header__acc__link-list__item"><a href="/outlet/" class="hover-bd hover-bd--white">アウトレット</a></li> </ul> </div> <div class="header__acc__link-list-wrap"> <p class="header__acc__link-list__head">運営会社について</p> <ul class="header__acc__link-list"> <li class="header__acc__link-list__item"><a href="/company.html" class="hover-bd hover-bd--white">会社概要</a></li> <li class="header__acc__link-list__item"><a href="/privacy.html" class="hover-bd hover-bd--white">プライバシーポリシー</a></li> <li class="header__acc__link-list__item"><a href="/about.html" class="hover-bd hover-bd--white">特定商取引法に基づく表示</a></li> </ul> </div> <div class="header__acc__link-list-wrap"> <p class="header__acc__link-list__head">お問い合わせ</p> <ul class="header__acc__link-list"> <li class="header__acc__link-list__item"><a href="/faq.html" class="hover-bd hover-bd--white">よくあるご質問</a></li> <li class="header__acc__link-list__item"><a href="/manual.html" class="hover-bd hover-bd--white">取り扱い説明書</a></li> <li class="header__acc__link-list__item"><a href="/contact/contact.html" class="hover-bd hover-bd--white">お問い合わせフォーム</a></li> </ul> </div> <div class="header__acc__link-list-wrap"> <p class="header__acc__link-list__head">ご利用案内</p> <ul class="header__acc__link-list"> <li class="header__acc__link-list__item"><a href="/guide/guide02.html" class="hover-bd hover-bd--white">配送・送料について</a></li> <li class="header__acc__link-list__item"><a href="/guide/guide.html" class="hover-bd hover-bd--white">ショッピングガイド</a></li> <li class="header__acc__link-list__item"><a href="/guide/guide04.html" class="hover-bd hover-bd--white">保証について</a></li> </ul> </div> </div> </div> <main> <div class="content-inner"> <div class="breadcrumb-wrap"> <ul class="breadcrumb"> <li class="breadcrumb__item"><a href="/">toConnect</a></li> <li class="breadcrumb__item breadcrumb__item--arrow"><img src="/static_contents/site/xcart/img/ico_bread-crump_arrow.svg" alt=""></li> <li class="breadcrumb__item">IT機器</li> </ul> </div> </div> <div class="content-wrap main-area"> <div class="content-inner"> <div class="productList-main-bnr"> <img src="/static_contents/site/xcart/img/bnr_list-main--it.jpg" alt=""> <div class="productList-main-bnr__detail"> <div class="productList-main-bnr__detail__head"> <div class="productList-main-bnr__detail__head__inner"> <img src="/static_contents/site/xcart/img/ico_it.svg" alt="" class="productList-main-bnr__detail__head__ico"> <p class="productList-main-bnr__detail__head__text"> <span class="productList-main-bnr__detail__head__text--ja">IT機器</span> <span class="productList-main-bnr__detail__head__text--en">IT DEVICE</span> </p> </div> <img src="/static_contents/site/xcart/img/bnr_list-main--it.jpg" alt="" class="productList-main-bnr__detail__head__bnr"> </div> <div class="productList-main-bnr__detail__description"> <p class="productList-main-bnr__detail__description--text">「不便を便利に快適に」変えるテクノロジーを搭載したグッズで新しい価値を提供し、毎日の生活を楽しく豊かにいたします</p> </div> </div> </div> </div> </div> <div class="content-wrap" id="productList"> <div class="content-inner"> <div class="product-list-header"> <p class="product-list-header__number">全<span class="product-list-header__number--strong">1</span>件</p> <div class="product-list-header__sort-wrap"> <form id="input_order" action="" method="get"> <div class="product-list-header__sort"> <p class="product-list-header__sort__current"> おすすめ順 </p> <div class="product-list-header__sort__box"> <ul class="product-list-header__sort__list"> <li class="product-list-header__sort__list__item"> <label for="sortSelect01">おすすめ順</label><input type="radio" id="sortSelect01" name="input_order" onchange="document.forms.input_order.submit();" value="7" checked> </li> <!-- <li class="product-list-header__sort__list__item"> <label for="sortSelect02">発売日順</label><input type="radio" id="sortSelect02" name="input_order"onchange="document.forms.input_order.submit();" value="6" > </li> --> <li class="product-list-header__sort__list__item"> <label for="sortSelect03">価格の安い順</label><input type="radio" id="sortSelect03" name="input_order" onchange="document.forms.input_order.submit();" value="3" > </li> <li class="product-list-header__sort__list__item"> <label for="sortSelect04">価格の高い順</label><input type="radio" id="sortSelect04" name="input_order" onchange="document.forms.input_order.submit();" value="4" > </li> <li class="product-list-header__sort__list__item"> <label for="sortSelect05">人気順</label><input type="radio" id="sortSelect05" name="input_order" onchange="document.forms.input_order.submit();" value="1" > </li> </ul> </div> </div> </form> </div> </div> <ul class="card-list card-list--3col card-list--img-all"> <li class="card-list__item"> <a href="/detail/it/1595.html"> <div class="card-list__item__img-wrap"> <img alt="おもいでばこ 本体 (2TBモデル)" src="/goods_image/000/159/1595_320.jpg?c=1671418732000" /> </div> <div class="card-list__item__detail"> <span class="goods_id" style="display:none;">1595</span> <!--<p class="card-list__item__detail__sub">バッファロー</p>--> <p class="card-list__item__detail__title">おもいでばこ 本体 (2TBモデル)</p> <p class="card-list__item__detail__price">¥46,400<span class="card-list__item__detail__price__tax">(税込)</span></p> <div class="card-list__item__detail__bottom-horizon"> <p class="text-label text-label--black">売り切れ</p> <span class="card-list__item__favorite" id="goods_span1595"> <img class="card-list__item__favorite__default" src="/static_contents/site/xcart/img/ico_heart.svg" alt="" data-goods-id="1595" id="goods1595" > </span> </div> </div> </a> </li> </ul> <div class="pagination-wrap"> <ul class="pagination"> <li class="pagination__item pagination__arrow2"> <img src="/static_contents/site/xcart/assets/img/ico_arrow2-left.svg" alt="" class="pagination__arrow2--normal"> <img src="/static_contents/site/xcart/assets/img/ico_arrow2-left--pressed.svg" alt="" class="pagination__arrow2--hover"> </li> <li class="pagination__item pagination__arrow"> <img src="/static_contents/site/xcart/assets/img/ico_arrow-left.svg" alt="" class="pagination__arrow--normal"> <img src="/static_contents/site/xcart/assets/img/ico_arrow-left--pressed.svg" alt="" class="pagination__arrow--hover"> </li> <li class="pagination__item pagination__item--current">1</li> <li class="pagination__item pagination__arrow"> <img src="/static_contents/site/xcart/assets/img/ico_arrow-right.svg" alt="" class="pagination__arrow--normal"> <img src="/static_contents/site/xcart/assets/img/ico_arrow-right--pressed.svg" alt="" class="pagination__arrow--hover"> </li> <li class="pagination__item pagination__arrow2"> <img src="/static_contents/site/xcart/assets/img/ico_arrow2-right.svg" alt="" class="pagination__arrow2--normal"> <img src="/static_contents/site/xcart/assets/img/ico_arrow2-right--pressed.svg" alt="" class="pagination__arrow2--hover"> </li> </ul> </div> </div> </div> </main> <footer class="footer"> <div class="content-inner"> <div class="footer__logo-wrap for_pc"> <a href="/" class="footer__logo"><img src="/static_contents/site/xcart/img/logo_toconnect--white.svg" alt=""></a> </div> <div class="footer__link-list-wrap"> <a href="/news/news_list.html" class="footer__link-list__head hover-bd hover-bd--white">ニュース</a> </div> <div class="footer__link-list-wrap"> <p class="footer__link-list__head">ブランド</p> <ul class="footer__link-list"> <li class="footer__link-list__item"><a href="/airdog/" class="hover-bd hover-bd--white">Airdog</a></li> <li class="footer__link-list__item"><a href="/nanowasala/" class="hover-bd hover-bd--white">NanoWasala</a></li> <li class="footer__link-list__item"><a href="/ibikitoruneru/" class="hover-bd hover-bd--white">いびきトルネル</a></li> <li class="footer__link-list__item"><a href="/omoidebako/" class="hover-bd hover-bd--white">デジタルフォトアルバム <br class="for_pc">おもいでばこ</a></li> <li class="footer__link-list__item"><a href="/sharp/" class="hover-bd hover-bd--white">シャープの家電</a></li> <li class="footer__link-list__item"><a href="/security-phone/" class="hover-bd hover-bd--white">あんしんが見えるシャープ防犯電話機</a></li> </ul> </div> <div class="footer__link-list-wrap"> <p class="footer__link-list__head">カテゴリ</p> <ul class="footer__link-list"> <li class="footer__link-list__item"><a href="/security/" class="hover-bd hover-bd--white">防犯</a></li> <li class="footer__link-list__item"><a href="/air/" class="hover-bd hover-bd--white">空調家電</a></li> <li class="footer__link-list__item"><a href="/kitchen/" class="hover-bd hover-bd--white">キッチン</a></li> <li class="footer__link-list__item"><a href="/beauty/" class="hover-bd hover-bd--white">ビューティ</a></li> <li class="footer__link-list__item"><a href="/living/" class="hover-bd hover-bd--white">住環境</a></li> <li class="footer__link-list__item"><a href="/home/" class="hover-bd hover-bd--white">ホーム</a></li> <li class="footer__link-list__item"><a href="/health/" class="hover-bd hover-bd--white">健康サポート</a></li> <li class="footer__link-list__item"><a href="/it/" class="hover-bd hover-bd--white">IT機器</a></li> <li class="footer__link-list__item"><a href="/support/" class="hover-bd hover-bd--white">サポートサービス</a></li> <li class="footer__link-list__item"><a href="/outlet/" class="hover-bd hover-bd--white">OUTLET</a></li> </ul> </div> <div class="footer__link-list-wrap"> <p class="footer__link-list__head">運営会社について</p> <ul class="footer__link-list"> <li class="footer__link-list__item"><a href="https://corp.toconnect.co.jp/company/summary/" class="hover-bd hover-bd--white" target="_blank">会社概要</a></li> <li class="footer__link-list__item"><a href="https://corp.toconnect.co.jp/business/about/" class="hover-bd hover-bd--white" target="_blank">トゥーコネクトとは</a></li> <li class="footer__link-list__item"><a href="/privacy.html" class="hover-bd hover-bd--white">プライバシーポリシー</a></li> <li class="footer__link-list__item"><a href="/about.html" class="hover-bd hover-bd--white">特定商取引法に基づく表示</a></li> <li class="footer__link-list__item"><a href="/care_terms.html" class="hover-bd hover-bd--white">Airdog CARE利用規約</a></li> <li class="footer__link-list__item"><a href="/nanowasala_terms.html" class="hover-bd hover-bd--white">住設用ナノバサラ設置工事請負契約約款</a></li> </ul> <p class="footer__link-list__head">サポート</p> <ul class="footer__link-list"> <li class="footer__link-list__item"><a href="/faq.html" class="hover-bd hover-bd--white">よくあるご質問</a></li> <li class="footer__link-list__item"><a href="/manual.html" class="hover-bd hover-bd--white">取り扱い説明書</a></li> <li class="footer__link-list__item"><a href="/contact/contact.html" class="hover-bd hover-bd--white">お問い合わせ</a></li> </ul> <p class="footer__link-list__head">ご利用案内</p> <ul class="footer__link-list"> <li class="footer__link-list__item"><a href="/guide/guide02.html" class="hover-bd hover-bd--white">配送・送料について</a></li> <li class="footer__link-list__item"><a href="/guide/guide.html" class="hover-bd hover-bd--white">ショッピングガイド</a></li> <li class="footer__link-list__item"><a href="/guide/guide04.html" class="hover-bd hover-bd--white">保証について</a></li> <li class="footer__link-list__item"><a href="/import_attention.html" class="hover-bd hover-bd--white">並行輸入品についてのご注意</a></li> </ul> </div> </div> <div class="content-inner"> <div class="footer__left"> <div class="footer__left__content"> <p class="footer__left__content__name">Airdog</p> <a href="https://www.facebook.com/airdog.tokyo" class="footer__left__content__sns"><img src="/static_contents/site/xcart/img/ico_facebook.svg" alt=""></a> <a href="https://www.instagram.com/airdog.tokyo/" class="footer__left__content__sns"><img src="/static_contents/site/xcart/img/ico_instagram.svg" alt=""></a> </div> </div> <div class="footer__right"> <div class="footer__logo-wrap for_sp"> <a href="/" class="footer__logo"><img src="/static_contents/site/xcart/img/logo_toconnect--white.svg" alt=""></a> </div> <p class="footer__copy">© toConnect,inc. ALL RIGHTS RESERVED.</p> </div> </div> </footer> <div class="bg-all"></div> <div class="toast favorite-delete"> <img src="/static_contents/site/xcart/img/ico_check-logout.svg" alt=""> <p>お気に入りに登録しました</p> </div> <div class="toast favorite-add"> <img src="/static_contents/site/xcart/img/ico_check-logout.svg" alt=""> <p>お気に入りリストから<br>削除しました</p> </div> <div class="toast favorite-login"> <p>お気に入りリストを使用する場合は<br>会員ログインが必要です。</p> <a href="https://www.toconnect.co.jp/login/login_input.html" class="btn btn--red">ログイン/会員登録する</a> </div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link href="/static_contents/site/xcart/js/slick/slick-theme.css" rel="stylesheet" type="text/css"> <link href="/static_contents/site/xcart/js/slick/slick.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/static_contents/site/xcart/js/slick/slick.min.js"></script> <script src="/static_contents/site/xcart/js/app.js?update=202402131332"></script> <script src="https://static-na.payments-amazon.com/checkout.js"></script> <!--ここから--> <script> $(document).ready(function () { getGoodsAmount('.header_cart_count'); }); /** * カート件数取得 * * @param elem ボタン要素 */ function getGoodsAmount(elem) { $.ajax({ dataType: 'json', cache: false, url: "/api/cart_count" }).then(function (json) { var message = ""; if (json.result != "NG") { var goodsAmount = json.count; if (goodsAmount) { const el = document.querySelectorAll(elem); for (var i = 0; i < el.length; i++) { el[i].dataset.cart = goodsAmount; } } } }); } </script> <!--ここまで--> <script> $(document).ready(function() { $(".card-list__item__favorite__active, .card-list__item__favorite__default").click(function(e){ e.preventDefault(); $('.toast').hide(); var goodsId = $(this).attr("data-goods-id"); var elem = this; if ($(elem).hasClass("card-list__item__favorite__default")) { addFavorite(elem, goodsId); } else { delFavorite(elem, goodsId); } }); /** * お気に入りに登録する * * @param elem ボタン要素 * @param goodsId 商品ID */ function addFavorite(elem, goodsId) { showNotLoginMessage(); } /** * お気に入りに削除する * * @param elem ボタン要素 * @param goodsId 商品ID */ function delFavorite(elem, goodsId) { showNotLoginMessage(); } /** * メッセージを表示する * * @param message 表示するメッセージ */ function showAddMessage() { $('.favorite-delete').fadeIn(500); setTimeout(function(){ $('.favorite-delete').fadeOut(500); },5000); } /** * メッセージを表示する * * @param message 表示するメッセージ */ function showDelMessage() { $('.favorite-add').fadeIn(500); setTimeout(function(){ $('.favorite-add').fadeOut(500); },5000); } /** * メッセージを表示する * * @param message 表示するメッセージ */ function showErrMessage(message) { $('#cart-modal-head-message-err').html(message); $('#intoCartToast').fadeIn(500); setTimeout(function(){ $('#intoCartToast').fadeOut(500); },3000); } /** * 未ログインメッセージを表示する * * @param message 表示するメッセージ */ function showNotLoginMessage() { $('.favorite-login').fadeIn(500); setTimeout(function(){ $('.favorite-login').fadeOut(500); },5000); } }); </script> </body> </html>