MENU
ホーム
元乃隅神社について
アクセス
お知らせ
ギャラリー
お問い合わせ
LANGUAGE
日本語
English
한국어
中文 (中国)
中文 (台灣)
Français
Italiano
日本海を望む、123の鳥居が織りなす絶景。
ホーム
元乃隅神社について
アクセス
お知らせ
ギャラリー
お問い合わせ
LANGUAGE
日本語
English
한국어
中文 (中国)
中文 (台灣)
Français
Italiano
ホーム
元乃隅神社について
アクセス
お知らせ
ギャラリー
お問い合わせ
LANGUAGE
日本語
English
한국어
中文 (中国)
中文 (台灣)
Français
Italiano
元乃隅神社
神の息吹を感じる 朱の鳥居の道
悠久の時を超え 心を鎮める場所
Scroll
裏海風光與黃金龍繞邊的神社
關於元之雅神社
元之雅神社是日本頑張強大信仰的力量之一，以美麗的紅色鳥屎與海景著稱。
詳細了解
交通指引
為您介紹開車、電車、公車前往的路線。
<div class="wp-block-group alignfull"> <!-- wp:html --> <!-- 首畫面觀 --> <div style="position: relative; width: 100vw; height: 80vh; overflow: hidden; margin: 0; left: 50%; right: 50%; transform: translateX(-50%);"> <div style="position: absolute; inset: 0; background: url('http://www.motonosumi.com/wp-content/uploads/2023/04/元之雅-6-scaled.jpg') center center / cover no-repeat; filter: brightness(65%); z-index: 1;"></div> <div style="position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; color: white; text-align: center;"> <h1 style="font-family: 'Yu Mincho', serif; font-size: clamp(1.5rem, 4vw, 2.5rem); text-shadow: 0 2px 4px rgba(0,0,0,0.5); margin: 0;"> 裏海風光與黃金龍繞邊的神社 </h1> </div> </div> <!-- 神社簡介 --> <section style="padding: 60px 0; background-color: #f8f6f0;"> <div class="container" style="display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center;"> <div style="flex: 1; min-width: 300px; max-width: 1200px;"><img decoding="async" src="http://www.motonosumi.com/wp-content/uploads/2024/03/19005_川尻岭.jpg" alt="神社圖片" style="width: 100%; border-radius: 8px;"></div> <div style="flex: 1; min-width: 300px; max-width: 1200px;"> <h2>關於元之雅神社</h2> <p>元之雅神社是日本頑張強大信仰的力量之一，以美麗的紅色鳥屎與海景著稱。</p> <a href="https://www.motonosumi.com/元之雅神社について/" class="swell-block-button">詳細了解</a> </div> </div> </section> <!-- 交通訊息 --> <section style="padding: 60px 0; background-color: #f0f4f8;"> <h2 style="text-align: center;">交通指引</h2> <div style="max-width: 800px; margin: 0 auto;"> <p style="text-align: center;">為您介紹開車、電車、公車前往的路線。</p> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d777.3688315086682!2d131.06366889883986!3d34.41988510547125!2m3!1f0!2f0!3f0!3m2!1i1024! <!-- /wp:html --><!-- /wp:post-content --> </div> </div> </main> </div> <footer id="footer" class="l-footer"> </footer> <div class="p-fixBtnWrap"> </div> <div id="search_modal" class="c-modal p-searchModal"> <div class="c-overlay" data-onclick="toggleSearch"></div> <div class="p-searchModal__inner"> <form role="search" method="get" class="c-searchForm" action="https://www.motonosumi.com/zh/" role="search"> <input type="text" value="" name="s" class="c-searchForm__s s" placeholder="検索" aria-label="検索ワード"> <button type="submit" class="c-searchForm__submit icon-search hov-opacity u-bg-main" value="search" aria-label="検索を実行する"></button> </form> <button class="c-modal__close c-plainBtn" data-onclick="toggleSearch"> <i class="icon-batsu"></i> 閉じる </button> </div> </div> </div><!--/ #all_wrapp--> <div class="l-scrollObserver" aria-hidden="true"></div><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/swell_child\/*","\/wp-content\/themes\/swell\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--swl-main: var(--color_main);--wp--preset--color--swl-main-thin: var(--color_main_thin);--wp--preset--color--swl-gray: var(--color_gray);--wp--preset--color--swl-deep-01: var(--color_deep01);--wp--preset--color--swl-deep-02: var(--color_deep02);--wp--preset--color--swl-deep-03: var(--color_deep03);--wp--preset--color--swl-deep-04: var(--color_deep04);--wp--preset--color--swl-pale-01: var(--color_pale01);--wp--preset--color--swl-pale-02: var(--color_pale02);--wp--preset--color--swl-pale-03: var(--color_pale03);--wp--preset--color--swl-pale-04: var(--color_pale04);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.9em;--wp--preset--font-size--medium: 1.1em;--wp--preset--font-size--large: 1.25em;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75em;--wp--preset--font-size--huge: 1.6em;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='rtoc_style-css' href='https://www.motonosumi.com/wp-content/plugins/rich-table-of-content/css/rtoc_style.css?ver=6.8' type='text/css' media='all' /> <link rel='stylesheet' id='rtoc_swell-css' href='https://www.motonosumi.com/wp-content/plugins/rich-table-of-content/css/rtoc_for_swell.css?ver=6.8' type='text/css' media='all' /> <script type="text/javascript" id="rtoc_js-js-extra"> /* <![CDATA[ */ var rtocScrollAnimation = {"rtocScrollAnimation":"off"}; var rtocBackButton = {"rtocBackButton":"off"}; var rtocBackDisplayPC = {"rtocBackDisplayPC":""}; var rtocOpenText = {"rtocOpenText":"OPEN"}; var rtocCloseText = {"rtocCloseText":"CLOSE"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/rich-table-of-content/js/rtoc_common.js?ver=6.8" id="rtoc_js-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/rich-table-of-content/js/rtoc_highlight.js?ver=6.8" id="rtoc_js_highlight-js"></script> <script type="text/javascript" id="swell_script-js-extra"> /* <![CDATA[ */ var swellVars = {"siteUrl":"https:\/\/www.motonosumi.com\/","restUrl":"https:\/\/www.motonosumi.com\/wp-json\/wp\/v2\/","ajaxUrl":"https:\/\/www.motonosumi.com\/wp-admin\/admin-ajax.php","ajaxNonce":"9152183b57","isLoggedIn":"","useAjaxAfterPost":"","useAjaxFooter":"1","usePvCount":"1","isFixHeadSP":"1","tocListTag":"ul","tocTarget":"h5","tocPrevText":"\u524d\u306e\u30da\u30fc\u30b8\u3078","tocNextText":"\u6b21\u306e\u30da\u30fc\u30b8\u3078","tocCloseText":"\u6298\u308a\u305f\u305f\u3080","tocOpenText":"\u3082\u3063\u3068\u898b\u308b","tocOmitType":"","tocOmitNum":"3","tocMinnum":"1","tocAdPosition":"before","offSmoothScroll":"","ignorePrefetchKeys":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/themes/swell/build/js/main.min.js?ver=2.13.0" id="swell_script-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/themes/swell/build/js/front/set_mv.min.js?ver=2.13.0" id="swell_set_mv-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/themes/swell/build/js/prefetch.min.js?ver=2.13.0" id="swell_prefetch-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.5" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2024-12-09 02:48:04+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"zh_CN"},"Error:":["\u62a5\u9519\uff1a"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/www.motonosumi.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.5" id="contact-form-7-js"></script> <script type="text/javascript" id="vkExUnit_master-js-js-extra"> /* <![CDATA[ */ var vkExOpt = {"ajax_url":"https:\/\/www.motonosumi.com\/wp-admin\/admin-ajax.php","hatena_entry":"https:\/\/www.motonosumi.com\/wp-json\/vk_ex_unit\/v1\/hatena_entry\/","facebook_entry":"https:\/\/www.motonosumi.com\/wp-json\/vk_ex_unit\/v1\/facebook_entry\/","facebook_count_enable":"","entry_count":"1","entry_from_post":"","homeUrl":"https:\/\/www.motonosumi.com\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/vk-all-in-one-expansion-unit/assets/js/all.min.js?ver=9.105.0.1" id="vkExUnit_master-js-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/plugins/vk-all-in-one-expansion-unit/inc/smooth-scroll/js/smooth-scroll.min.js?ver=9.105.0.1" id="smooth-scroll-js-js"></script> <script type="text/javascript" src="https://www.motonosumi.com/wp-content/themes/swell/build/js/front/set_fix_header.min.js?ver=2.13.0" id="swell_set_fix_header-js"></script> <script type="text/javascript" id="swell-lazyloadscripts"> (function () { const timeout = 5000; const loadTimer = timeout ? setTimeout(loadJs,timeout) : null; const userEvents = ["mouseover","keydown","wheel","touchmove touchend","touchstart touchend"]; userEvents.forEach(function(e){ window.addEventListener(e,eTrigger,{passive:!0}) }); function eTrigger(){ loadJs(); if(null !== loadTimer) clearTimeout(loadTimer); userEvents.forEach(function(e){ window.removeEventListener(e,eTrigger,{passive:!0}); }); } function loadJs(){ document.querySelectorAll("script[data-swldelayedjs]").forEach(function(el){ el.setAttribute("src",el.getAttribute("data-swldelayedjs")); }); } })(); </script> <!-- JSON-LD @SWELL --> <script type="application/ld+json">{"@context": "https://schema.org","@graph": [{"@type":"Organization","@id":"https:\/\/www.motonosumi.com\/#organization","name":"元乃隅神社公式サイト","url":"https:\/\/www.motonosumi.com\/zh\/zh-home\/","logo":{"@type":"ImageObject","url":"https:\/\/www.motonosumi.com\/wp-content\/uploads\/2024\/03\/2元乃隅神社-1.png","width":500,"height":120}},{"@type":"WebSite","@id":"https:\/\/www.motonosumi.com\/#website","url":"https:\/\/www.motonosumi.com\/zh\/zh-home\/","name":"元乃隅神社公式サイト","description":"日本海を望む、123の鳥居が織りなす絶景。","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.motonosumi.com\/?s={s}","query-input":"name=s required"}}]}</script> <!-- / JSON-LD @SWELL --> <script> document.addEventListener('DOMContentLoaded', function() { // 目次の開閉機能（SWELLテーマ用） const tocTitle = document.querySelector('.c-toc__title'); if (tocTitle) { tocTitle.addEventListener('click', function() { const toc = this.closest('.c-toc'); toc.classList.toggle('is-opened'); }); } // 交通手段セクションの開閉機能 const accordionTitle = document.querySelector('.transportation-accordion-title'); const transportationContent = document.querySelector('.transportation-content'); if (accordionTitle && transportationContent) { accordionTitle.addEventListener('click', function() { this.classList.toggle('active'); if (transportationContent.style.display === 'none') { transportationContent.style.display = 'block'; } else { transportationContent.style.display = 'none'; } }); } // タブ切り替え機能 const tabButtons = document.querySelectorAll('.tab-button'); const tabContents = document.querySelectorAll('.tab-content'); tabButtons.forEach(button => { button.addEventListener('click', () => { // アクティブなタブをリセット tabButtons.forEach(btn => btn.classList.remove('active')); tabContents.forEach(content => content.classList.remove('active')); // クリックされたタブをアクティブに button.classList.add('active'); const tabId = button.getAttribute('data-tab'); document.getElementById(`${tabId}-content`).classList.add('active'); }); }); }); </script> <!-- スクリプト --> <script> document.addEventListener('DOMContentLoaded', function() { // 交通手段セクションの開閉機能 const accordion = document.getElementById('transport-accordion'); const content = document.getElementById('transport-content'); if (accordion && content) { // 初期状態ではコンテンツを非表示 content.style.maxHeight = '0'; content.style.padding = '0'; content.style.overflow = 'hidden'; accordion.addEventListener('click', function() { this.classList.toggle('active'); if (this.classList.contains('active')) { // 開く content.style.maxHeight = '2000px'; content.style.padding = '20px'; setTimeout(() => { content.style.overflow = 'visible'; }, 500); // トランジション完了後に overflow を変更 } else { // 閉じる content.style.overflow = 'hidden'; content.style.maxHeight = '0'; content.style.padding = '0'; } }); } // タブ切り替え機能 const tabButtons = document.querySelectorAll('.tab-button'); const tabContents = document.querySelectorAll('.tab-content'); if (tabButtons.length > 0 && tabContents.length > 0) { tabButtons.forEach(button => { button.addEventListener('click', () => { // アクティブなタブをリセット tabButtons.forEach(btn => btn.classList.remove('active')); tabContents.forEach(content => content.classList.remove('active')); // クリックされたタブをアクティブに button.classList.add('active'); const tabId = button.getAttribute('data-tab'); const targetContent = document.getElementById(`${tabId}-content`); if (targetContent) { targetContent.classList.add('active'); } }); }); } }); </script></body></html>
