<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body id="Top">
<header class="header_pc">
<div class="head">
<div class="inner">
<h1 id="logo" class="inner_logo">
<a href="https://www.tokyotoyshow.com/event/8682">
<img class="inner_header__logo_img"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-d99d774d-f0b2-437f-8013-a14a2f04c182.png">
</a>
</h1>
<div class="sns">
<div class="text_share">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-00b93313-a93f-4838-9aee-20a22d7cee72.png"
alt="みんなにシェア!">
</div>
<div class="sns_img">
<a href="http://twitter.com/share?url=https://www.tokyotoyshow.com/event/8682/&text=%E3%80%8C+%23%E6%9D%B1%E4%BA%AC%E3%81%8A%E3%82%82%E3%81%A1%E3%82%83%E3%82%B7%E3%83%A7%E3%83%BC2024+%E3%80%8D%0D%0A8%2F31%28%E5%9C%9F%29%E3%83%BB9%2F1%28%E6%97%A5%29%0D%0A%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%AF%E3%83%87%E3%83%BC%E5%85%A5%E5%A0%B4%E5%88%B8+%E3%80%817%E6%9C%882%E6%97%A5%28%E7%81%AB%29%E7%99%BA%E5%A3%B2%E4%BA%88%E5%AE%9A%EF%BC%81%0D%0A%E8%A9%B3%E3%81%97%E3%81%8F%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-0c861d65-9573-45a2-9945-4307f91b01c1.png"
alt="X">
</a>
<!-- <a href="https://www.instagram.com/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-7cb946b8-c39c-4b10-898b-ed1ddc12509a.png"
alt="instagram">
</a> -->
<a href="https://social-plugins.line.me/lineit/share?url=https://www.tokyotoyshow.com/event/8682/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-32721195-ec0b-4c33-886f-ad93d1ccfd35.png"
alt="LINE">
</a>
<a href="http://www.facebook.com/sharer.php?u=https://www.tokyotoyshow.com/event/8682/&t=東京おもちゃショー2024"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-c5a75a78-ce08-46bf-bc16-e36a6342430a.png"
alt="Facebook">
</a>
</div>
</div>
</div>
</div>
<div id="gnav" class="gnav">
<ul>
<a href="https://www.tokyotoyshow.com/event/8682#event-top">
<li class="outline">開催概要</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274362/0" name="deeplink">
<li class="outline">ホールマップ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264265/0" name="deeplink">
<li class="outline">出展社一覧</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264266/0" name="deeplink">
<li class="outline">交通アクセス</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264271/0" name="deeplink">
<li class="outline">キッズライフゾーン</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264272/0" name="deeplink">
<li class="outline">おもちゃ大賞について</li>
</a>
</ul>
<ul>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264269/0" name="deeplink">
<li class="public">一般公開ご来場の皆様へ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264267/0" name="deeplink">
<li class="public">主催者のイベント</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274787/0" name="deeplink">
<li class="public">ステージショー</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264268/0" name="deeplink">
<li class="public">出展社のイベント</li>
</a>
<a href="https://www.tokyotoyshow.com/event/8678" target="_blank">
<li class="buyer">商談見本市ご来場の皆様へ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264270/0" name="deeplink">
<li class="press">報道関係の皆様へ</li>
</a>
</ul>
</div>
</header>
<header class="header_sp hamburger-menu">
<h1 id="logo" class="inner_logo">
<a href="https://www.tokyotoyshow.com/event/8682">
<img class="inner_header__logo_img"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-d99d774d-f0b2-437f-8013-a14a2f04c182.png">
</a>
</h1>
<input type="checkbox" name="hamburger" id="hamburger"
class="hamburger-menu__input" /><!-- 追記 idはlabelのforと同じにする -->
<label for="hamburger" class="hamburger-menu__bg"></label><!-- 追記 ハンバーガーメニュを開いた時の背景 -->
<div id="gnav" class="gnav hamburger-menu__list">
<ul>
<a href="https://www.tokyotoyshow.com/event/8682#event-top">
<!-- <a href="https://www.tokyotoyshow.com/event/8682#event-top"> -->
<li class="outline">開催概要</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274362/0" name="deeplink">
<li class="outline">ホールマップ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264265/0" name="deeplink">
<li class="outline">出展社一覧</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264266/0" name="deeplink">
<li class="outline">交通アクセス</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264271/0" name="deeplink">
<li class="outline">キッズライフゾーン</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264272/0" name="deeplink">
<li class="outline">おもちゃ大賞について</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264269/0" name="deeplink">
<li class="public">一般公開ご来場の皆様へ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264267/0" name="deeplink">
<li class="public">主催者のイベント</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274787/0" name="deeplink">
<li class="public">ステージショー</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264268/0" name="deeplink">
<li class="public">出展社のイベント</li>
</a>
<a href="https://www.tokyotoyshow.com/event/8678" target="_blank">
<li class="buyer">商談見本市ご来場の皆様へ</li>
</a>
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264270/0" name="deeplink">
<li class="press">報道関係の皆様へ</li>
</a>
</ul>
</div>
<label for="hamburger" class="hamburger-menu__button"><!-- 追記 ハンバーガーメニューのボタン -->
<span class="hamburger-menu__button-mark"></span>
<span class="hamburger-menu__button-mark"></span>
<span class="hamburger-menu__button-mark"></span>
</label>
</header>
<div class="background_inner">
<main>
<div id="main">
<div id="datePc">
<div class="pc datePc">
<div class="dateInner dateImg_buyer">
<img class="dateImg dateImg_up sp_dateTmg_up"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-e1e1e0e1-e8da-49c4-a385-137bde0aff9f.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8678" target="_blank"
class="dateInner_img_link">
<img class="dateImg"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-f8517ba9-4f0d-4378-97b9-ae61530d0f83.png"
alt="">
</a>
</div>
<div class="dateInner dateImg_public">
<img class="dateImg dateImg_up"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-db96ae11-0d6f-4fc6-98bb-3c535cc8ffc1.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8682/module/ticket/244542" target="_blank"
class="dateInner_img_link">
<img class="dateImg"
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-23263e70-9eb6-4116-b71f-dd13f7540eea.png"
alt="">
</a>
</div>
</div>
</div>
<div id="coming_button">
<div class="pc_pagetop">
<a id="pagetop" href="https://www.tokyotoyshow.com/event/8682/module/web_page/264272/0#Top"><img
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-18b3adcf-e101-43fc-8337-25b5297b1c01.png"
alt=""></a>
</div>
<div class="sp_pagetop">
<a id="pagetop" href="https://www.tokyotoyshow.com/event/8682/module/web_page/264272/0#Top"><img
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-18b3adcf-e101-43fc-8337-25b5297b1c01.png"
alt=""></a>
</div>
<div class="pc_click">
<a id="clicktop" href="https://www.tokyotoyshow.com/event/8682/module/ticket/244542"
target="_blank"><img
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-08fc5631-8702-4023-8e4b-ae8a2a5fde99.png"
alt=""></a>
</div>
<div class="sp_click">
<a id="clicktop" href="https://www.tokyotoyshow.com/event/8682/module/ticket/244542"
target="_blank"><img
src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-656f6670-d5c7-4c77-a4fa-49fc846037ba.png"
alt=""></a>
</div>
</div>
<div class="iframe-wrapper">
<iframe class="information" src="https://www.tokyotoyshow.com/event/8682/module/web_page/264273/0"
frameborder="0"></iframe>
</div>
<section class="show_content">
<h2 class="section__title_h2">おもちゃ大賞について</h2>
<div class="show_content_inner show_content__buyer">
<div class="show_award_text">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-42247731-fddd-47c9-a721-0cc329486177.png"
alt="">
<div class="award_text">
<!-- <h3 class="section__title_h3_buyer">日本おもちゃ大賞とは?</h3>
<p>
「日本おもちゃ大賞」は、良質でみなさまに安心して楽しんでいただけるおもちゃをより多く生み出し、普及させることを願って2008年に創設されました。
</p> -->
<h3 class="section__title_h3_buyer">日本おもちゃ大賞2024決定!</h3>
<!-- <p>「多くのみなさまに、おもちゃを「知ってもらおう」「楽しんでもらおう」と創設された日本おもちゃ大賞は、今回で16回目を迎えます。<br>
おもちゃメーカーがみなさまの「笑顔」をエネルギー源にして生み出してきた、応募総数37社325点の中から、プロの目による厳しい審査を経て勝ち残ってきたいろいろなおもちゃをご紹介します。
</p> -->
</div>
</div>
<div class="award_content">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-3c7b25e5-c97e-4a0d-9a32-bf7e011304c8.png" alt="">
</div>
</div>
</section>
</main>
<footer>
<div id="chara">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-885d27e7-ce23-4e1f-b54f-54bc61d5a5c5.png"
class="chara_pc">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-189be202-c3d2-4561-8c0d-ee422ce3289a.png"
class="chara_sp">
</div>
<div id="footer_nav">
<ul class="sp_footer_none">
<div>
<li class="outline">
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8682#event-top">開催概要</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274362/0"
name="deeplink">ホールマップ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264265/0"
name="deeplink">出展社一覧</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264266/0"
name="deeplink">交通アクセス</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264269/0"
name="deeplink">一般来場者の方へ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264268/0"
name="deeplink">出展社のイベント</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8678" target="_blank">商談見本市ご来場の皆様へ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264270/0"
name="deeplink">報道関係の皆様へ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264271/0"
name="deeplink">キッズライフゾーン</a>
</div>
<!-- <div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="#" name="deeplink">サイトマップ</a>
</div> -->
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8682/module/booth/292995/243523" target="_blank" id="banner" class="banner pc">バナーダウンロード</a>
</div>
</li>
</div>
<li class="banner_download">
<!-- <div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a class="sitemap" href="/toyshow/sitemap.html">サイトマップ</a>
</div> -->
</li>
<li id="archive">
<div class="footer_sns pc_footer_sns">
<a href="http://twitter.com/share?url=https://www.tokyotoyshow.com/event/8682/&text=%E3%80%8C+%23%E6%9D%B1%E4%BA%AC%E3%81%8A%E3%82%82%E3%81%A1%E3%82%83%E3%82%B7%E3%83%A7%E3%83%BC2024+%E3%80%8D%0D%0A8%2F31%28%E5%9C%9F%29%E3%83%BB9%2F1%28%E6%97%A5%29%0D%0A%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%AF%E3%83%87%E3%83%BC%E5%85%A5%E5%A0%B4%E5%88%B8+%E3%80%817%E6%9C%882%E6%97%A5%28%E7%81%AB%29%E7%99%BA%E5%A3%B2%E4%BA%88%E5%AE%9A%EF%BC%81%0D%0A%E8%A9%B3%E3%81%97%E3%81%8F%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
target="_blank" class="tw">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-8a9b0c1c-365d-44e1-a5c1-638c70282a3d.png"
alt="X">
</a>
<!-- <a href="/"
target="_blank" class="In">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-ba30cac4-aea0-4eba-a570-98c71f368793.png"
alt="instagram">
</a> -->
<a href="https://social-plugins.line.me/lineit/share?url=https://www.tokyotoyshow.com/event/8682/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-3d227bc5-f511-414a-b4d9-cd55f771587b.png"
alt="LINE">
</a>
<a href="http://www.facebook.com/sharer.php?u=https://www.tokyotoyshow.com/event/8682/&t=東京おもちゃショー2024"
target="_blank" class="fb">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-902c023e-6e80-4330-aedd-b2432b3e1603.png"
alt="Facebook">
</a>
</div>
<div class="foot_btn">
<label class="foot_btn_label" for="footer_check">
<span class="clicktxt">これまでの様子</span>
</label>
<input type="checkbox" id="footer_check">
<div class="btn_text">
<ul>
<li><a href="https://www.toys.or.jp/toyshow/2007/" target="_blank">2007年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2008/" target="_blank">2008年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2009/" target="_blank">2009年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2010/" target="_blank">2010年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2011/" target="_blank">2011年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2012/" target="_blank">2012年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2013/" target="_blank">2013年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2014/" target="_blank">2014年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2015/" target="_blank">2015年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2016/" target="_blank">2016年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2017/" target="_blank">2017年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2018/" target="_blank">2018年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2019/" target="_blank">2019年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2022/" target="_blank">2022年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/" target="_blank">2023年の様子</a></li>
</ul>
</div>
</div>
<div class="foot_btn">
<a class="btn" href="http://toys.or.jp/" target="_blank">一般社団法人日本玩具協会HP</a>
</div>
<div class="foot_btn">
<a class="btn" href="https://www.toys.or.jp/tokushouhou.html"
target="_blank">特定商取引法に基づく表記</a>
</div>
<div class="footer_sns sp_footer_sns">
<a href="http://twitter.com/share?url=https://www.tokyotoyshow.com/event/8682/&text=%E3%80%8C+%23%E6%9D%B1%E4%BA%AC%E3%81%8A%E3%82%82%E3%81%A1%E3%82%83%E3%82%B7%E3%83%A7%E3%83%BC2024+%E3%80%8D%0D%0A8%2F31%28%E5%9C%9F%29%E3%83%BB9%2F1%28%E6%97%A5%29%0D%0A%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%AF%E3%83%87%E3%83%BC%E5%85%A5%E5%A0%B4%E5%88%B8+%E3%80%817%E6%9C%882%E6%97%A5%28%E7%81%AB%29%E7%99%BA%E5%A3%B2%E4%BA%88%E5%AE%9A%EF%BC%81%0D%0A%E8%A9%B3%E3%81%97%E3%81%8F%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
target="_blank" class="tw">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-a1349bfe-02ef-4941-9db0-bc83c494e442.png"
alt="X">
</a>
<!-- <a href="/"
target="_blank" class="In">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-ba30cac4-aea0-4eba-a570-98c71f368793.png"
alt="instagram">
</a> -->
<a href="https://social-plugins.line.me/lineit/share?url=https://www.tokyotoyshow.com/event/8682/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-3d227bc5-f511-414a-b4d9-cd55f771587b.png"
alt="LINE">
</a>
<a href="http://www.facebook.com/sharer.php?u=https://www.tokyotoyshow.com/event/8682/&t=東京おもちゃショー2024"
target="_blank" class="fb">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-902c023e-6e80-4330-aedd-b2432b3e1603.png"
alt="Facebook">
</a>
</div>
</li>
</ul>
<ul class="pc_footer_none">
<li class="outline">
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8682#event-top">開催概要</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/274362/0"
name="deeplink">ホールマップ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264265/0"
name="deeplink">出展社一覧</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264266/0"
name="deeplink">交通アクセス</a>
</div>
</li>
<li class="buyer">
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264269/0"
name="deeplink">一般来場者の方へ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264268/0"
name="deeplink">出展社のイベント</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8678" target="_blank">商談見本市ご来場の皆様へ</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264270/0"
name="deeplink">報道関係の皆様へ</a>
</div>
</li>
<li class="banner_download">
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://tokyo-toy-show.eventos.tokyo/uri/web_page/805/8682/264271/0"
name="deeplink">キッズライフゾーン</a>
</div>
<div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a href="https://www.tokyotoyshow.com/event/8682/module/booth/292995/243523" target="_blank" id="banner" class="banner pc">バナーダウンロード</a>
</div>
<!-- <div class="foot_img">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-47fa12ee-39ad-4ec9-ac15-5e4e491ca41d.png"
alt="">
<a class="sitemap" href="/toyshow/sitemap.html">サイトマップ</a>
</div> -->
</li>
<li id="archive">
<div class="footer_sns pc_footer_sns">
<a href="http://twitter.com/share?url=https://www.tokyotoyshow.com/event/8682/&text=%E3%80%8C+%23%E6%9D%B1%E4%BA%AC%E3%81%8A%E3%82%82%E3%81%A1%E3%82%83%E3%82%B7%E3%83%A7%E3%83%BC2024+%E3%80%8D%0D%0A8%2F31%28%E5%9C%9F%29%E3%83%BB9%2F1%28%E6%97%A5%29%0D%0A%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%AF%E3%83%87%E3%83%BC%E5%85%A5%E5%A0%B4%E5%88%B8+%E3%80%817%E6%9C%882%E6%97%A5%28%E7%81%AB%29%E7%99%BA%E5%A3%B2%E4%BA%88%E5%AE%9A%EF%BC%81%0D%0A%E8%A9%B3%E3%81%97%E3%81%8F%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
target="_blank" class="tw">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-a1349bfe-02ef-4941-9db0-bc83c494e442.png"
alt="X">
</a>
<!-- <a href="/"
target="_blank" class="In">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-ba30cac4-aea0-4eba-a570-98c71f368793.png"
alt="instagram">
</a> -->
<a href="https://social-plugins.line.me/lineit/share?url=https://www.tokyotoyshow.com/event/8682/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-3d227bc5-f511-414a-b4d9-cd55f771587b.png"
alt="LINE">
</a>
<a href="http://www.facebook.com/sharer.php?u=https://www.tokyotoyshow.com/event/8682/&t=東京おもちゃショー2024"
target="_blank" class="fb">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-902c023e-6e80-4330-aedd-b2432b3e1603.png"
alt="Facebook">
</a>
</div>
<div class="foot_btn">
<label class="foot_btn_label"><span class="clicktxt">これまでの様子</span></label>
<div class="btn_text">
<ul>
<li><a href="https://www.toys.or.jp/toyshow/2007/" target="_blank">2007年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2008/" target="_blank">2008年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2009/" target="_blank">2009年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2010/" target="_blank">2010年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2011/" target="_blank">2011年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2012/" target="_blank">2012年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2013/" target="_blank">2013年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2014/" target="_blank">2014年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2015/" target="_blank">2015年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2016/" target="_blank">2016年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2017/" target="_blank">2017年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2018/" target="_blank">2018年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2019/" target="_blank">2019年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/2022/" target="_blank">2022年の様子</a></li>
<li><a href="https://www.toys.or.jp/toyshow/" target="_blank">2023年の様子</a></li>
</ul>
</div>
</div>
<div class="foot_btn">
<a class="btn" href="http://toys.or.jp/" target="_blank">一般社団法人日本玩具協会HP</a>
</div>
<div class="foot_btn">
<a class="btn" href="https://www.toys.or.jp/tokushouhou.html"
target="_blank">特定商取引法に基づく表記</a>
</div>
<div class="footer_sns sp_footer_sns">
<a href="http://twitter.com/share?url=https://www.tokyotoyshow.com/event/8682/&text=%E3%80%8C+%23%E6%9D%B1%E4%BA%AC%E3%81%8A%E3%82%82%E3%81%A1%E3%82%83%E3%82%B7%E3%83%A7%E3%83%BC2024+%E3%80%8D%0D%0A8%2F31%28%E5%9C%9F%29%E3%83%BB9%2F1%28%E6%97%A5%29%0D%0A%E3%83%91%E3%83%96%E3%83%AA%E3%83%83%E3%82%AF%E3%83%87%E3%83%BC%E5%85%A5%E5%A0%B4%E5%88%B8+%E3%80%817%E6%9C%882%E6%97%A5%28%E7%81%AB%29%E7%99%BA%E5%A3%B2%E4%BA%88%E5%AE%9A%EF%BC%81%0D%0A%E8%A9%B3%E3%81%97%E3%81%8F%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
target="_blank" class="tw">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-a1349bfe-02ef-4941-9db0-bc83c494e442.png"
alt="X">
</a>
<!-- <a href="/"
target="_blank" class="In">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-ba30cac4-aea0-4eba-a570-98c71f368793.png"
alt="instagram">
</a> -->
<a href="https://social-plugins.line.me/lineit/share?url=https://www.tokyotoyshow.com/event/8682/"
target="_blank">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-3d227bc5-f511-414a-b4d9-cd55f771587b.png"
alt="LINE">
</a>
<a href="http://www.facebook.com/sharer.php?u=https://www.tokyotoyshow.com/event/8682/&t=東京おもちゃショー2024"
target="_blank" class="fb">
<img src="https://tokyo-toy-show.eventos.tokyo/file/wysiwyg/856/file-902c023e-6e80-4330-aedd-b2432b3e1603.png"
alt="Facebook">
</a>
</div>
</li>
</ul>
</div>
</footer>
</div>
</body>
</html>
<style>
/* リセットcss */
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
}
img {
display: block;
}
dd {
margin-inline-start: 0px;
}
header {
position: fixed;
min-width: 768px;
width: 100vw;
top: 0;
left: 0;
background-color: #fff;
z-index: 20;
padding-bottom: 5px;
}
.head {
width: 100vw;
text-align: center;
margin: 0 auto 7px auto;
box-shadow: 0px 2px 5px 0 rgb(36, 36, 36, 0.3);
background: transparent;
}
.inner {
max-width: 960px;
width: 80vw;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.inner_logo {
width: 45vw;
text-align: center;
}
.inner_header__logo_img {
max-width: 460px;
/* padding-right: 10px; */
margin: 0;
margin-left: 0;
width: 52vw;
}
header .sns {
width: auto;
padding-bottom: 0.5rem;
padding-right: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.text_share {
width: 50%;
/* margin-left: 25%; */
padding: 8px 0;
text-align: center;
}
.text_share img {
max-width: 100%;
margin: 0 auto;
}
.sns_img {
max-width: 100%;
width: 90%;
/* margin-left: 25%; */
display: flex;
justify-content: center;
gap: 15px;
}
.sns_img img {
max-width: 80%;
margin: 0 auto;
}
.hamburger-menu {
position: relative;
}
.header_sp {
display: none;
}
@media screen and (max-width:768px) {
.header_pc {
display: none;
}
.header_sp {
display: flex;
justify-content: space-between;
width: 100vw;
position: fixed !important;
top: 0;
background-color: #fff;
z-index: 20;
padding: 3vw;
align-items: center;
min-width: auto;
min-height: 80px;
box-shadow: 0px 2px 5px 0 rgb(36, 36, 36, 0.3);
}
.inner_logo {
width: 70%;
text-align: center;
min-width: 300px;
}
.inner_header__logo_img {
width: 90%;
margin-left: 0;
}
}
/* WEBサイト移動ボタン */
#gnav {
width: 80vw;
color: #fff;
background: #fff;
border-radius: 10px;
margin: 0 auto;
}
#gnav ul {
max-width: 960px;
list-style-type: none;
margin: 0 auto;
display: table;
border-collapse: separate;
border-spacing: 5px 3px;
transition: 0.2s;
padding-left: 0;
width: 100%;
}
#gnav a {
color: #fff;
text-decoration: none;
position: relative;
display: table-cell;
text-align: center;
line-height: 1;
font-size: clamp(7.8px, 1.042vw, 13px);
vertical-align: middle;
height: 100%;
border: solid 2px #000;
border-radius: 5px;
padding: 3px;
}
#gnav li {
font-weight: bold;
border-radius: 3px;
display: block;
padding: 7px 2px;
}
#gnav li.outline {
background: #ffa000;
}
#gnav li.buyer {
background: #00b4dc;
}
#gnav li.public {
background: #ff5064;
}
#gnav li.press {
background: #5ab400;
}
.hamburger-menu {
position: relative;
}
@media screen and (max-width:768px) {
.hamburger-menu__list {
align-items: center;
display: flex;
flex-direction: column;
left: 0;
padding: 2rem 1rem;
position: absolute;
transform: translateX(-100%);
transition: 0.3s;
top: 100%;
flex-wrap: wrap;
}
#hamburger:checked~.hamburger-menu__list {
transform: translateX(0%);
transition: 0.3s;
width: 100vw;
height: 100vh;
background-color: #d9d9d9f2;
border-radius: 0;
}
.hamburger-menu__input {
display: none;
}
.hamburger-menu__list ul {
max-width: none !important;
list-style-type: none !important;
margin: 0 auto !important;
display: flex !important;
border-spacing: 5px 3px !important;
transition: 0.2s !important;
padding-left: 0 !important;
width: 100% !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
gap: 7px !important;
}
#gnav.hamburger-menu__list a {
color: #fff;
text-decoration: none;
position: relative;
display: flex;
text-align: center;
line-height: 1;
font-size: min(3.2vw, 17.8px);
vertical-align: middle;
height: auto;
border: solid 1px #282828;
border-radius: 5px;
padding: 3px;
background-color: #fff;
width: calc(100% / 2 - 7px);
justify-content: space-between;
flex-wrap: wrap;
}
.hamburger-menu__list li {
width: 100%;
padding: 10px 2px !important;
}
.hamburger-menu__bg {
cursor: pointer;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#hamburger:checked~.hamburger-menu__bg {
display: block;
}
.hamburger-menu__button {
display: none;
}
.hamburger-menu__button {
align-items: center;
appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 5px;
height: 35px;
justify-content: center;
width: 35px;
position: relative;
}
.hamburger-menu__button-mark {
background-color: #000;
display: block;
height: 7px;
transition: 0.3s;
width: 35px;
}
}
@media screen and (max-width: 768px) {
#hamburger:checked~.hamburger-menu__button .hamburger-menu__button-mark:nth-of-type(1) {
transform: translate(3px, 2px) rotate(45deg);
transform-origin: 0%;
}
#hamburger:checked~.hamburger-menu__button .hamburger-menu__button-mark:nth-of-type(2) {
opacity: 0;
}
#hamburger:checked~.hamburger-menu__button .hamburger-menu__button-mark:nth-of-type(3) {
transform: translate(3px, 3px) rotate(-45deg);
transform-origin: 0%;
}
}
.pc_pagetop {
position: fixed;
bottom: 40px;
right: 0;
background-size: contain;
z-index: 5;
}
.pc_pagetop img {
/* height: max(80px); */
width: 2.716vw;
min-width: 31.34px;
}
.sp_pagetop {
display: none;
}
.pc_click {
position: fixed;
bottom: 40px;
right: 40px;
background-size: contain;
z-index: 10;
}
.pc_click img {
width: 13vw;
min-width: 150px;
}
.sp_click {
display: none;
}
@media screen and (max-width:768px) {
.pc_pagetop {
display: none;
}
.sp_pagetop {
display: block;
position: fixed;
bottom: 40px;
right: 0;
background-size: contain;
z-index: 10;
}
.sp_pagetop img {
width: 2.716vw;
min-width: 31.34px;
}
.pc_click {
display: none;
}
.sp_click {
display: block;
position: fixed;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
background-size: contain;
z-index: 10;
}
.sp_click img {
width: 50vw;
min-width: 225px;
}
}
/* ここからbody */
body {
padding-top: 260px;
}
.background_inner {
background: repeating-linear-gradient(135deg, #fff000, #fff000 20px, #fff880 20px, #fff880 40px);
}
@media screen and (max-width:768px) {
body {
padding-top: 0;
}
}
div#main {
margin-top: -6rem;
}
@media screen and (max-width:768px) {
div#main {
margin-top: 2.5rem;
}
}
/* 会員登録ボタン */
#datePc {
width: 100vw;
background-color: #242424;
padding-top: 1rem;
}
.datePc {
max-width: 960px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 15px;
}
/* div buyer */
.dateImg_buyer {
text-align: right;
padding-left: 20px;
}
/* div public */
.dateImg_public {
text-align: left;
padding-right: 20px;
}
/* div共通 */
.dateInner {
width: 50%;
/* margin: 0 auto; */
padding-bottom: 20px;
}
.dateImg {
max-width: 100%;
}
.dateImg_up {
padding: 20px 0;
}
@media screen and (max-width:768px) {
#datePc {
width: 100vw;
background-color: #242424;
padding: 12vw 0 3vw;
}
}
@media only screen and (max-width: 768px) {
.datePc {
max-width: 760px;
display: block;
/* .datePc のフレックス方向を縦方向に設定 */
}
.dateInner {
width: 90vw !important;
/* .dateInner の幅を100%に設定 */
margin: 0 auto;
padding-bottom: 15px;
}
/* div buyer */
.dateImg_buyer {
text-align: right;
padding: 0;
margin: 0 auto;
}
/* div public */
.dateImg_public {
text-align: left;
padding-right: 0;
}
/* div共通 */
.dateImg {
max-width: 100%;
width: 90vw;
margin: 0 auto;
}
.sp_dateTmg_up {
padding-bottom: 15px;
}
.dateImg_up {
padding: 15px 0 5px 0;
}
}
/* iframe */
.iframe-wrapper {
display: flex;
justify-content: center;
padding-top: 10px;
margin: 30px auto;
}
iframe.information {
width: 80vw;
max-width: 960px;
height: 165px;
}
@media screen and (max-width:768px) {
iframe.information {
width: 90vw;
}
}
/* コンテンツ共通 */
.show_content {
max-width: 960px;
width: 80vw;
margin: 0 auto 2rem auto;
background-color: #fff;
border: solid 3px #242424;
border-radius: 5px;
scroll-margin-top: 180px;
}
.show_content p {
font-weight: 400;
font-size: clamp(8.3px, 1.111vw, 18px);
/* margin: 0 !important; */
}
.show_content p span {
font-weight: 400;
font-size: clamp(8.3px, 1.111vw, 18px);
}
.show_content_inner {
margin: 0 25px 25px;
}
.show_content_inner_last {
border-bottom: none;
}
.section__title_h2 {
color: #fff;
background-color: #ffa000;
margin: 5px;
padding: 1%;
font-size: clamp(18.8px, 2.5vw, 32px);
}
.span_border {
color: #D9D9D9;
font-size: clamp(8.3px, 1.111vw, 18px);
}
.sp_br {
display: none;
}
.show_content_inner.show_content__buyer img {
width: 20%;
margin: 2vw auto;
}
@media screen and (max-width:768px) {
.show_content {
max-width: 960px;
width: 90vw;
margin: 0 auto 2rem auto;
background-color: #fff;
border: solid 3px #242424;
border-radius: 5px;
scroll-margin-top: 110px;
}
.show_content p {
font-weight: 400;
font-size: clamp(13.5px, 3.846vw, 15px);
}
.show_content p span {
font-weight: 400;
font-size: clamp(13.5px, 3.846vw, 15px);
}
.show_content_inner {
margin: 0 2% 3%;
}
.show_content_inner_last {
border-bottom: none;
}
.show_content_inner.show_content__buyer img {
width: 80%;
max-height: fit-content;
}
.section__title_h2 {
color: #fff;
background-color: #ffa000;
margin: 5px;
padding: 1%;
font-size: clamp(18.8px, 5vw, 32px);
}
.span_border {
color: #D9D9D9;
font-size: clamp(13.5px, 3.846vw, 15px);
}
.sp_none_border {
display: none;
}
.sp_br {
display: block;
}
}
/* buyer */
.section__title_h3 {
color: #fff;
font-size: clamp(18.8px, 2.5vw, 32px);
margin: 10px 0;
}
.section__title_h3_buyer {
color: #ffa000;
font-size: clamp(18.8px, 2.5vw, 32px);
padding: 0.7rem 0 0.5rem;
margin: 0;
}
.buyer_a {
color: #ffa000 !important;
text-decoration: underline #ffa000 !important;
}
@media screen and (max-width:768px) {
.section__title_h3 {
font-size: clamp(16.2px, 4.615vw, 18px);
}
/* buyer */
.section__title_h3_buyer {
color: #ffa000;
font-size: clamp(18.8px, 5vw, 32px);
padding: 0.9rem 0;
margin: 0;
}
.sp_section__title_h3_buyer {
font-size: clamp(16.2px, 4.615vw, 18px);
}
.buyer_a {
color: #ffa000 !important;
text-decoration: underline #ffa000 !important;
letter-spacing: 2px;
}
}
/* おもちゃ大賞について */
.show_award_text {
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
}
.award_content img {
width: 100% !important;
}
.award_list_inner {
padding: 15px 20px;
}
.award_list_inner p {
color: #fff;
margin: 1em 0 !important;
}
.award_list_inner p a {
color: #fff;
text-decoration: none;
}
.award_list_inner h4 {
color: #ffebeb;
margin-top: 10px;
margin-bottom: 5px;
font-size: clamp(8.3px, 1.111vw, 18px);
}
.list_ttl {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
}
.list_ttl th {
font-size: clamp(8.3px, 1.111vw, 18px);
background-color: #5a0000;
color: #ffb496;
padding: 5px 10px;
text-align: center;
}
div.dl-table {
display: table;
width: 100%;
}
dl.dl-row {
display: table-row;
}
.dl-row dt {
display: none;
}
.dl-row dd {
display: table-cell;
align-content: center;
padding: 5px 10px;
color: #000;
background: #fff;
background-clip: padding-box;
box-sizing: border-box;
border: solid 1px transparent;
font-size: clamp(7.8px, 1.042vw, 13px);
}
.dl-row:nth-of-type(even) dd {
background: rgba(255, 255, 255, .8);
background-clip: padding-box;
}
.list_ttl th:nth-of-type(1) {
width: 20%;
}
.list_ttl th:nth-of-type(2) {
width: 55%;
}
.list_ttl th:nth-of-type(3) {
width: 23%;
}
.dl-table .dl-row dd:nth-of-type(1) {
width: 20%;
}
.dl-table .dl-row dd:nth-of-type(2) {
width: 55%;
}
.dl-table .dl-row dd:nth-of-type(3) {
width: 23%;
text-align: right;
}
@media screen and (max-width:768px) {
.show_award_text {
flex-direction: column;
align-items: center;
}
.award_list_inner {
padding: 15px 10px;
}
.award_list_inner h4 {
font-size: clamp(13.5px, 3.846vw, 15px);
}
.list_ttl th {
font-size: clamp(8.7px, 0.571vw, 15px);
}
dd {
font-size: clamp(9.3px, 3.095vw, 21px)
}
.list_ttl th:nth-of-type(1) {
width: 25%;
}
.list_ttl th:nth-of-type(2) {
width: 50%;
}
.list_ttl th:nth-of-type(3) {
width: 25%;
}
.dl-table .dl-row dd:nth-of-type(1) {
width: 25%;
}
.dl-table .dl-row dd:nth-of-type(2) {
width: 50%;
}
.dl-table .dl-row dd:nth-of-type(3) {
width: 25%;
text-align: right;
}
}
/* ホールマップ */
.hole_map {
width: 95%;
display: flex;
margin: 0 auto;
}
/* buyer */
.hole_map_buyer {
width: 48%;
background-color: #EDEDED;
text-align: center;
margin: 10px auto;
border-radius: 10px;
padding-bottom: 20px;
}
.hole_map_buyer h3 {
color: #00b4dc;
font-size: clamp(18.8px, 2.5vw, 32px);
margin: 10px 0;
}
.buyer_map {
background-color: #fff;
margin: 0px 15px;
padding: 10px 20px;
}
.map_open_botton_buyer {
font-size: clamp(9.4px, 1.25vw, 18px);
font-weight: bold;
color: #fff !important;
background-color: #00b4dc;
text-decoration: none;
display: block;
border-radius: 25px;
padding: 10px;
margin: 10px 0;
}
/* public */
.hole_map_public {
width: 48%;
background-color: #EDEDED;
text-align: center;
margin: 10px auto;
border-radius: 10px;
padding-bottom: 20px;
}
.hole_map_public h3 {
color: #ff5064;
font-size: clamp(18.8px, 2.5vw, 32px);
margin: 10px 0;
}
.public_map {
background-color: #fff;
margin: 0px 15px;
padding: 10px 20px;
}
.map_open_botton_public {
font-size: clamp(9.4px, 1.25vw, 18px);
font-weight: bold;
color: #fff !important;
background-color: #ff5064;
text-decoration: none;
display: block;
border-radius: 25px;
padding: 10px;
margin: 10px 0;
}
.outline_map {
width: 95%;
color: #fff !important;
text-decoration: none;
margin: 0 auto;
}
.outline_map p {
font-size: clamp(9.4px, 1.25vw, 18px);
font-weight: bold;
text-align: center;
background-color: #ffa000;
border-radius: 25px;
margin: 0.5em 2em 1em 2em;
padding: 10px 0;
}
@media screen and (max-width:768px) {
.hole_map {
width: 95%;
display: block;
margin: 0 auto;
}
/* buyer */
.hole_map_buyer {
width: 100%;
background-color: #EDEDED;
text-align: center;
margin: 10px auto;
border-radius: 10px;
padding-bottom: 20px;
}
.hole_map_buyer h3 {
color: #00b4dc;
font-size: clamp(11.5px, 4.615vw, 18px);
margin: 10px 0;
padding-top: 10px;
}
.buyer_map {
background-color: #fff;
margin: 0px 15px;
padding: 10px 20px;
}
.map_open_botton_buyer {
font-size: clamp(10px, 3.846vw, 15px);
font-weight: bold;
color: #fff !important;
background-color: #00b4dc;
text-decoration: none;
display: block;
border-radius: 25px;
padding: 8px 10px;
margin: 10px 0;
}
/* public */
.hole_map_public {
width: 100%;
background-color: #EDEDED;
text-align: center;
margin: 10px auto;
border-radius: 10px;
padding-bottom: 20px;
}
.hole_map_public h3 {
color: #ff5064;
font-size: clamp(11.5px, 4.615vw, 18px);
margin: 10px 0;
padding-top: 10px;
}
.public_map {
background-color: #fff;
margin: 0px 15px;
padding: 10px 20px;
}
.map_open_botton_public {
font-size: clamp(10px, 3.846vw, 15px);
font-weight: bold;
color: #fff !important;
background-color: #ff5064;
text-decoration: none;
display: block;
border-radius: 25px;
padding: 8px 10px;
margin: 10px 0;
}
.outline_map {
width: 95%;
color: #fff !important;
text-decoration: none;
margin: 0 auto;
}
.outline_map p {
font-size: clamp(10px, 3.846vw, 15px);
font-weight: bold;
text-align: center;
background-color: #ffa000;
border-radius: 25px;
margin: 0.5em 1em 1em 1em;
padding: 10px 0;
}
}
/* フッター */
/* footer {
height: 25vw;
}
.chara_pc {
position: relative;
display: block;
width: 100vw;
}
.chara_sp {
display: none;
}
#footer img {
margin-top: 10em;
width: 100%;
}
footer #footer_nav {
position: relative;
bottom: 13vw;
}
footer #footer_nav>ul {
position: relative;
margin: auto;
display: flex;
width: 70vw;
padding: 0;
justify-content: space-evenly;
}
footer #footer_nav>ul>li {
display: table-cell;
}
.pc_footer_none {
display: block;
}
.sp_footer_none {
display: none !important;
}
.foot_img {
display: flex;
gap: clamp(5.3px, 0.694vw, 10px);
margin-bottom: 5px;
}
.foot_img img {
width: clamp(10.7px, 1.389vw, 20px);
height: clamp(10.7px, 1.389vw, 20px);
margin: auto 0;
}
footer li a {
font-size: clamp(8px, 1.042vw, 15px);
color: #000 !important;
text-decoration: none;
display: block;
}
footer #footer_nav>ul>li#archive {
display: block;
}
.footer_sns {
display: flex;
justify-content: right;
gap: 10px;
margin-right: 10px;
}
.sp_footer_sns {
display: none;
}
.footer_sns img {
width: clamp(26.7px, 3.472vw, 50px);
max-width: 100%;
margin-bottom: 10px;
}
.foot_btn {
position: relative;
margin-bottom: 10px;
}
.foot_btn_label {
display: block;
padding: 5px 0;
font-size: 16px;
cursor: pointer;
background-color: #000;
color: #d9d9d9;
border-radius: 25px;
text-align: center;
position: relative;
z-index: 1;
}
#footer_check {
display: none;
}
.foot_btn_label .clicktxt {
display: grid;
font-size: clamp(8px, 1.042vw, 15px);
background-color: #000;
color: #fff !important;
border-radius: 25px;
text-align: center;
position: relative;
}
.foot_btn_label .clicktxt::before {
content: "";
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
border: 5px solid transparent;
border-left: 8px solid #fff;
z-index: 2;
}
.btn_text {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 100%;
color: #fff;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
z-index: 2;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.foot_btn_label:hover+.btn_text,
.foot_btn_label:focus+.btn_text,
.btn_text:hover {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.btn_text ul {
padding-left: 0;
margin: 10px 0;
}
.btn_text ul li {
text-align: center;
list-style: none;
background: #D9D9D9;
margin: 2px 0;
}
.btn_text ul li a {
color: #000;
text-decoration: none;
display: block;
padding: 5px 0;
}
.btn_text ul li a:hover {
background: #ccc;
}
a.btn {
font-size: clamp(8px, 1.042vw, 15px);
position: relative;
background: #000;
display: grid;
color: #fff !important;
border-radius: 25px;
padding: 5px 20px 5px 30px;
text-align: center;
}
a.btn::before {
content: "";
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
border: 5px solid transparent;
border-left: 8px solid #fff;
z-index: 2;
}
a.btn {
font-size: clamp(8px, 1.042vw, 15px);
position: relative;
background: #000;
display: grid;
color: #fff !important;
border-radius: 25px;
padding: 5px 20px 5px 30px;
text-align: center;
}
a.btn::before {
content: "";
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
border: 5px solid transparent;
border-left: 8px solid #fff;
z-index: 2;
}
@media screen and (max-width:768px) {
footer {
margin-bottom: 200px;
}
.chara_pc {
display: none !important;
}
.chara_sp {
display: block;
width: 100%;
position: relative;
}
footer #footer_nav {
bottom: 0;
}
footer li a {
font-size: clamp(7.7px, 2.677vw, 22px);
color: #000 !important;
text-decoration: none;
display: block;
}
footer #footer_nav>ul {
padding: 0;
margin: 0 auto;
width: 90vw;
padding-bottom: 130px !important;
}
.pc_footer_none {
display: none !important;
}
.sp_footer_none {
list-style: none;
display: block !important;
}
footer .outline {
width: auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: start;
gap: 7px;
margin-left: 12vw;
}
li.banner_download {
display: none !important;
}
.foot_img {
margin: 0;
align-items: center;
width: calc(50% - 5px);
box-sizing: border-box;
gap: 3px;
}
.foot_img img {
width: clamp(7.7px, 3.077vw, 22px);
height: clamp(7.7px, 3.077vw, 22px);
margin: auto 0;
}
.pc_footer_sns {
display: none;
}
.sp_footer_sns {
display: block;
display: flex;
justify-content: center;
margin: 0;
}
.foot_btn_label {
width: 50vw;
margin: 0 auto;
}
.archive {
width: 30vw;
}
.foot_btn_label {
width: 70%;
margin: 1.5rem auto 0;
}
a.btn {
width: 70%;
margin: 0 auto;
font-size: clamp(7.7px, 2.677vw, 22px);
}
.btn_text {
width: 100%;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, height 0.4s;
}
.foot_btn_label .clicktxt {
font-size: clamp(7.7px, 2.677vw, 22px);
}
input#footer_check:checked~.btn_text {
position: relative;
left: auto;
top: auto;
transform: none;
height: auto;
visibility: visible;
opacity: 1;
}
.foot_btn_label:hover+.btn_text,
.foot_btn_label:focus+.btn_text,
.btn_text:hover {
position: relative;
left: auto;
top: auto;
transform: none;
height: auto;
opacity: 1;
visibility: visible;
}
.footer_sns img {
width: clamp(30.7px, 8.472vw, 50px);
}
} */
</style>