Showing source for: https://www.karimoku.co.jp/3d_simulator/
Duration: 1.670703s

<!DOCTYPE html>
<html lang="ja">
<head>
  <!-- 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-WZH5MMQ');</script>
<!-- End Google Tag Manager -->

  <meta charset="UTF-8" />
    <meta name="viewport" content="width=1280, user-scalable=yes">

  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <title>無料3Dインテリアシミュレーター|理想の部屋を再現して家具選び|国産家具メーカーカリモク家具</title>
  <meta name="description" content="カリモクの3Dシミュレーター(3D Simulator)は無料でお部屋の家具配置・レイアウトを簡単操作・体感できます。パソコン・アプリ・スマホから、縦長リビングやダイニング等、お気に入りのお部屋の間取りを再現、家具メーカー、私たちカリモク家具の人気のソファやダイニングセットの家具配置、内装とのコーディネートをリアルにシミュレーションできます。サイズ感や色合わせを確認して、失敗しない家具選びをサポートします。" />  
  <meta property="og:title" content="無料3Dインテリアシミュレーター|理想の部屋を再現して家具選び|国産家具メーカーカリモク家具" />
  <meta property="og:description" content="カリモクの3Dシミュレーター(3D Simulator)は無料でお部屋の家具配置・レイアウトを簡単操作・体感できます。パソコン・アプリ・スマホから、縦長リビングやダイニング等、お気に入りのお部屋の間取りを再現、家具メーカー、私たちカリモク家具の人気のソファやダイニングセットの家具配置、内装とのコーディネートをリアルにシミュレーションできます。サイズ感や色合わせを確認して、失敗しない家具選びをサポートします。" />  <meta property="og:image" content="/public/images/ogp_default.jpg" />
  <link rel="stylesheet" href="/sp/css/base.css">
  <link rel="stylesheet" href="/sp/css/common.css">
  <link rel="stylesheet" href="/sp/css/header-footer.css?2508" media="screen and (max-width: 767px)">
  <link rel="stylesheet" href="/css/header-footer.css?2508" media="screen and (min-width: 768px)">
  <link rel="stylesheet" href="/css/common.css" >

  <link rel="stylesheet" href="./assets/css/style.min.css?ver=1.1.2" />
  <link rel="preload" as="image" href="./assets/images/common/simu-fv-bg.jpg" media="(min-width: 768px)">
  <link rel="preload" as="image" href="./assets/images/common/simu-fv_bg-sp.jpg" media="(max-width: 767px)">
  <script defer src="./assets/js/script.min.js?ver=1.1.3"></script>
</head>

<body class="simu-body">
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZH5MMQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header id="common-header">
	<nav id="header-subnavi">
		<ul class="content-area flex">
			<li><a target="_blank" href="https://www.karimoku.com/sustainability/">サステナビリティ</a></li>
			<li><a href="https://f.msgs.jp/n/form/ayu/wZbndctPR4Y7FYrar48TK" target="_blank" rel="noopener" title="外部サイトへ遷移します">メルマガ申し込み<img src="/img/common/outside01.svg" class="ext-lnk" alt="外部サイトへ遷移します"></a></li>
			<li><a href="https://www.karimoku.com/contact/" target="_blank">お問い合わせ</a></li>
			<li><a href="https://www.karimoku.jp/" target="_blank">コントラクト</a></li>
			<li class="headerNavList megamenu">
				<div class="headerNavList__link search"></div>
				<div class="hover-menu searchArea">
					<div class="wrapper">
						<div class="search mf_finder_container">
							<!-- ↓検索窓用カスタムエレメント -->
							<mf-search-box
								submit-text=""
								ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/0e793086/search"
								serp-url="/search/index.html"
								doctype-hidden
								options-hidden
							></mf-search-box>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</nav><!--header-subnavi-->
	<section id="header-inner" class="content-area flex-ace">
		<h1 id="header-logo"><a href="/"><img src="/img/common/header_logo.png?2508" alt="カリモク家具"><p class="logoText">個人のお客さまサイト</p></a></h1>
		<nav id="header-navi">
			<ul class="flex-ce">
				<li><a href="/documentrequest/"><span class="jp">WEBカタログ</span><span class="en">Digital catalog</span></a></li>
				<li><a href="/index.cgi?mode=shop_check"><span class="jp">家具を見に行く</span><span class="en">Showroom</span></a></li>
				<li><a href="/maintenance/"><span class="jp">修理・お手入れ</span><span class="en">Maintenance</span></a></li>
				<li><a href="/special/"><span class="jp">特集ページ</span><span class="en">Special</span></a></li>
				<li class="dropdown-menu">
					<a href="javascript:void(0);"><span class="jp">会社・採用情報</span><span class="en">Recruit</span></a>
					<ul class="dropdown-submenu">
						<li><a target="_blank" href="https://www.karimoku.com/company/">会社案内</a></li>
						<li><a target="_blank" href="https://www.karimoku.com/recruit/">採用情報</a></li>
					</ul>
				</li>
				<li class="otherlink">
					<a class="corp" target="_blank" href="https://www.karimoku.com/"><span>コーポレート<br>サイト</span></a>
					<a class="online" target="_blank" href="https://e-karimoku.com"><span>オンライン<br>ショップ</span></a>
				</li>
			</ul>
		</nav><!--header-navi-->
	</section><!--header-inner-->

</header><!--common-header-->

<script>
// ドロップダウンメニューのクリック制御
document.addEventListener('DOMContentLoaded', function() {
	var dropdownMenu = document.querySelector('.dropdown-menu');
	var dropdownSubmenu = document.querySelector('.dropdown-submenu');
	
	if (dropdownMenu && dropdownSubmenu) {
		// クリック時の動作
		dropdownMenu.querySelector('a').addEventListener('click', function(e) {
			e.preventDefault();
			var currentTransform = dropdownSubmenu.style.transform;
			if (currentTransform.includes('scaleY(1)')) {
				dropdownSubmenu.style.transform = 'translateX(-50%) scaleY(0)';
			} else {
				dropdownSubmenu.style.transform = 'translateX(-50%) scaleY(1)';
			}
		});
		
		// 外部クリック時に閉じる
		document.addEventListener('click', function(e) {
			if (!dropdownMenu.contains(e.target)) {
				dropdownSubmenu.style.transform = 'translateX(-50%) scaleY(0)';
			}
		});
	}
});
</script>
  

  <div class="simu-container">
    <main>
      <section class="simu-fv">
        <div class="simu-fv__inner simu-inner">
          <div class="simu-fv__catch">
            <p class="simu-fv__lead">無料で使える!</p>
            <h2 class="simu-fv__title">3Dシミュレーター</h2>
          </div>
        </div>
      </section>
      <section class="simu-fv-bottom">
        <div class="simu-fv-bottom__inner simu-inner">
          <h2 class="simu-fv-bottom__heading">カリモクの家具で、<br class="u-mobile">あなたのお部屋を今すぐ体感!</h2>
          <div class="simu-fv-bottom__lead">
            <p class="simu-fv-bottom__lead-line">パソコンならインストール不要で簡単スタート!<br class="u-mobile">理想のレイアウトを叶える<span>3</span>ステップ。</p>
          </div>
          <div class="simu-fv-bottom__panel">            
            <div class="simu-fv-bottom__flow" role="list" aria-label="3ステップ">
              <div class="simu-fv-bottom__card" role="listitem">
                <p class="simu-fv-bottom__step"><span class="simu-fv-bottom__step-label">Step</span><span class="simu-fv-bottom__step-num">1</span></p>
                <div class="simu-fv-bottom__card-icon">
                  <img src="./assets/images/common/simu-fv-bottom_step1.svg" alt="" width="80" height="80"/>
                </div>
                <p class="simu-fv-bottom__card-title">間取り作成</p>
              </div>
              <div class="simu-fv-bottom__flow-arrow" aria-hidden="true">
                <img src="./assets/images/common/simu-fv-bottom_arrow.svg" alt="" width="12" height="16"/>
              </div>
              <div class="simu-fv-bottom__card" role="listitem">
                <p class="simu-fv-bottom__step"><span class="simu-fv-bottom__step-label">Step</span><span class="simu-fv-bottom__step-num">2</span></p>
                <div class="simu-fv-bottom__card-icon">
                  <img src="./assets/images/common/simu-fv-bottom_step2.svg" alt="" width="80" height="80"/>
                </div>
                <p class="simu-fv-bottom__card-title">家具配置</p>
              </div>
              <div class="simu-fv-bottom__flow-arrow" aria-hidden="true">
                <img src="./assets/images/common/simu-fv-bottom_arrow.svg" alt="" width="12" height="16"/>
              </div>
              <div class="simu-fv-bottom__card" role="listitem">
                <p class="simu-fv-bottom__step"><span class="simu-fv-bottom__step-label">Step</span><span class="simu-fv-bottom__step-num">3</span></p>
                <div class="simu-fv-bottom__card-icon simu-fv-bottom__card-icon--step3">
                  <img src="./assets/images/common/simu-fv-bottom_step3.svg" alt="" width="80" height="80"/>
                </div>
                <p class="simu-fv-bottom__card-title">
                  ショールーム<br />で確認
                </p>
              </div>
            </div>
            <a class="simu-fv-bottom__cta simu-btn" href="https://karimoku.livingstyle.jp/simulator/" target="_blank" rel="noopener noreferrer">
              <span class="simu-fv-bottom__cta-text simu-btn__text">まずは登録なしで試してみる</span>
              <img class="simu-fv-bottom__cta-icon simu-btn__icon" src="./assets/images/common/simu-fv-bottom_cta-arrow.svg" alt="" aria-hidden="true" width="24" height="24"/>
            </a>
          </div>
        </div>
      </section>
      <section class="simu-real">
        <div class="simu-real__inner simu-inner">
          <div class="simu-real__head">
            <h2 class="simu-real__title">実際のお部屋を<br class="u-mobile">リアルにシミュレーション</h2>
            <p class="simu-real__desc">
              シミュレーターで作成した3D画像は、家具レイアウトをリアルに表現。購入前に、お部屋での雰囲気を確認できます。
            </p>
          </div>
          <div class="simu-real__compare" aria-label="3D画像と実写の比較">
            <figure class="simu-real__panel">
              <figcaption class="simu-real__badge simu-real__badge--dark">シミュレーターで作成した3D画像</figcaption>
              <div class="simu-real__media">
                <picture>
                  <source srcset="./assets/images/common/simu-real_3d.webp" type="image/webp">
                  <img src="./assets/images/common/simu-real_3d.png" loading="lazy" alt="シミュレーターで作成したダイニングとリビングの3Dレイアウト画像" width="1050" height="750"/>
                </picture>
              </div>
            </figure>
            <div class="simu-real__arrow" aria-hidden="true">
              <img src="./assets/images/common/simu-real_arrow.svg" loading="lazy" alt="" width="15" height="14"/>
            </div>
            <figure class="simu-real__panel">
              <figcaption class="simu-real__badge simu-real__badge--light">実際の部屋の写真</figcaption>
              <div class="simu-real__media">
                <picture>
                  <source srcset="./assets/images/common/simu-real_photo.webp" type="image/webp">
                  <img src="./assets/images/common/simu-real_photo.png" loading="lazy" alt="実際の部屋で黒いダイニングテーブルとソファを配置したリビングダイニングの写真" width="1050" height="750"/>
                </picture>
              </div>
            </figure>
          </div>
          <p class="simu-real__note">※画像はイメージです</p>
        </div>
      </section>
      <section class="simu-steps" aria-label="3ステップで理想を実現">
        <div class="simu-steps__inner simu-inner">
          <div class="simu-steps__head">
            <h2 class="simu-steps__title">3ステップで理想を実現!</h2>
            <p class="simu-steps__lead">誰でも簡単に、理想のお部屋を実現できます。</p>
          </div>
          <ol class="simu-steps__list">
            <li class="simu-steps__item">
              <article class="simu-steps__content">
                <h3 class="simu-steps__heading">
                  <span class="simu-steps__step-label">STEP</span><span class="simu-steps__step-num">1</span>
                  <span class="simu-steps__heading-text">間取りを作成</span>
                </h3>
                <div class="simu-steps__body">
                  <div class="simu-steps__left">
                    <p class="simu-steps__desc">
                      お部屋の図面や採寸した寸法を元に、直感的にお部屋の間取りを作成。既定のプランからお選びいただくほか、一から作成することも可能です。
                    </p>
                    <ul class="simu-steps__features" aria-label="Step1の特徴">
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step1-icon1.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">縦・横のサイズ<br />を入力</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step1-icon2.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">窓やドアを<br />選んで配置</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step1-icon3.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">床や壁の色を<br />カスタマイズ</p>
                      </li>
                    </ul>
                  </div>
                  <div class="simu-steps__right">
                    <video class="simu-steps__image" autoplay muted loop playsinline preload="none"
                           width="1084" height="700"
                           poster="./assets/images/common/simu-steps_step1-poster.jpg"
                           aria-label="STEP1の操作イメージ">
                      <source src="./assets/images/common/simu-steps_step1.webm" type="video/webm">
                      <source src="./assets/images/common/simu-steps_step1.mp4" type="video/mp4">
                    </video>
                  </div>
                </div>
              </article>
            </li>
            <li class="simu-steps__item">
              <article class="simu-steps__content">
                <h3 class="simu-steps__heading">
                  <span class="simu-steps__step-label">STEP</span><span class="simu-steps__step-num">2</span>
                  <span class="simu-steps__heading-text">家具を配置</span>
                </h3>
                <div class="simu-steps__body">
                  <div class="simu-steps__left">
                    <p class="simu-steps__desc">
                      カリモクの豊富な家具ラインナップから、お好みのアイテムを選んで配置。ドラッグ&ドロップで直感的に操作できます。
                    </p>
                    <ul class="simu-steps__features" aria-label="Step2の特徴">
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step2-icon1.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">移動・回転も<br />スムーズ</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step2-icon2.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">家具の色・素材も豊富な種類<br />から選択可能</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step2-icon3.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">配置した家具<br />のリストも<br />簡単作成</p>
                      </li>
                    </ul>
                    <div class="simu-steps__note">
                      <p class="simu-steps__note-text">このシミュレーターにはカリモク・ドマーニブランドの一部商品が登録されています。</p>
                      <div class="simu-steps__note-row">
                        <p class="simu-steps__note-linktext">カリモク60ブランドの<br />3Dシミュレーターはこちら</p>
                        <a
                          class="simu-steps__note-logo-link"
                          href="https://karimoku60.livingstyle.jp/simulator/"
                          target="_blank"
                          rel="noopener noreferrer"
                          aria-label="カリモク60 3Dシミュレーターを開く"
                        >
                          <img class="simu-steps__note-logo" src="./assets/images/common/simu-steps_k60.png" loading="lazy" alt="カリモク60" width="106" height="29"/>
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="simu-steps__right">
                    <video class="simu-steps__image" autoplay muted loop playsinline preload="none"
                           width="1084" height="698"
                           poster="./assets/images/common/simu-steps_step2-poster.jpg"
                           aria-label="STEP2の操作イメージ">
                      <source src="./assets/images/common/simu-steps_step2.webm" type="video/webm">
                      <source src="./assets/images/common/simu-steps_step2.mp4" type="video/mp4">
                    </video>
                  </div>
                </div>
              </article>
              <a class="simu-steps__more" href="https://karimoku.livingstyle.jp/guide/?Command=Howto3d" target="_blank" rel="noopener noreferrer" aria-label="より詳しい操作方法を確認する">
                <span class="simu-steps__more-text">より詳しい操作方法を確認する</span>
                <span class="simu-steps__more-icon" aria-hidden="true"></span>
              </a>
            </li>
            <li class="simu-steps__item">
              <article class="simu-steps__content">
                <h3 class="simu-steps__heading">
                  <span class="simu-steps__step-label">STEP</span><span class="simu-steps__step-num">3</span>
                  <span class="simu-steps__heading-text">ショールームで確認</span>
                </h3>
                <div class="simu-steps__body">
                  <div class="simu-steps__left">
                    <p class="simu-steps__desc">
                      プランができたら、お近くのショールームで実際のサイズを体感。ご来館予約なら、専門スタッフが商品のご案内やアドバイスもいたします。
                    </p>
                    <ul class="simu-steps__features" aria-label="Step3の特徴">
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step3-icon1.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">実寸での<br />間取り体感</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step3-icon2.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">実物を見て<br />触れて確認</p>
                      </li>
                      <li class="simu-steps__feature">
                        <div class="simu-steps__feature-icon"><img src="./assets/images/common/simu-steps_step3-icon3.svg" loading="lazy" alt="" width="80" height="80"/></div>
                        <p class="simu-steps__feature-text">プロによる詳細<br />アドバイス</p>
                      </li>
                    </ul>
                  </div>
                  <div class="simu-steps__right">
                    <picture>
                      <source srcset="./assets/images/common/simu-steps_step3.webp" type="image/webp">
                      <img class="simu-steps__image" src="./assets/images/common/simu-steps_step3.jpg" loading="lazy" alt="ショールームでスタッフが来店客に説明をしている様子" width="1174" height="810"/>
                    </picture>
                  </div>
                </div>
              </article>
            </li>
          </ol>
        </div>
      </section>
      <section class="simu-cta" aria-label="ショールームのご案内">
        <div class="simu-cta__inner simu-inner">
          <div class="simu-cta__panel">
            <div class="simu-cta__head">
              <h2 class="simu-cta__title">理想のお部屋づくりを、<br class="u-mobile">プロがサポート</h2>
              <p class="simu-cta__desc">
                3Dシミュレーターで作成したプランを持って、<br />
                お近くのショールームへお越しください。
              </p>
            </div>
            <a class="simu-cta__btn simu-btn" href="/index.cgi?mode=shop_check_showroom" target="_blank" rel="noopener noreferrer">
              <span class="simu-btn__text">ショールームを探す</span>
              <img class="simu-cta__btn-icon simu-btn__icon" src="./assets/images/common/simu-fv-bottom_cta-arrow.svg" loading="lazy" alt="" aria-hidden="true" width="24" height="24"/>
            </a>
          </div>
        </div>
      </section>
      <section class="simu-env" aria-label="動作環境について">
        <div class="simu-env__inner simu-inner">
          <h2 class="simu-env__title">動作環境について</h2>
          <ul class="simu-env__list" aria-label="推奨環境">
            <li class="simu-env__card simu-env__card--recommended">
              <p class="simu-env__card-badge">推奨</p>
              <p class="simu-env__card-title">パソコン</p>
              <div class="simu-env__icon simu-env__icon--pc">
                <img src="./assets/images/common/simu-env_pc.svg" loading="lazy" alt="" width="82" height="72"/>
              </div>
              <p class="simu-env__card-desc">
                インストール不要。<br class="u-mobile"/>ブラウザで快適に<br class="u-desktop"/>操作。大画面で細かい調整が可能です。
              </p>
            </li>
            <li class="simu-env__card">
              <p class="simu-env__card-title">iPadアプリ</p>
              <div class="simu-env__icon simu-env__icon--ipad">
                <img src="./assets/images/common/simu-env_ipad.svg" loading="lazy" alt="" width="48" height="91"/>
              </div>
              <p class="simu-env__card-desc">
                専用アプリで<br />
                さらに快適な操作が<br />
                可能です。
              </p>
            </li>
            <li class="simu-env__card">
              <p class="simu-env__card-title">スマホ</p>
              <div class="simu-env__icon simu-env__icon--sp">
                <img src="./assets/images/common/simu-env_sp.svg" loading="lazy" alt="" width="31" height="52"/>
              </div>
              <p class="simu-env__card-desc">
                ブラウザで閲覧可能<br />
                ですがPCでの操作を<br />
                推奨いたします。<br>スマホアプリには対応しておりません。
              </p>
            </li>
          </ul>
          <p class="simu-env__note">iPadアプリのダウンロードはこちらから</p>
          <a href="https://apps.apple.com/jp/app/%E3%82%AB%E3%83%AA%E3%83%A2%E3%82%AF-3d/id1056466767" class="simu-env__app-link" target="_blank" rel="noopener noreferrer">
            <img src="./assets/images/common/appstore.svg" loading="lazy" alt="iPadアプリのダウンロードはこちらから" width="109" height="40"/>
          </a>
        </div>
      </section>
      <section class="simu-cases" aria-label="家具配置の実例紹介">
        <div class="simu-cases__inner simu-inner">
          <div class="simu-cases__head">
            <h2 class="simu-cases__title">お悩み別・家具配置の実例紹介</h2>
            <p class="simu-cases__lead">3Dシミュレーターで解決できる、よくあるお悩みと実例をご紹介</p>
          </div>
          <ol class="simu-cases__list">
            <li class="simu-cases__item">
              <div class="simu-cases__case-head">
                <p class="simu-cases__case-no"><span class="simu-cases__case-word">Case</span><span class="simu-cases__case-num">1</span></p>
                <div class="simu-cases__case-meta">
                  <p class="simu-cases__tag">縦長リビング</p>
                  <h3 class="simu-cases__case-title">通路の確保と距離感の悩み</h3>
                </div>
              </div>
              <div class="simu-cases__grid" aria-label="Case1の例">
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__q-icon" src="./assets/images/common/simu-cases_icon-q.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">よくある悩み</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">ソファが間仕切りになって見通しが悪い</li>
                      <li class="simu-cases__point">通路が狭くて移動しづらい</li>
                      <li class="simu-cases__point">家具を置いたら想像以上に窮屈になった</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--dark">Before</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case1_before.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case1_before.jpg" loading="lazy" alt="ソファが通路を塞ぎ、動線が狭くなっているリビングダイニングのレイアウト" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
                
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__solve-icon" src="./assets/images/common/simu-cases_icon-solve.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">シミュレーターで解決</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">動線を3Dで事前確認し、最適な配置・アイテムを発見</li>
                      <li class="simu-cases__point">必要な通路幅を実寸で確認</li>
                      <li class="simu-cases__point">圧迫感のない、ゆとりある空間を実現</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--light">After</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case1_after.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case1_after.jpg" loading="lazy" alt="ソファの配置を変更し、通路を確保してゆとりが生まれたリビングダイニングのレイアウト" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
              </div>
            </li>
            <li class="simu-cases__item">
              <div class="simu-cases__case-head">
                <p class="simu-cases__case-no"><span class="simu-cases__case-word">Case</span><span class="simu-cases__case-num">2</span></p>
                <div class="simu-cases__case-meta">
                  <p class="simu-cases__tag">横長リビング</p>
                  <h3 class="simu-cases__case-title">空間を広く見せたい</h3>
                </div>
              </div>
              <div class="simu-cases__grid" aria-label="Case2の例">
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__q-icon" src="./assets/images/common/simu-cases_icon-q.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">よくある悩み</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">家具を置くと部屋が狭く見える</li>
                      <li class="simu-cases__point">どう配置すれば広々と感じられるか分からない</li>
                      <li class="simu-cases__point">視線の抜けがなく閉塞感がある</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--dark">Before</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case2_before.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case2_before.jpg" loading="lazy" alt="家具の配置により視線が遮られ、部屋が狭く見える横長リビングのレイアウト" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
                
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__solve-icon" src="./assets/images/common/simu-cases_icon-solve.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">シミュレーターで解決</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">視線が抜けるレイアウトをシミュレーション</li>
                      <li class="simu-cases__point">家具の高さや配置で開放感を演出</li>
                      <li class="simu-cases__point">広々とした印象の空間を実現</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--light">After</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case2_after.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case2_after.jpg" loading="lazy" alt="家具の高さと配置を調整し、視線が抜けて広く見える横長リビングのレイアウト" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
              </div>
            </li>
            <li class="simu-cases__item">
              <div class="simu-cases__case-head">
                <p class="simu-cases__case-no"><span class="simu-cases__case-word">Case</span><span class="simu-cases__case-num">3</span></p>
                <div class="simu-cases__case-meta">
                  <p class="simu-cases__tag">ダイニング</p>
                  <h3 class="simu-cases__case-title">使い勝手の確認</h3>
                </div>
              </div>
              <div class="simu-cases__grid" aria-label="Case3の例">
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__q-icon" src="./assets/images/common/simu-cases_icon-q.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">よくある悩み</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">チェアを引いた時のスペースが分からない</li>
                      <li class="simu-cases__point">照明との位置関係が心配</li>
                      <li class="simu-cases__point">人と家具のサイズ感がつかめない</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--light">上から見て動線をチェック</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case3_before.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case3_before.jpg" loading="lazy" alt="上から見たダイニングでチェアを引いたときの通路幅や動線を確認しているレイアウト" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
                
                <div class="simu-cases__panel">
                  <div class="simu-cases__block">
                    <div class="simu-cases__block-head">
                      <img class="simu-cases__solve-icon" src="./assets/images/common/simu-cases_icon-solve.svg" loading="lazy" alt="" aria-hidden="true" width="30" height="30"/>
                      <p class="simu-cases__block-title">シミュレーターで解決</p>
                    </div>
                    <ul class="simu-cases__points">
                      <li class="simu-cases__point">チェアを引いた状態もチェック可能</li>
                      <li class="simu-cases__point">座った視点からのシミュレーションで確認</li>
                      <li class="simu-cases__point">人物や家電などとのバランスも確認</li>
                    </ul>
                  </div>
                  <figure class="simu-cases__photo">
                    <figcaption class="simu-cases__photo-badge simu-cases__photo-badge--light">実際に人とのバランスをチェック</figcaption>
                    <div class="simu-cases__photo-media">
                      <picture>
                        <source srcset="./assets/images/common/simu-cases_case3_after.webp" type="image/webp">
                        <img src="./assets/images/common/simu-cases_case3_after.jpg" loading="lazy" alt="人物モデルを配置し、テーブルと椅子のサイズ感やバランスを確認しているダイニング" width="430" height="297"/>
                      </picture>
                    </div>
                  </figure>
                </div>
              </div>
            </li>
          </ol>
        </div>
      </section>
      <section class="simu-reco" aria-label="こんな方におすすめ">
        <div class="simu-reco__inner simu-inner">
          <h2 class="simu-reco__title">こんな方におすすめ</h2>
          <ul class="simu-reco__list" aria-label="おすすめの利用シーン">
            <li class="simu-reco__card">
              <p class="simu-reco__card-title">買い替えを検討中</p>
              <div class="simu-reco__icon simu-reco__icon--sofa">
                <img src="./assets/images/common/simu-reco_sofa.svg" loading="lazy" alt="" width="76" height="127"/>
              </div>
              <ul class="simu-reco__points">
                <li class="simu-reco__point">今のインテリアとの相性確認</li>
                <li class="simu-reco__point">色や素材の組み合わせ検討</li>
                <li class="simu-reco__point">サイズ感の事前チェック</li>
              </ul>
            </li>
            <li class="simu-reco__card">
              <p class="simu-reco__card-title">引越し・新築予定</p>
              <div class="simu-reco__icon simu-reco__icon--house">
                <img src="./assets/images/common/simu-reco_house.svg" loading="lazy" alt="" width="60" height="127"/>
              </div>
              <ul class="simu-reco__points">
                <li class="simu-reco__point">新生活のイメージ作り</li>
                <li class="simu-reco__point">コンセント位置を考慮した配置</li>
                <li class="simu-reco__point">予算の試算と計画</li>
              </ul>
            </li>
            <li class="simu-reco__card">
              <p class="simu-reco__card-title">模様替えをしたい</p>
              <div class="simu-reco__icon simu-reco__icon--layout">
                <img src="./assets/images/common/simu-reco_layout.svg" loading="lazy" alt="" width="73" height="127"/>
              </div>
              <ul class="simu-reco__points">
                <li class="simu-reco__point">動線の確認と最適化</li>
                <li class="simu-reco__point">重い家具を動かす前の検証</li>
                <li class="simu-reco__point">複数パターンの比較検討</li>
              </ul>
            </li>
          </ul>
        </div>
      </section>
      <section class="simu-faq" aria-label="よくあるご質問">
        <div class="simu-faq__inner simu-inner">
          <div class="simu-faq__head">
            <h2 class="simu-faq__title">よくあるご質問</h2>
            <p class="simu-faq__lead">ご不安な点を解消します</p>
          </div>
          <div class="simu-faq__list" aria-label="FAQ">
            <details class="simu-faq__item" open>
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">専門的な知識や図面がなくても使えますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">
                    はい。専門的な知識がなくても直観的な操作が可能です。図面がない場合は実際のお部屋を採寸いただけば、よりリアルな間取りが作れます。
                  </p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">費用はかかりますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">費用はかかりません。すべて無料でお使いいただけます。</p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">専用アプリのダウンロードは必要ですか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">PCのブラウザでは専用アプリのダウンロードなしでご使用いただけます。iPad向けには専用アプリをご用意しています。</p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">作成したデータを保存して、後で見直すことはできますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">はい。新規登録いただくとマイページに保存ができます。IDを発行して他の方とプランを共有することも可能です。</p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">スマホでも操作できますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">スマホでもブラウザでご覧いただけますが、操作は保証いたしかねます。パソコン環境でのご使用を推奨します。</p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">シミュレーションした家具を実際に見ることはできますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">全国のカリモク家具ショールームにて自由にご覧いただけます。お選びいただいたモデルやサイズ、色・素材でのご用意はできかねますが、サンプル等も取り揃えており、リアルなご体感が可能です。</p>
                </div>
              </div>
            </details>
            <details class="simu-faq__item">
              <summary class="simu-faq__q">
                <span class="simu-faq__q-left">
                  <span class="simu-faq__mark simu-faq__mark--q" aria-hidden="true">Q</span>
                  <span class="simu-faq__q-text">カリモクのすべての家具が使えますか?</span>
                </span>
                <span class="simu-faq__toggle" aria-hidden="true"></span>
              </summary>
              <div class="simu-faq__panel">
                <div class="simu-faq__a">
                  <span class="simu-faq__mark simu-faq__mark--a" aria-hidden="true">A</span>
                  <p class="simu-faq__a-text">
                    このシミュレーターにはカリモクブランド・ドマーニブランドの一部が収録されています。<br />
                    (チターノ・KNS・KARIMOKU CASE・MAS等のブランドは収録されていません。)<br />
                    カリモク60のシミュレーターは<a class="simu-faq__link" href="https://karimoku60.livingstyle.jp/simulator/" target="_blank" rel="noopener noreferrer">こちら</a>になります。
                  </p>
                </div>
              </div>
            </details>
          </div>
        </div>
      </section>
      <section class="simu-showroom-cta" aria-label="ショールームで相談">
        <div class="simu-showroom-cta__inner simu-inner">
          <h2 class="simu-showroom-cta__title">
            作成したプランを持って、<br>
            お近くのカリモクショールームへ
          </h2>
          <div class="simu-showroom-cta__panel">
            <div class="simu-showroom-cta__cols">
              <div class="simu-showroom-cta__col simu-showroom-cta__col--left">
                <div class="simu-showroom-cta__left-icon">
                  <img src="./assets/images/common/simu-showroom-cta_person.svg" loading="lazy" alt="" width="63" height="65"/>
                </div>
                <p class="simu-showroom-cta__left-text">
                  お選びいただいたモデルを自由に体感。<br />
                  ご来館予約なら、ショールームの専門<br class="u-desktop">スタッフがご案内・アドバイスをいたします。
                </p>
              </div>
              <div class="simu-showroom-cta__divider" aria-hidden="true"></div>
              <div class="simu-showroom-cta__col simu-showroom-cta__col--right">
                <p class="simu-showroom-cta__right-title">プロに頼れる安心感</p>
                <ul class="simu-showroom-cta__right-list">
                  <li class="simu-showroom-cta__right-item">シミュレーションデータをもとに、スムーズに相談</li>
                  <li class="simu-showroom-cta__right-item">実物を見て、触れて、使い心地を確認</li>
                  <li class="simu-showroom-cta__right-item">専門スタッフによる具体的なアドバイス</li>
                  <li class="simu-showroom-cta__right-item">予算に応じた最適なご提案</li>
                </ul>
              </div>
            </div>
          </div>
          <a class="simu-showroom-cta__btn simu-btn" href="https://karimoku.livingstyle.jp/simulator/" target="_blank" rel="noopener noreferrer">
            <span class="simu-btn__text">今すぐ3Dシミュレーターをはじめる</span>
            <img class="simu-btn__icon" src="./assets/images/common/simu-fv-bottom_cta-arrow.svg" loading="lazy" alt="" aria-hidden="true" width="24" height="24"/>
          </a>
          <p class="simu-showroom-cta__note">
            ※完全無料・登録不要で使い始めていただけます。<br />
            (プランの保存・共有には登録が必要です)
          </p>
        </div>
      </section>
    </main>
    <aside class="simu-follow" aria-label="3Dシミュレーターを開く">
          <a class="simu-follow__link" href="https://karimoku.livingstyle.jp/simulator/" target="_blank" rel="noopener noreferrer">
            <span class="simu-follow__icon" aria-hidden="true"></span>
            <span class="simu-follow__text">3Dシミュレーター<br />をはじめる</span>
          </a>
    </aside>
    <div class="simu-modal" hidden>
      <div class="simu-modal__overlay" data-simu-modal-close></div>
      <div class="simu-modal__dialog" role="dialog" aria-modal="true" aria-label="画像の拡大表示">
        <button class="simu-modal__close" type="button" data-simu-modal-close aria-label="閉じる">×</button>
        <p class="simu-modal__label" hidden></p>
        <div class="simu-modal__content">
          <img class="simu-modal__image" src="./assets/images/common/simu-cases_case1_before.jpg" loading="lazy" alt="ソファが通路を塞ぎ、動線が狭くなっているリビングダイニングのレイアウト" />
        </div>
      </div>
    </div>
  </div>

  <footer id="common-footer">
	<section class="content-area flex-ce">
		<div id="footer-blog" style="display:none;">
			<p class="footer-ttl">Blog</p>
			<ul class="blog-list flex">
				<!-- <li><a href="/blog/gakusyu/?gtop" target="_blank"><img src="/img/common/study_blog.jpg" alt="カリモクの学習家具ブログ"></a></li>
				<li><a href="/blog/gakusyu/cat34/" target="_blank"><img src="/img/common/kodomobeya_blog.jpg" alt="子供部屋調査 お宅訪問ブログ"></a></li> -->
				<!-- <li><a href="/blog2/karibana/" target="_blank"><img src="/img/common/kari-bana_bnr_small.jpg" alt="カリモク家具 ママ向けブログサイト Kari-Bana"></a></li> -->
				<!-- <li><a href="https://www.domani.jp/blog/" target="_blank"><img src="/img/common/staff_blog.jpg" alt="ドマーニブログ domani DIARY"></a></li> -->
				<!-- <li><a href="/blog/domani-nihonbashi/interior/" target="_blank"><img src="/img/common/interior_blog.jpg" alt="カリモクインテリアブログ"></a></li> -->
				<!-- <li><a href="/blog/repair/" target="_blank"><img src="/img/common/kagushuri_blog.jpg" alt="家具修理ブログ"></a></li> -->
			</ul>
		</div><!--footer-blog-->
		<div id="footer-sns">
			<p class="footer-ttl">SNS</p>
			<ul class="sns-list flex-ce">
				<li><a href="https://www.facebook.com/karimokukagu" target="_blank"><img src="/img/common/btn_facebook.png" alt="公式Facebook"><br>公式Facebook</a></li>
				<!-- <li><a href="https://www.facebook.com/karimokutsukue" target="_blank"><img src="/img/common/btn_facebook.png" alt="カリモク学習机公式Facebook"><br>カリモク学習机<br>公式Facebook</a></li> -->
				<li><a href="https://twitter.com/karimoku" target="_blank"><img src="/img/common/btn_x.png" alt="公式X"><br>公式X</a></li>
				<li><a href="https://www.instagram.com/karimoku_official/?hl=ja" target="_blank"><img src="/img/common/btn_instagram.png" alt="公式Instagram"><br>公式Instagram</a></li>
				<li><a href="https://www.instagram.com/karimoku_showroom/" target="_blank"><img src="/img/common/btn_instagram.png" alt="公式カリモク家具ショールームInstagram"><br>公式カリモク家具<br>ショールーム<br>Instagram</a></li>
				<li><a href="https://www.youtube.com/channel/UCTrW8UAxqJ-JxBK6JFaIf4g" target="_blank"><img src="/img/common/btn_youtube.png" alt="公式Youtube"><br>公式Youtube</a></li>
			</ul>
		</div><!--footer-sns-->

	</section><!--content-area-->

	<section id="footer-sitemap">
		<div class="content-area flex-ce">
			<p><a href="/" class="footer-logo"><img src="/img/common/footer_logo.png?2508" alt="カリモク家具"><br><span class="logoText">個人のお客さまサイト</span></a></p>
			<div class="sitemap flex-ce">
				<ul>
					<li><a href="/">Home</a></li>
					<!-- <li><a href="https://products.karimoku.co.jp/">家具を探す</a></li> -->
					<li><a href="/index.cgi?mode=shop_check">家具を見に行く</a></li>
					<li><a href="https://e-karimoku.com/" target="_blank">カリモク家具<br>オンラインショップ</a></li>
				</ul>
				<ul>
					<li><a href="/special/">特集ページ</a></li>
					<li class="second"><a href="/special/#nayami">暮らしの悩みを解決</a></li>
					<li class="second"><a href="/special/#comfort">カリモクの心地よさ研究</a></li>
					<li class="second"><a href="/special/#pickup">ピックアップ商品情報</a></li>
					<li class="second"><a href="/special/#committed">カリモクのこだわり</a></li>
				</ul>
				<ul>
					<li><a href="/maintenance/">修理・お手入れ</a></li>
					<li class="second"><a href="/anshin-kagu/support1.html">アフターサポート</a></li>
					<li class="second"><a href="/user/">ユーザー登録</a></li>
					<li class="second"><a href="/maintenancekit/">専用お手入れキット</a></li>
					<li><a href="/maintenance/#anchor-faq">よくあるご質問</a></li>
				</ul>
				<ul>
					<li><a href="/documentrequest/">Webカタログ</a></li>
					<li><a href="https://f.msgs.jp/n/form/ayu/wZbndctPR4Y7FYrar48TK" target="_blank" rel="noopener" title="外部サイトへ遷移します">メルマガ申し込み<img src="/img/common/outside02.svg" class="ext-lnk" alt="外部サイトへ遷移します"></a></li>
					<li><a target="_blank" href="https://www.karimoku.com/company/">会社案内</a></li>
					<li><a target="_blank" href="https://www.karimoku.com/recruit/">採用情報</a></li>
				</ul>
				<ul>
					<li><a target="_blank" href="https://www.karimoku.com/newsroom/news.html">ニュースリリース</a></li>
					<li><a target="_blank" href="https://www.karimoku.com/story/history/topics.html">カリモクの歴史</a></li>
					<li><a target="_blank" href="https://www.karimoku.com/newsroom/press.html">プレスリリース</a></li>
					<li><a target="_blank" href="https://www.karimoku.com/contact/">お問い合わせ</a></li>
					<li><a target="_blank" href="https://www.karimoku.com/sustainability/">サステナビリティ</a></li>
				</ul>
			</div><!--sitemap-->
		</div><!--content-area-->
		
		<!-- <ul id="footer-lang" class="content-area flex">
			<li><a href="https://www.karimoku.com/" target="_blank"><span>ENGLISH</span></a></li>
			<li><a href="http://www.karimokukorea.co.kr/" target="_blank"><span>KOREA</span></a></li>
		</ul> -->
		<!--content-area-->
		
	</section><!--footer-sitemap-->

	<section id="footer-subnavi" class="content-area flex-ce">
		<nav>
			<ul class="flex">
				<li><a target="_blank" href="https://www.karimoku.com/privacy/">プライバシーポリシー</a></li>
				<li><a target="_blank" href="https://www.karimoku.com/socialmedia/">ソーシャルメディアポリシー</a></li>
				<li><a href="/sitemap.html">サイトマップ</a></li>
				<li><a href="/links.html">リンク・著作権</a></li>
			</ul>
		</nav>
		<p id="copyright">Copyright &copy; 2018 - <script type="text/javascript">document.write(new Date().getFullYear());</script> KARIMOKU FURNITURE INC. All Rights Reserved.</p>
	</section><!--footer-subnavi-->
</footer><!--common-footer-->
<p id="page-top"><a href="#common-header"><img src="/img/common/pagetop_btn.png" alt="PAGE TOP"></a></p>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.matchHeight.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<!--[if lte IE 9]>
	<script src="/js/flexibility.js"></script>
<![endif]-->
<script>
	document.addEventListener('DOMContentLoaded', function() {
		// 【重要】検索メニューとクリック対象の要素を取得
		const searchMenu = document.querySelector('.headerNavList.megamenu');
		const searchLink = searchMenu.querySelector('.headerNavList__link.search');
		
		// 【重要】検索アイコンクリック時の処理
		searchLink.addEventListener('click', function(e) {
			e.preventDefault();
			
			// activeクラスをトグル(追加/削除を切り替え)
			// これがCSSの .headerNavList.active .hover-menu { display: block; } を発動させる
			searchMenu.classList.toggle('active');
			
			// 【重要】外部クリック時に閉じる処理
			if (searchMenu.classList.contains('active')) {
				// メニューが開いた時だけイベントリスナーを追加
				document.addEventListener('click', function outsideClick(event) {
					// クリックした場所が検索メニュー内でない場合
					if (!searchMenu.contains(event.target)) {
						searchMenu.classList.remove('active'); // activeクラスを削除(メニューを閉じる)
						document.removeEventListener('click', outsideClick); // イベントリスナーを削除
					}
				});
			}
		});
		
		// デバッグ用:activeクラスの変化を監視
		const observer = new MutationObserver(function(mutations) {
			mutations.forEach(function(mutation) {
				if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
					const hasActive = mutation.target.classList.contains('active');
				}
			});
		});
		observer.observe(searchMenu, { attributes: true });
	});
</script>
<script src="https://ce.mf.marsflag.com/latest/js/mf-search.js" charset="UTF-8"></script> </body>

</html>

Latest requests

# Url Url Source Date
1 https://www.karimoku.co.jp/3d_simu… 2026-10-16 23:38:49
2 https://auth.mediacorp.sg/u/login?… 2026-10-16 23:38:49
3 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:48
4 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:48
5 https://auth.mediacorp.sg/u/login?… 2026-10-16 23:38:47
6 https://winners33.biz/en/ 2026-10-16 23:38:47
7 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:46
8 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:46
9 https://www.majorsports789.com/ 2026-10-16 23:38:46
10 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:45
11 https://auth.mediacorp.sg/u/login?… 2026-10-16 23:38:45
12 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:44
13 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:44
14 https://auth.mediacorp.sg/u/login?… 2026-10-16 23:38:43
15 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:43
16 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:43
17 https://shakergainske.com/smm-pane… 2026-10-16 23:38:42
18 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:42
19 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:41
20 https://www.thebolditalic.com/?gi=… 2026-10-16 23:38:41