Notice: Function _load_textdomain_just_in_time was called <strong>incorrectly</strong>. Translation loading for the <code>acf</code> domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the <code>init</code> action or later. Please see <a href="https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/">Debugging in WordPress</a> for more information. (This message was added in version 6.7.0.) in /var/www/html/wp-includes/functions.php on line 6121

Deprecated: Creation of dynamic property ACF::$fields is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields.php on line 136

Deprecated: Creation of dynamic property ACF::$locations is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/locations.php on line 130

Deprecated: Creation of dynamic property ACF::$deprecated is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/deprecated.php on line 228

Deprecated: Creation of dynamic property ACF::$json is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/json.php on line 184

Deprecated: Creation of dynamic property acf_loop::$loops is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 26

Deprecated: Creation of dynamic property ACF::$loop is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 270

Deprecated: Creation of dynamic property ACF::$revisions is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/revisions.php on line 413

Deprecated: Creation of dynamic property acf_validation::$errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 26

Deprecated: Creation of dynamic property ACF::$validation is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 212

Deprecated: Creation of dynamic property acf_form_customizer::$preview_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 26

Deprecated: Creation of dynamic property acf_form_customizer::$preview_fields is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 27

Deprecated: Creation of dynamic property acf_form_customizer::$preview_errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 28

Deprecated: Creation of dynamic property ACF::$form_front is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-front.php on line 664

Deprecated: Creation of dynamic property acf_form_widget::$preview_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 34

Deprecated: Creation of dynamic property acf_form_widget::$preview_reference is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 35

Deprecated: Creation of dynamic property acf_form_widget::$preview_errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 36

Deprecated: Return type of WPCF7_FormTag::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/html/wp-content/plugins/contact-form-7/includes/form-tag.php on line 385

Deprecated: Return type of WPCF7_FormTag::offsetGet($offset) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/html/wp-content/plugins/contact-form-7/includes/form-tag.php on line 377

Deprecated: Return type of WPCF7_FormTag::offsetSet($offset, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/html/wp-content/plugins/contact-form-7/includes/form-tag.php on line 371

Deprecated: Return type of WPCF7_FormTag::offsetUnset($offset) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/html/wp-content/plugins/contact-form-7/includes/form-tag.php on line 389

Notice: Function _load_textdomain_just_in_time was called <strong>incorrectly</strong>. Translation loading for the <code>debug-bar</code> domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the <code>init</code> action or later. Please see <a href="https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/">Debugging in WordPress</a> for more information. (This message was added in version 6.7.0.) in /var/www/html/wp-includes/functions.php on line 6121

Notice: Function _load_textdomain_just_in_time was called <strong>incorrectly</strong>. Translation loading for the <code>instagram-feed</code> domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the <code>init</code> action or later. Please see <a href="https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/">Debugging in WordPress</a> for more information. (This message was added in version 6.7.0.) in /var/www/html/wp-includes/functions.php on line 6121

Deprecated: Creation of dynamic property acf_field_oembed::$width is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 31

Deprecated: Creation of dynamic property acf_field_oembed::$height is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 32

Deprecated: Creation of dynamic property acf_field_google_map::$default_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-google-map.php on line 33

Deprecated: Creation of dynamic property acf_field__group::$have_rows is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-group.php on line 31

Deprecated: Creation of dynamic property acf_field_clone::$cloning is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 34

Deprecated: Creation of dynamic property acf_field_clone::$have_rows is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 35

Deprecated: Creation of dynamic property ThemeisleSDK\Product::$author_url is deprecated in /var/www/html/wp-content/plugins/wp-maintenance-mode/vendor/codeinwp/themeisle-sdk/src/Product.php on line 212

Deprecated: Automatic conversion of false to array is deprecated in /var/www/html/wp-content/plugins/kagoya-typesquare/inc/class/class.font.data.php on line 94
<!doctype html>
<html>
<!--[if IE 9]> <html class="ie9"> <![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://sanyo-homing.goups.site/wp-content/themes/barba/main.css?date=20251223041322">
    <!-- <link href="https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght&display=swap" rel="stylesheet">
    <title>奈良県（生駒市・奈良市）の注文住宅、リフォームは三陽ホーミングまで | 奈良の増改築・奈良のリフォーム店・インテリアデザイン・エクステリア・ガーデニング・新築・建替・設計・生駒　リフォーム</title>
<meta name='robots' content='max-image-preview:large' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
		<script>
		var ajaxurl = 'https://sanyo-homing.goups.site/wp-admin/admin-ajax.php';
	</script>
<link rel='dns-prefetch' href='//code.typesquare.com' />
<link rel='dns-prefetch' href='//sanyo-homing.goups.site' />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/sanyo-homing.goups.site\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel='stylesheet' id='sbi_styles-css' href='https://sanyo-homing.goups.site/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.8.0' type='text/css' media='all' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://sanyo-homing.goups.site/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<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: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--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--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: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--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;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://sanyo-homing.goups.site/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.5' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-confirm-css' href='https://sanyo-homing.goups.site/wp-content/plugins/contact-form-7-add-confirm/includes/css/styles.css?ver=5.1' type='text/css' media='all' />
<link rel='stylesheet' id='jquery-ui-smoothness-css' href='https://sanyo-homing.goups.site/wp-content/plugins/contact-form-7/includes/js/jquery-ui/themes/smoothness/jquery-ui.min.css?ver=1.11.4' type='text/css' media='screen' />
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="//code.typesquare.com/static/pnlkprxf3cc%253D/kagoya.js?ver=1.0.0" id="typesquare_std-js"></script>
<link rel="https://api.w.org/" href="https://sanyo-homing.goups.site/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://sanyo-homing.goups.site/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.3" />
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-62340727-16"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-62340727-16');
    </script>

</head>

<body class="home blog wp-theme-barba">
    <input type="checkbox" id="menu-navibtn">
    <div class="Header fx-row">
        <div class="Header--logo"><a href="https://sanyo-homing.goups.site" class="pjax"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/header_logo-2.svg" alt="奈良県（生駒市・奈良市）の注文住宅、リフォームは三陽ホーミングまで"></a></div>
        <label id="navibtn" for="menu-navibtn">
            <span>
                <span id="openmenu"></span>
            </span>
        </label>
        <div class="HeaderSPMenuContainer tab-sp-only MenuContainer">
            <ul class="HeaderMenu">
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/topics/">topics</a></li>
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/work/">best selections</a></li>
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/woodensheds/" class="pjax">garden sheds</a></li>
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/aboutus/">about us</a></li>
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/baum-haus" class="prevent no-barba" data-barba-prevent="self">model house</a></li>
                <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/request"  class="prevent no-barba" data-barba-prevent="self">contact</a></li>

            </ul>
        </div>
        <div class=" Header--subinfo pc-only">
            <ul class="HeaderSubinfo">
                <li class="HeaderSubinfo__item" id="HeaderMenuContainer">
                    <ul class="HeaderMenu">
                        <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/topics/">topics</a></li>
                        <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/work/">best selections</a></li>
                        <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/woodensheds/" class="pjax">garden sheds</a></li>
                        <li class="HeaderMenu__item eng"><a href="https://sanyo-homing.goups.site/aboutus/">about us</a></li>
                    </ul>
                </li>
                <li class="HeaderSubinfo__item" id="HeaderDocumentReq"><a href="https://sanyo-homing.goups.site/request/" class="prevent no-barba" data-barba-prevent="self"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/global_link_request_form2.png" alt=""></a></li>
                <li class="HeaderSubinfo__item" id="HeaderReserve"><a href="https://sanyo-homing.goups.site/baum-haus/" class="prevent no-barba" data-barba-prevent="self"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/global_link_reserve_form.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div id="m-loader" style=""><span class="m-loader__img"><span></span></span></div>
    <div data-barba="wrapper">
        <div data-barba="container" data-barba-namespace="home">
<div class="Contents" id="Contents">
    <div id="home">
        <div class="TopViewSection Section">
            <div class="TopView">
                <div class="TopView__main">
                    <div class="Section HomeFirstSectionContainer">
                        <div class="SliderContainer" id="TopSlide">
                            <div class="" id="TopSlideContainer">
                                <ul class="left" id="js-TopBxSlider">
                                    <li class="leftslide " style=""></li>
                                    <li class="leftslide type" style=""></li>
                                    <li class="leftslide type" style=""></li>
                                    <li class="leftslide type" style=""></li>
                                    <li class="leftslide show" style=""></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="TopView__sub"> <img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/top_view_text.png" alt=""></p>
            </div>
        </div>
        <div class="Section TopicSection">
            <div class="container">
                <h2 class=" TopicSection__head Section__head">topics</h2>
                <div class="TopicSection__body Section__body fx-row">
                                                                        <div class="fx-col-50-m">
                                <div class="TopicCard">
                                            <div class="fx-row">
                                                <div class="TopicCard__sub fx-col-22-xs">
																										<a href="https://sanyo-homing.goups.site/%e3%81%be%e3%81%a1%e3%81%8b%e3%81%a9%e7%9b%b8%e8%ab%87%e4%bc%9a%ef%bc%95%e6%9c%88%ef%bc%92%ef%bc%94%e6%97%a5%e5%9c%9f%e3%81%94%e6%9d%a5%e5%a0%b4%e3%81%82%e3%82%8a%e3%81%8c%e3%81%a8%e3%81%86%e3%81%94/" class="pjax" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2025/05/IMG_4663.jpg); "></a>
                                                </div>
                                                <div class="TopicCard__main fx-col-78-xs">
																										<a href="https://sanyo-homing.goups.site/%e3%81%be%e3%81%a1%e3%81%8b%e3%81%a9%e7%9b%b8%e8%ab%87%e4%bc%9a%ef%bc%95%e6%9c%88%ef%bc%92%ef%bc%94%e6%97%a5%e5%9c%9f%e3%81%94%e6%9d%a5%e5%a0%b4%e3%81%82%e3%82%8a%e3%81%8c%e3%81%a8%e3%81%86%e3%81%94/" class="pjax">
																												<p><span class="TopicCard-category topiccategory " style="background-color:#fff;">スタッフブログ</span><span class="TopicCard--date ">2025年05月25日</span>
                                                        </p>
																												<p class="TopicCard--text TopicCard--title ">まちかど相談会５月２４日(土)ご来場ありがとうございました</p>
																												<p class="TopicCard--text">中村屋　東生駒店にて 三陽ホーミング恒例の『まちかど相談会』を開催させて頂きました 今回のチラシ掲載&hellip;</p>
                                                    </a>
                                                </div>
																						</div></div>                            </div>                             <div class="fx-col-50-m">
                                <div class="TopicCard">
                                            <div class="fx-row">
                                                <div class="TopicCard__sub fx-col-22-xs">
																										<a href="https://sanyo-homing.goups.site/%e2%96%a0%e5%a5%88%e8%89%af%e5%b8%82m%e6%a7%98%e9%82%b8%e3%80%80%e5%b1%8b%e6%a0%b9%e8%91%ba%e3%81%8d%e6%9b%bf%e3%81%88%e5%b7%a5%e4%ba%8b%e5%ae%8c%e5%b7%a5%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/" class="pjax" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2025/05/増井邸屋根工事完了.jpg); "></a>
                                                </div>
                                                <div class="TopicCard__main fx-col-78-xs">
																										<a href="https://sanyo-homing.goups.site/%e2%96%a0%e5%a5%88%e8%89%af%e5%b8%82m%e6%a7%98%e9%82%b8%e3%80%80%e5%b1%8b%e6%a0%b9%e8%91%ba%e3%81%8d%e6%9b%bf%e3%81%88%e5%b7%a5%e4%ba%8b%e5%ae%8c%e5%b7%a5%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/" class="pjax">
																												<p><span class="TopicCard-category topiccategory " style="background-color:#fff;">施工ブログ</span><span class="TopicCard--date ">2025年05月22日</span>
                                                        </p>
																												<p class="TopicCard--text TopicCard--title ">■奈良市M様邸　屋根葺き替え工事完工しました</p>
																												<p class="TopicCard--text">奈良市M様邸　屋根葺き替え工事完工しました</p>
                                                    </a>
                                                </div>
																						</div></div>                            </div>                             <div class="fx-col-50-m">
                                <div class="TopicCard">
                                            <div class="fx-row">
                                                <div class="TopicCard__sub fx-col-22-xs">
																										<a href="https://sanyo-homing.goups.site/%e2%96%a0%e5%a5%88%e8%89%af%e5%b8%82m%e6%a7%98%e9%82%b8%e3%80%80%e5%b1%8b%e6%a0%b9%e8%91%ba%e3%81%8d%e6%9b%bf%e3%81%88%e5%b7%a5%e4%ba%8b%e4%b8%ad/" class="pjax" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2025/05/増井邸屋根工事中.jpg); "></a>
                                                </div>
                                                <div class="TopicCard__main fx-col-78-xs">
																										<a href="https://sanyo-homing.goups.site/%e2%96%a0%e5%a5%88%e8%89%af%e5%b8%82m%e6%a7%98%e9%82%b8%e3%80%80%e5%b1%8b%e6%a0%b9%e8%91%ba%e3%81%8d%e6%9b%bf%e3%81%88%e5%b7%a5%e4%ba%8b%e4%b8%ad/" class="pjax">
																												<p><span class="TopicCard-category topiccategory " style="background-color:#fff;">施工ブログ</span><span class="TopicCard--date ">2025年05月19日</span>
                                                        </p>
																												<p class="TopicCard--text TopicCard--title ">■奈良市M様邸　屋根葺き替え工事中</p>
																												<p class="TopicCard--text">奈良市M様邸　屋根葺き替え工事中</p>
                                                    </a>
                                                </div>
																						</div></div>                            </div>                             <div class="fx-col-50-m">
                                <div class="TopicCard">
                                            <div class="fx-row">
                                                <div class="TopicCard__sub fx-col-22-xs">
																										<a href="https://sanyo-homing.goups.site/%e3%81%be%e3%81%a1%e3%81%8b%e3%81%a9%e7%9b%b8%e8%ab%87%e4%bc%9a%ef%bc%95%e6%9c%88%ef%bc%92%ef%bc%94%e6%97%a5%e5%9c%9f%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/" class="pjax" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2025/05/info@sanyo-homing.co_.jp_（株）三陽ホーミング_20250511_091857.jpg); "></a>
                                                </div>
                                                <div class="TopicCard__main fx-col-78-xs">
																										<a href="https://sanyo-homing.goups.site/%e3%81%be%e3%81%a1%e3%81%8b%e3%81%a9%e7%9b%b8%e8%ab%87%e4%bc%9a%ef%bc%95%e6%9c%88%ef%bc%92%ef%bc%94%e6%97%a5%e5%9c%9f%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/" class="pjax">
																												<p><span class="TopicCard-category topiccategory " style="background-color:#fff;">イベント情報</span><span class="TopicCard--date ">2025年05月15日</span>
                                                        </p>
																												<p class="TopicCard--text TopicCard--title ">まちかど相談会５月２４日(土)のお知らせ</p>
																												<p class="TopicCard--text">～三陽ホーミング恒例の『まちかど相談会』のお知らせ～ 三陽ホーミングの『まちかど相談会』~おそうじが&hellip;</p>
                                                    </a>
                                                </div>
																						</div></div>                            </div>                 </div>
                <div class="Section__foot js-customanimation">
                    <div class="animation-container">
                        <div class="animation--item"><a href="https://sanyo-homing.goups.site/topics/" class="check_archive pjax">一覧をチェック</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Section ModelBannerSection">

            <div class="ModelBannerSection__subcontainer">
                <div class="Section__body">
                    <div class="ModelBannerSection__sub"></div>
                    <div class="ModelBannerSection__main">
                        <h2 class="ModelBannerSection__head Section__head js-customanimation CssFadeIn " id="OneCharFadeIn2">
                            <span class="CssFadeIn__item">M</span><span class="CssFadeIn__item">o</span><span class="CssFadeIn__item">d</span><span class="CssFadeIn__item">el</span><span class="CssFadeIn__item">&nbsp;</span><span class="CssFadeIn__item">h</span><span class="CssFadeIn__item">o</span><span class="CssFadeIn__item">u</span><span class="CssFadeIn__item">s</span><span class="CssFadeIn__item">e</span>
                        </h2>
                        </h2>
                        <h4>モデルハウス BaumHaus</h4>
                        <p>「木の窓」と「木の断熱材」でつくる木の家</p>
                        <p>夏はひんやり蔵の中。冬は素足で過ごせる家。奇跡の性能を持つBaum haus</p>
                        <div class="js-customanimation is-animation text-center">
                            <div class="animation-container">
                                <div class="animation--item"><a href="https://sanyo-homing.goups.site/baum-haus/" class="check_archive">内覧ご予約へ</a></div>
                            </div>
                        </div>
                            <div class="js-customanimation is-animation text-center InosLink">
                                <div class="animation-container">
                                    <div class="animation--item"><a href="https://www.inos-ie.com/style/motenahiraya/" class="check_archive" target="_blank">イノスグループへ</a></div>
                                </div>
                            </div>

                    </div>
                </div>

            </div>
        </div>

        <div class="Section GardenWoodenShedSection">


            <div class="GardenWoodenShedSection__subcontainer">
                <div class="Section__body">
                    <div class="GardenWoodenShedSection__sub"></div>
                    <div class="GardenWoodenShedSection__main">
                        <h2 class="GardenWoodenShedSection__head Section__head js-customanimation CssFadeIn " id="OneCharFadeIn3"></span><span class="CssFadeIn__item">w</span><span class="CssFadeIn__item">o</span><span class="CssFadeIn__item">o</span><span class="CssFadeIn__item">d</span><span class="CssFadeIn__item">e</span><span class="CssFadeIn__item">n</span><span class="CssFadeIn__item">&nbsp;</span><span class="CssFadeIn__item">s</span><span class="CssFadeIn__item">h</span><span class="CssFadeIn__item">e</span><span class="CssFadeIn__item">d</span><span class="CssFadeIn__item">s</span></h2>
                        </h2>
                        <h4>木製物置・小屋</h4>
                        <div class="js-customanimation is-animation text-center">
                            <div class="animation-container">
                                <div class="animation--item"><a href="https://sanyo-homing.goups.site/woodensheds/" class="check_archive">一覧表示へ</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Section__foot ">

                </div>
            </div>
        </div>

        <div class="Section BestSelection ">
            
            <h2 class="BestSelection__head Section__head">30周年記念PV</h2>
            <div class="container">
                
                
                <style>
                            /* 動画コンテナのスタイル */
                            .video-container {
                                position: relative;
                                width: 100%;
                                max-width: 1920px;
                                margin: 0 auto;
                                background: #000;
                                overflow: hidden;
                            }

                            /* 16:9のアスペクト比を維持 */
                            .video-container::before {
                                content: "";
                                display: block;
                                padding-top: 56.25%; /* 16:9 Aspect Ratio */
                            }

                            /* 動画要素 */
                            .video-container video {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }

                            /* ローディング画面 */
                            .video-loading-overlay {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(0, 0, 0, 0.8);
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                                z-index: 10;
                                transition: opacity 0.5s ease;
                            }

                            .video-loading-overlay.hidden {
                                opacity: 0;
                                pointer-events: none;
                            }

                            /* スピナー */
                            .loading-spinner {
                                width: 60px;
                                height: 60px;
                                border: 5px solid rgba(255, 255, 255, 0.3);
                                border-top: 5px solid #fff;
                                border-radius: 50%;
                                animation: spin 1s linear infinite;
                                margin-bottom: 20px;
                            }

                            @keyframes spin {
                                0% { transform: rotate(0deg); }
                                100% { transform: rotate(360deg); }
                            }

                            /* プログレスバー */
                            .loading-progress {
                                width: 300px;
                                height: 4px;
                                background: rgba(255, 255, 255, 0.2);
                                border-radius: 2px;
                                overflow: hidden;
                                margin-top: 20px;
                            }

                            .loading-progress-bar {
                                height: 100%;
                                background: #fff;
                                width: 0%;
                                transition: width 0.3s ease;
                            }

                            .loading-text {
                                color: #fff;
                                font-size: 14px;
                                margin-top: 10px;
                            }

                            /* プレースホルダー画像 */
                            .video-placeholder {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                z-index: 1;
                            }

                            /* カスタムコントロール（オプション） */
                            .video-controls {
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                background: transparent;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                opacity: 0;
                                transition: opacity 0.3s;
                                z-index: 5;
                            }

                            /* 動画コンテナにホバーしたら再生ボタンを表示 */
                            .video-container:hover .video-controls {
                                opacity: 1;
                            }

                            /* 音声コントロールボタン */
                            .audio-control {
                                position: absolute;
                                bottom: 20px;
                                right: 20px;
                                width: 40px;
                                height: 40px;
                                background: rgba(0, 0, 0, 0.5);
                                border: 2px solid rgba(255, 255, 255, 0.3);
                                border-radius: 50%;
                                cursor: pointer;
                                transition: all 0.3s ease;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                z-index: 6;
                            }

                            .audio-control:hover {
                                background: rgba(0, 0, 0, 0.7);
                                border-color: rgba(255, 255, 255, 0.5);
                                transform: scale(1.1);
                            }

                            .audio-control svg {
                                width: 20px;
                                height: 20px;
                                fill: rgba(255, 255, 255, 0.8);
                            }

                            /* ボリュームコントロールコンテナ */
                            .volume-control {
                                position: absolute;
                                bottom: 20px;
                                right: 70px;
                                display: flex;
                                align-items: center;
                                background: rgba(0, 0, 0, 0.5);
                                border-radius: 20px;
                                padding: 8px 15px;
                                opacity: 0;
                                visibility: hidden;
                                transition: all 0.3s ease;
                                z-index: 6;
                            }

                            .volume-control.show {
                                opacity: 1;
                                visibility: visible;
                            }

                            .volume-slider {
                                width: 100px;
                                height: 4px;
                                -webkit-appearance: none;
                                appearance: none;
                                background: rgba(255, 255, 255, 0.3);
                                border-radius: 2px;
                                outline: none;
                                cursor: pointer;
                            }

                            .volume-slider::-webkit-slider-thumb {
                                -webkit-appearance: none;
                                appearance: none;
                                width: 14px;
                                height: 14px;
                                border-radius: 50%;
                                background: rgba(255, 255, 255, 0.9);
                                cursor: pointer;
                                transition: all 0.2s ease;
                            }

                            .volume-slider::-webkit-slider-thumb:hover {
                                transform: scale(1.2);
                                background: #fff;
                            }

                            .volume-slider::-moz-range-thumb {
                                width: 14px;
                                height: 14px;
                                border-radius: 50%;
                                background: rgba(255, 255, 255, 0.9);
                                cursor: pointer;
                                transition: all 0.2s ease;
                            }

                            .volume-slider::-moz-range-thumb:hover {
                                transform: scale(1.2);
                                background: #fff;
                            }

                            /* 全画面表示ボタン */
                            .fullscreen-btn {
                                position: absolute;
                                bottom: 20px;
                                right: 70px;
                                width: 40px;
                                height: 40px;
                                background: rgba(0, 0, 0, 0.5);
                                border: 2px solid rgba(255, 255, 255, 0.3);
                                border-radius: 50%;
                                cursor: pointer;
                                transition: all 0.3s ease;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                z-index: 6;
                            }

                            .fullscreen-btn.slide-left {
                                right: 200px;
                            }

                            .fullscreen-btn:hover {
                                background: rgba(0, 0, 0, 0.7);
                                border-color: rgba(255, 255, 255, 0.5);
                                transform: scale(1.1);
                            }

                            .fullscreen-btn svg {
                                width: 20px;
                                height: 20px;
                                fill: rgba(255, 255, 255, 0.8);
                            }

                            /* モーダル用のスタイル */
                            .video-modal {
                                display: none;
                                position: fixed;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(0, 0, 0, 0.95);
                                z-index: 9999;
                                align-items: center;
                                justify-content: center;
                            }

                            .video-modal.active {
                                display: flex;
                            }

                            .modal-video-container {
                                position: relative;
                                width: 90%;
                                max-width: 1400px;
                                margin: auto;
                            }

                            .modal-video-container video {
                                width: 100%;
                                height: auto;
                            }

                            .modal-close {
                                position: absolute;
                                top: 20px;
                                right: 20px;
                                width: 50px;
                                height: 50px;
                                background: rgba(255, 255, 255, 0.1);
                                border: 2px solid rgba(255, 255, 255, 0.3);
                                border-radius: 50%;
                                cursor: pointer;
                                transition: all 0.3s ease;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                z-index: 10000;
                            }

                            .modal-close:hover {
                                background: rgba(255, 255, 255, 0.2);
                                transform: rotate(90deg);
                            }

                            .modal-close::before,
                            .modal-close::after {
                                content: '';
                                position: absolute;
                                width: 24px;
                                height: 2px;
                                background: rgba(255, 255, 255, 0.9);
                            }

                            .modal-close::before {
                                transform: rotate(45deg);
                            }

                            .modal-close::after {
                                transform: rotate(-45deg);
                            }

                            .play-pause-btn {
                                width: 80px;
                                height: 80px;
                                background: rgba(0, 0, 0, 0.5);
                                border: 3px solid #fff;
                                border-radius: 50%;
                                cursor: pointer;
                                transition: all 0.3s ease;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
                            }

                            .play-pause-btn::before {
                                content: '';
                                width: 0;
                                height: 0;
                                border-left: 20px solid #fff;
                                border-top: 12px solid transparent;
                                border-bottom: 12px solid transparent;
                                margin-left: 4px; /* 三角形を少し右に調整 */
                            }

                            .play-pause-btn:hover {
                                background: rgba(0, 0, 0, 0.7);
                                transform: scale(1.1);
                                box-shadow: 0 6px 25px rgba(0, 0, 0, 0.6);
                            }

                            /* 一時停止時のスタイル */
                            .play-pause-btn.playing::before {
                                border: none;
                                width: 6px;
                                height: 24px;
                                background: #fff;
                                margin-left: 0;
                                box-shadow: 10px 0 0 #fff; /* 2本の縦線 */
                            }

                            /* エラーメッセージ */
                            .video-error {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                color: #fff;
                                text-align: center;
                                display: none;
                            }
                        </style>
                        <div class="video-container" id="videoContainer">
                            <!-- プレースホルダー画像（初期表示用） -->
                            <img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/sanyohoming-top-movie-thumb.jpg" class="video-placeholder" alt="動画サムネイル">
                            
                            <!-- ローディング表示 -->
                            <div class="video-loading-overlay" id="loadingOverlay">
                                <div class="loading-spinner"></div>
                                <div class="loading-text">動画を読み込んでいます...</div>
                                <div class="loading-progress">
                                    <div class="loading-progress-bar" id="progressBar"></div>
                                </div>
                                <div class="loading-text" id="loadingPercent">0%</div>
                            </div>
                            
                            <!-- 動画本体 -->
                            <video id="mainVideo"
                                playsinline
                                preload="auto"
                                webkit-playsinline="true"
                                x-webkit-airplay="deny"
                                crossorigin="anonymous"
                                poster="https://sanyo-homing.goups.site/wp-content/themes/barba/images/sanyohoming-top-movie-thumb.jpg">
                                <!-- 解像度別のソース -->
                                <source src="/videos/sanyohoming_mojiari_master_2.mp4" type="video/mp4" media="(min-width: 1920px)">
                                <source src="/videos/sanyohoming_mojiari_master_1.mp4" type="video/mp4" media="(min-width: 1280px)">
                                <source src="/videos/sanyohoming_mojiari_master_1.mp4" type="video/mp4">
                            </video>
                            
                            <!-- カスタムコントロール（オプション） -->
                            <div class="video-controls">
                                <button class="play-pause-btn" id="playPauseBtn"></button>
                            </div>

                            <!-- 音声コントロールボタン -->
                            <button class="audio-control" id="audioControl" title="音声オン/オフ">
                                <!-- ミュート時のアイコン -->
                                <svg id="muteIcon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-7-8l-1.88 1.88L12 7.76zm4.5 8A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"/>
                                </svg>
                                <!-- 音声オン時のアイコン -->
                                <svg id="volumeIcon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="display: none;">
                                    <path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"/>
                                </svg>
                            </button>

                            <!-- ボリュームコントロール -->
                            <div class="volume-control" id="volumeControl">
                                <input type="range" class="volume-slider" id="volumeSlider" min="0" max="100" value="100">
                            </div>

                            <!-- 全画面表示ボタン -->
                            <button class="fullscreen-btn" id="fullscreenBtn" title="全画面表示">
                                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
                                </svg>
                            </button>

                            <!-- エラー表示 -->
                            <div class="video-error" id="videoError">
                                <p>動画の読み込みに失敗しました</p>
                                <button onclick="retryVideoLoad()">再試行</button>
                            </div>
                        </div>

                        <!-- 全画面モーダル -->
                        <div class="video-modal" id="videoModal">
                            <button class="modal-close" id="modalClose"></button>
                            <div class="modal-video-container">
                                <video id="modalVideo" controls>
                                    <source src="/videos/sanyohoming_mojiari_master_2.mp4" type="video/mp4">
                                </video>
                            </div>
                        </div>

                        <!-- JavaScript実装 -->
                        <script>
                            // 動画初期化関数（Barbaからも呼び出せるようにグローバル関数として定義）
                            window.initVideoPlayer = function() {
                                // 動画要素と関連要素を取得
                                const video = document.getElementById('mainVideo');
                            const loadingOverlay = document.getElementById('loadingOverlay');
                            const progressBar = document.getElementById('progressBar');
                            const loadingPercent = document.getElementById('loadingPercent');
                            const placeholder = document.querySelector('.video-placeholder');
                            const playPauseBtn = document.getElementById('playPauseBtn');
                            const videoError = document.getElementById('videoError');
                            const audioControl = document.getElementById('audioControl');
                            const muteIcon = document.getElementById('muteIcon');
                            const volumeIcon = document.getElementById('volumeIcon');
                            const fullscreenBtn = document.getElementById('fullscreenBtn');
                            const videoModal = document.getElementById('videoModal');
                            const modalVideo = document.getElementById('modalVideo');
                            const modalClose = document.getElementById('modalClose');
                            const volumeControl = document.getElementById('volumeControl');
                            const volumeSlider = document.getElementById('volumeSlider');

                            // 読み込み進捗を監視
                            let videoLoadStarted = false;
                            let playbackStarted = false;

                            // 動画のメタデータが読み込まれたとき
                            video.addEventListener('loadedmetadata', () => {
                                // console.log('動画メタデータ読み込み完了');
                                // console.log(`動画の長さ: ${video.duration}秒`);

                                // メタデータ読み込み完了時点で20%のプログレス表示
                                progressBar.style.width = '20%';
                                loadingPercent.textContent = '20%';
                                // console.log('メタデータ読み込み完了: 20%表示');
                            });

                            // 動画データの読み込み進捗（複数の方法で検出）
                            let progressCheckInterval;

                            function updateProgress() {
                                if (video.buffered.length > 0) {
                                    const bufferedEnd = video.buffered.end(video.buffered.length - 1);
                                    const duration = video.duration;
                                    if (duration > 0) {
                                        const percent = (bufferedEnd / duration) * 100;
                                        progressBar.style.width = percent + '%';
                                        loadingPercent.textContent = Math.round(percent) + '%';

                                        // console.log(`読み込み進捗: ${Math.round(percent)}%`);

                                        // 10%読み込まれたら再生を開始（スマホ対応で低く設定）
                                        if (percent > 10 && !playbackStarted) {
                                            startPlayback();
                                            clearInterval(progressCheckInterval);
                                        }
                                    }
                                } else {
                                    // bufferedが使えない場合の代替処理
                                    // console.log('buffered情報が取得できません');
                                    // 5秒後に強制的に再生開始
                                    if (!playbackStarted) {
                                        setTimeout(() => {
                                            if (!playbackStarted) {
                                                // console.log('5秒経過: 強制的に再生を開始');
                                                progressBar.style.width = '100%';
                                                loadingPercent.textContent = '100%';
                                                startPlayback();
                                            }
                                        }, 5000);
                                    }
                                }
                            }

                            video.addEventListener('progress', updateProgress);

                            // 定期的にプログレスをチェック（スマホでprogressイベントが発生しない場合の対策）
                            video.addEventListener('loadstart', () => {
                                // console.log('動画の読み込み開始');
                                progressCheckInterval = setInterval(updateProgress, 500);
                            });

                            // 再生可能になったとき
                            video.addEventListener('canplay', () => {
                                // console.log('動画再生可能');
                                if (!playbackStarted) {
                                    startPlayback();
                                }
                            });

                            // 動画の再生を開始
                            function startPlayback() {
                                playbackStarted = true;
                                loadingOverlay.classList.add('hidden');
                                // プレースホルダーは動画が実際に再生開始するまで残す

                                // PC・スマホ共に手動再生ボタンを表示（自動再生なし）
                                document.querySelector('.video-controls').style.opacity = '1';
                                document.querySelector('.video-controls').style.background = 'transparent';

                                // 音声はデフォルトでオン
                                video.muted = false;
                                video.volume = 1.0;

                                // アイコンは音声オン状態に
                                muteIcon.style.display = 'none';
                                volumeIcon.style.display = 'block';

                                // PCの場合は音声初期化済みとしてマーク
                                const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
                                if (!isMobile) {
                                    audioInitialized = true;
                                }
                            }

                            // 動画が実際に再生開始したときにプレースホルダーを非表示
                            video.addEventListener('playing', () => {
                                placeholder.style.display = 'none';
                            });

                            // 動画が一時停止されたときに再生ボタンを表示
                            video.addEventListener('pause', () => {
                                document.querySelector('.video-controls').style.opacity = '1';
                            });

                            // 動画が再生されたときに再生ボタンを非表示（ホバー時以外）
                            video.addEventListener('play', () => {
                                // ホバー中でなければ非表示にする
                                const videoContainer = document.getElementById('videoContainer');
                                if (!videoContainer.matches(':hover')) {
                                    document.querySelector('.video-controls').style.opacity = '0';
                                }
                            });

                            // 再生/一時停止ボタン
                            playPauseBtn.addEventListener('click', () => {
                                if (video.paused) {
                                    // モバイルデバイスの判定
                                    const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

                                    // スマホの初回再生時は音声を有効にする
                                    if (isMobile && !audioInitialized) {
                                        video.muted = false;
                                        video.volume = 1.0;
                                        muteIcon.style.display = 'none';
                                        volumeIcon.style.display = 'block';
                                        audioInitialized = true;
                                    }

                                    video.play();
                                    // 再生開始後にボタンを非表示（ホバーで再表示可能）
                                    document.querySelector('.video-controls').style.opacity = '0';
                                } else {
                                    video.pause();
                                    // 一時停止時はボタンを表示
                                    document.querySelector('.video-controls').style.opacity = '1';
                                }
                            });

                            // ボリュームスライダーの設定
                            volumeSlider.addEventListener('input', (e) => {
                                e.stopPropagation(); // イベント伝播を止める
                                const volume = e.target.value / 100;
                                video.volume = volume;

                                // ボリュームが0の場合はミュートアイコンを表示
                                if (volume === 0) {
                                    muteIcon.style.display = 'block';
                                    volumeIcon.style.display = 'none';
                                } else if (!video.muted) {
                                    muteIcon.style.display = 'none';
                                    volumeIcon.style.display = 'block';
                                }
                            });

                            // ボリュームコントロールのクリック時にイベント伝播を止める
                            volumeControl.addEventListener('click', (e) => {
                                e.stopPropagation();
                            });

                            // 音声ボタンホバー時にボリュームスライダーを表示
                            let volumeTimeout;

                            audioControl.addEventListener('mouseenter', () => {
                                clearTimeout(volumeTimeout);
                                if (!video.muted) {
                                    // ボリュームスライダーを表示
                                    volumeControl.classList.add('show');
                                    // 全画面ボタンを左に移動
                                    fullscreenBtn.classList.add('slide-left');
                                }
                            });

                            audioControl.addEventListener('mouseleave', () => {
                                volumeTimeout = setTimeout(() => {
                                    volumeControl.classList.remove('show');
                                    // 全画面ボタンを元の位置に戻す
                                    fullscreenBtn.classList.remove('slide-left');
                                }, 1500);
                            });

                            volumeControl.addEventListener('mouseenter', () => {
                                clearTimeout(volumeTimeout);
                                volumeControl.classList.add('show');
                                // 全画面ボタンを左に保持
                                fullscreenBtn.classList.add('slide-left');
                            });

                            volumeControl.addEventListener('mouseleave', () => {
                                volumeTimeout = setTimeout(() => {
                                    volumeControl.classList.remove('show');
                                    // 全画面ボタンを元の位置に戻す
                                    fullscreenBtn.classList.remove('slide-left');
                                }, 1500);
                            });

                            // 音声コントロール - クリックして音声をオン/オフ
                            let audioInitialized = false;

                            audioControl.addEventListener('click', async (e) => {
                                e.stopPropagation(); // イベント伝播を止める

                                if (!audioInitialized) {
                                    // 初回クリック時 - ユーザーインタラクションとして記録
                                    audioInitialized = true;

                                    // 音声を有効化（再生は止めない）
                                    video.muted = false;
                                    video.volume = 1.0;

                                    muteIcon.style.display = 'none';
                                    volumeIcon.style.display = 'block';
                                    volumeControl.classList.add('show'); // ボリュームスライダーを表示
                                    fullscreenBtn.classList.add('slide-left'); // 全画面ボタンを左に移動
                                } else {
                                    // 2回目以降のクリック - 通常のミュート切り替え
                                    if (video.muted || video.volume === 0) {
                                        video.muted = false;
                                        video.volume = volumeSlider.value / 100;
                                        muteIcon.style.display = 'none';
                                        volumeIcon.style.display = 'block';
                                        volumeControl.classList.add('show');
                                        fullscreenBtn.classList.add('slide-left');
                                    } else {
                                        video.muted = true;
                                        muteIcon.style.display = 'block';
                                        volumeIcon.style.display = 'none';
                                        volumeControl.classList.remove('show');
                                        fullscreenBtn.classList.remove('slide-left');
                                    }
                                }
                            });

                            // 全画面表示ボタン
                            fullscreenBtn.addEventListener('click', (e) => {
                                e.stopPropagation(); // イベント伝播を止める

                                // モバイルデバイスの判定
                                const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

                                if (isMobile) {
                                    // モバイルではネイティブ全画面APIを使用
                                    if (video.requestFullscreen) {
                                        video.requestFullscreen();
                                    } else if (video.webkitRequestFullscreen) {
                                        video.webkitRequestFullscreen();
                                    } else if (video.webkitEnterFullscreen) {
                                        // iOS Safari用
                                        video.webkitEnterFullscreen();
                                    }
                                } else {
                                    // デスクトップではモーダルを表示
                                    videoModal.classList.add('active');

                                    // 現在の再生位置を記録
                                    const currentTime = video.currentTime;
                                    const wasPaused = video.paused;
                                    const wasMuted = video.muted;

                                    // メインビデオを一時停止
                                    video.pause();

                                    // モーダルビデオの設定
                                    modalVideo.currentTime = currentTime;
                                    modalVideo.muted = wasMuted;

                                    // モーダルビデオを再生（元が再生中だった場合）
                                    if (!wasPaused) {
                                        modalVideo.play();
                                    }
                                }
                            });

                            // モーダルを閉じる
                            modalClose.addEventListener('click', () => {
                                // 現在の再生位置を記録
                                const currentTime = modalVideo.currentTime;
                                const wasPaused = modalVideo.paused;
                                const wasMuted = modalVideo.muted;

                                // モーダルビデオを一時停止
                                modalVideo.pause();

                                // モーダルを非表示
                                videoModal.classList.remove('active');

                                // メインビデオに位置を同期
                                video.currentTime = currentTime;
                                video.muted = wasMuted;

                                // 音声アイコンの状態を更新
                                if (wasMuted) {
                                    muteIcon.style.display = 'block';
                                    volumeIcon.style.display = 'none';
                                } else {
                                    muteIcon.style.display = 'none';
                                    volumeIcon.style.display = 'block';
                                }

                                // メインビデオを再生（モーダルが再生中だった場合）
                                if (!wasPaused) {
                                    video.play();
                                }
                            });

                            // ESCキーでモーダルを閉じる
                            document.addEventListener('keydown', (e) => {
                                if (e.key === 'Escape' && videoModal.classList.contains('active')) {
                                    modalClose.click();
                                }
                            });

                            // モーダル背景クリックで閉じる
                            videoModal.addEventListener('click', (e) => {
                                if (e.target === videoModal) {
                                    modalClose.click();
                                }
                            });

                            // エラーハンドリング
                            video.addEventListener('error', (e) => {
                                loadingOverlay.style.display = 'none';
                                videoError.style.display = 'block';
                            });

                            // 再試行機能
                            function retryVideoLoad() {
                                videoError.style.display = 'none';
                                loadingOverlay.classList.remove('hidden');
                                progressBar.style.width = '0%';
                                loadingPercent.textContent = '0%';
                                video.load();
                            }

                            // ネットワーク状態の監視
                            video.addEventListener('stalled', () => {
                                // console.log('動画のダウンロードが停止しました');
                            });

                            video.addEventListener('waiting', () => {
                                // console.log('動画の再生待機中');
                            });

                            // 画質の動的切り替え（簡易版）
                            function adjustVideoQuality() {
                                const connectionSpeed = navigator.connection?.effectiveType || '4g';
                                const sources = video.querySelectorAll('source');

                                // 接続速度に応じて適切なソースを選択
                                if (connectionSpeed === 'slow-2g' || connectionSpeed === '2g') {
                                    // 最低画質を使用
                                    video.src = '/videos/sanyohoming_mojiari_master_1.mp4';
                                } else if (connectionSpeed === '3g') {
                                    // 中画質を使用
                                    video.src = '/videos/sanyohoming_mojiari_master_1.mp4';
                                } else {
                                    // 高画質を使用（音声付きの動画を使用）
                                    video.src = '/videos/sanyohoming_mojiari_master_2.mp4';
                                }
                            }

                            // ページ読み込み時に画質調整
                            if ('connection' in navigator) {
                                adjustVideoQuality();
                            }
                            }; // window.initVideoPlayer関数の終了

                            // 初回読み込み時に動画プレイヤーを初期化
                            if (document.readyState === 'loading') {
                                document.addEventListener('DOMContentLoaded', window.initVideoPlayer);
                            } else {
                                window.initVideoPlayer();
                            }
                        </script>
                
                
                <div class="Section__body">
                    <div class="Section__main">
                        <h3>せっかくなら、想いまで形にするリフォームを。</h3>
                        <p class="BestSelectionHeadSubText">どんな小さなご相談でも、私たちはお客様と関わる時間を大切にしています。<br>
                        奈良の街を歩きながら、より良い商品と確かなご提案をお届けできるよう、<br>
                        安全性や耐久性を踏まえた仕様選びにも心を配っています。</p>
                    </div>
                                            <div class="Section__sub">
                            <div class="fx-row BestSelectionImage">
                                <div class="fx-col-50-m SQContainer">
                                    <div class="BestSelectionSQ" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2021/06/11474.jpg);">
                                        <div class="SelectionTitle">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item">
                                                        <p>TDYﾘﾓﾃﾞﾙｽﾏｲﾙ作品ｺﾝﾃｽﾄ審査員奨励賞受賞</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="SelectionComment">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item"><a href="https://sanyo-homing.goups.site/work/tdy%ef%be%98%ef%be%93%ef%be%83%ef%be%9e%ef%be%99%ef%bd%bd%ef%be%8f%ef%bd%b2%ef%be%99%e4%bd%9c%e5%93%81%ef%bd%ba%ef%be%9d%ef%be%83%ef%bd%bd%ef%be%84%e5%af%a9%e6%9f%bb%e5%93%a1%e5%a5%a8%e5%8a%b1/" class=" pjax">more</a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="fx-col-50-m">
                                    <div class="REC" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2025/01/リビング.jpg);">
                                        <div class="SelectionTitle">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item">
                                                        <p>暮らし方を豊かにする理想の住まい</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="SelectionComment">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item"><a href="https://sanyo-homing.goups.site/work/%e6%9a%ae%e3%82%89%e3%81%97%e6%96%b9%e3%82%92%e8%b1%8a%e3%81%8b%e3%81%ab%e3%81%99%e3%82%8b%e7%90%86%e6%83%b3%e3%81%ae%e4%bd%8f%e3%81%be%e3%81%84/" class=" pjax">more</a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="REC" style="background-image: url(https://sanyo-homing.goups.site/wp-content/uploads/2021/04/11137.jpg);">
                                        <div class="SelectionTitle">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item">
                                                        <p>満足のバリアフリーリフォーム</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="SelectionComment">
                                            <div class="js-customanimation">
                                                <div class="animation-container">
                                                    <div class="animation--item"><a href="https://sanyo-homing.goups.site/work/%e6%ba%80%e8%b6%b3%e3%81%ae%e3%83%90%e3%83%aa%e3%82%a2%e3%83%95%e3%83%aa%e3%83%bc%e3%83%aa%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/" class=" pjax">more</a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
                <div class="Section__foot js-customanimation">
                    <div class="animation-container">
                        <div class="animation--item"><a href="https://sanyo-homing.goups.site/work/" class="check_archive pjax">一覧表示へ</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<div class="Contents">
		<div class="Section CatalogSection">
        <style>
            /* 背景動画コンテナ */
#bgVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* コンテンツの背後に配置 */
    overflow: hidden;
}

/* オーバーレイ（動画を暗くしてコンテンツを読みやすくする） */
#bgVideo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 黒の半透明オーバーレイ（50%の暗さ） */
    z-index: 1;
}
/* iframe動画のスタイル */
#bgVideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw; /* 16:9のアスペクト比を維持 */
    min-height: 100vh;
    min-width: 177.77vh; /* 16:9のアスペクト比を維持 */
    pointer-events: none; /* 動画のクリックを無効化 */
}

/* オーバーレイ（オプション：動画を暗くしてコンテンツを読みやすくする） */
#bgVideo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(110, 110, 110, 0.3); /* 黒の半透明オーバーレイ */
    z-index: 1;
}
        </style>
        <div id="bgVideo">
             <video autoplay muted loop playsinline controls> <source src="/videos/sample02.mp4" type="video/mp4"> </video>
</iframe>
        </div>
		<div class="container">
			<h2 class="Section__head" id="CatalogSection__head" style="color:#fff;">catalog</h2>
            <style>#nothover:hover {
                opacity: 1;
            } </style>
			<div class="Section__body"> <a href="https://sanyo-homing.goups.site/request/" class=" pjax" id="nothover" ><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/top_catalog_banner.png" class="pc-tab-only" alt=""><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/top_catalog_banner_sp.png" class="sp-only" alt=""></a> </div>
		</div>
	</div>
	<div class="Section AboutUsSection">
		<div class="container">
<div>
<div id="sb_instagram"  class="sbi sbi_mob_col_2 sbi_tab_col_4 sbi_col_4 sbi_width_resp" style="padding-bottom: 10px;" data-feedid="*1"  data-res="auto" data-cols="4" data-colsmobile="2" data-colstablet="4" data-num="8" data-nummobile="8" data-item-padding="5" data-shortcode-atts="{&quot;feed&quot;:&quot;1&quot;}"  data-postid="17642" data-locatornonce="3ab37e234b" data-imageaspectratio="1:1" data-sbi-flags="favorLocal">
	
    <div id="sbi_images"  style="gap: 10px;">
		    </div>

	<div id="sbi_load" >

	
			<span class="sbi_follow_btn sbi_custom">
        <a href="https://www.instagram.com/sanyo.homing/" style="background: rgb(64,139,209);" target="_blank" rel="nofollow noopener">
            <svg class="svg-inline--fa fa-instagram fa-w-14" aria-hidden="true" data-fa-processed="" aria-label="Instagram" data-prefix="fab" data-icon="instagram" role="img" viewBox="0 0 448 512">
	                <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
	            </svg>            <span>Instagram でフォロー</span>
        </a>
    </span>
	
</div>

	    <span class="sbi_resized_image_data" data-feed-id="*1" data-resized="[]">
	</span>
	</div>

</div>
			<div class="Section__body">
				<div class="fx-row">
					<div class="fx-col-50-m SubSection" id="AboutUsSubSection">
						<div class="SubSection__inner">
							<h3 class="SubSection__head">about us</h3>
							<div class="SubSection__body">
								<div class="SubSection__main">
									<p>奈良、生駒を中心に活動する私達は、お客様のニーズに合わせたリフォームをご提案していく事を第一に満足頂けるようコミニュケーションを大事にし、ご予算、デザイン、使い心地を考えポイントリフォームから全面リフォームまで当社は施工させて頂いております。</p>
								</div>
								<div class="SubSection__extra fx-row FooterBannerContainer">
									<div class="fx-col-33-xs">
										<div class="EachFooterBanner" style="text-align: center;"><a href="https://www.inos-ie.com/ability/" target="_blank"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/inos_thum.png" alt="" style="max-width: 130px; width: 100%;"></a></div>
									</div>
									<div class="fx-col-33-xs">
										<div class="EachFooterBanner" style="text-align: center;"><a href="https://www.lixil-reform.net/scripts/usr/shop_detail.asp?P=926974" target="_blank"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/LRN_0.jpg" alt="" style="    max-width: 100px;"></a></div>
									</div>
									<div class="fx-col-33-xs">
										<div class="EachFooterBanner" style="text-align: center;"><a href="https://jp.toto.com/reform/remodelclub/RC212001/" target="_blank"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/toto_thum.jpg" alt="" style="    max-width: 100px;"></a></div>
									</div>
									<div class="fx-col">
										<div class="EachFooterBanner" style="text-align: center; margin-top:15px;"><a href="https://partnershop.takara-standard.co.jp/shop/862" target="_blank"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/takara_standard_partner.jpg" alt="" style="max-width: 220px !important;"></a></div>
									</div>
								</div>
							</div>
							<div class="SubSection__foot">
								<p><span class="open_time">〒630-0213 奈良県生駒市東生駒1-535 <br>
										TEL.0743-72-2080　FAX.0743-73-1338</span><a href="https://sanyo-homing.goups.site/aboutus/" class="pjax">more</a></p>
							</div>
						</div>
					</div>
					<div class="fx-col-50-m SubSection ShopInfo" id="ShopInfo">
						<div class="SubSection__inner">

							<h3 class="SubSection__head">access</h3>
							<div class="SubSection__body" style="background-image:url(https://sanyo-homing.goups.site/wp-content/themes/barba/images/top_shop_image.png);" id="ShopPhotoBg">
							</div>
							<div class="SubSection__foot">
								<p><span class="open_time">営業時間　AM10:00からPM18:00<br>
										休日&nbsp;第2第4&nbsp;水曜日</span><a href="https://goo.gl/maps/EdwgQp4hsFhTQf6F8" target="_blank">Google Mapで確認</a>
							</div>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="Footer">
		<div class="Footer__head"><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/header_logo-2.svg" alt=""></div>
		<p class="Footer__body">株式会社 三陽ホーミング</p>
	</div>
	<ul class="FooterNav fx-row">
		<li class="FooterNav__item"><a href="https://sanyo-homing.goups.site" class="pjax">home</a></li>
		<li class="FooterNav__item"><a href="https://sanyo-homing.goups.site/topics/" class="pjax">topics</a></li>
		<li class="FooterNav__item"><a href="https://sanyo-homing.goups.site/work/" class="pjax">best selections</a></li>
		<li class="FooterNav__item"><a href="https://sanyo-homing.goups.site/woodensheds/" class="pjax">wooden sheds</a></li>

		<li class="FooterNav__item"><a href="https://sanyo-homing.goups.site/aboutus/" class="pjax">about us</a></li>
	</ul>
	<p class="copyright">Copyright © Sanyo Homing lnc., All Rights Reserved.</p>
	<ul class="sp-only FooterMenuScroll" id="FooterMenuScroll">
		<li class="FooterMenuScroll__item"><a href="https://sanyo-homing.goups.site/request/" class=""><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/footer_siryou.png" alt=""></a></li>
		<li class="FooterMenuScroll__item"><a href="https://sanyo-homing.goups.site/baum-haus/" class=""><img src="https://sanyo-homing.goups.site/wp-content/themes/barba/images/footer_raijou.png" alt=""></a></li>
	</ul>
	<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\/barba\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "https://sanyo-homing.goups.site/wp-admin/admin-ajax.php";
</script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/sanyo-homing.goups.site\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"jqueryUi":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.5" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-content/plugins/contact-form-7-add-confirm/includes/js/scripts.js?ver=5.1" id="contact-form-7-confirm-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script>
<script type="text/javascript" id="jquery-ui-datepicker-js-after">
/* <![CDATA[ */
jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"\u9589\u3058\u308b","currentText":"\u4eca\u65e5","monthNames":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"monthNamesShort":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"nextText":"\u6b21","prevText":"\u524d","dayNames":["\u65e5\u66dc\u65e5","\u6708\u66dc\u65e5","\u706b\u66dc\u65e5","\u6c34\u66dc\u65e5","\u6728\u66dc\u65e5","\u91d1\u66dc\u65e5","\u571f\u66dc\u65e5"],"dayNamesShort":["\u65e5","\u6708","\u706b","\u6c34","\u6728","\u91d1","\u571f"],"dayNamesMin":["\u65e5","\u6708","\u706b","\u6c34","\u6728","\u91d1","\u571f"],"dateFormat":"yy.mm.d","firstDay":1,"isRTL":false});});
/* ]]> */
</script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3" id="jquery-ui-controlgroup-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3" id="jquery-ui-checkboxradio-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3" id="jquery-ui-button-js"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-includes/js/jquery/ui/spinner.min.js?ver=1.13.3" id="jquery-ui-spinner-js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery.ui.datepicker-ja.js?ver=6.8.3" id="jquery.ui.datepicker-ja-js"></script>
<script type="text/javascript" id="sbi_scripts-js-extra">
/* <![CDATA[ */
var sb_instagram_js_options = {"font_method":"svg","resized_url":"https:\/\/sanyo-homing.goups.site\/wp-content\/uploads\/sb-instagram-feed-images\/","placeholder":"https:\/\/sanyo-homing.goups.site\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png","ajax_url":"https:\/\/sanyo-homing.goups.site\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-content/plugins/instagram-feed/js/sbi-scripts.min.js?ver=6.8.0" id="sbi_scripts-js"></script>
	<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/jquery.min.js"></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/anime.min.js"></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/barba_core.js"></script>
<script crossorigin='anonymous' src='https://polyfill-fastly.io/v3/polyfill.min.js?features=Array.prototype.find%2CIntersectionObserver%2CNodeList.prototype.forEach%2Cdefault'></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/promise-6.1.0.min.js"></script>

<link rel="stylesheet" href="https://sanyo-homing.goups.site/wp-content/themes/barba/libs//bxslider/jquery.bxslider.css">
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs//bxslider/jquery.bxslider.min.js"></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/ajaxzip3.js" charset="UTF-8"></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/jquery-easing.js"></script>
<script src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/sticky-scroll.js?date=20251223041322"></script>
<script type="text/javascript" src="https://sanyo-homing.goups.site/wp-content/themes/barba/libs/imagesloaded.pkgd.min.js"></script>

<script>
	document.addEventListener('wpcf7mailsent', function(event) {
		if (document.URL.match(/baum-haus/)) {

			location = 'https://sanyo-homing.goups.site/thankyou-event-confirm/';
		}
		if (document.URL.match(/request/)) {

			location = 'https://sanyo-homing.goups.site/thankyou-request/';
		}
	}, false);
</script>
<script>
	jQuery(function($) {
		$('a.no-barba').on('click', function(e) {
			e.stopPropagation();
		});
		// a hrefがhttps://sanyo-homingで始まっていない物はe.stopPropagation()
		$('a').on('click', function(e) {
			if (!$(this).attr('href').match(/https:\/\/sanyo-homing/)) {
				e.stopPropagation();
			}
		});
		
		$('#postal').on('keyup', function() {
			AjaxZip3.zip2addr('postal', '', 'address01', 'address01');
		});

		//

	
		
		$('input[type="checkbox"] + span').on('click', function() {
			var target = $(this).prev('input[type="checkbox"]').prop('checked', !$(this).prev('input[type="checkbox"]').prop('checked'));
		});
		$('input[type="radio"] + span').on('click', function() {
		
			var target = $(this).prev('input[type="radio"]').prop('checked', !$(this).prev('input[type="radio"]').prop('checked'));
		});
		// $('#StickySidebar').containedStickyScroll({
		// 	duration: 1000, //速度
		// 	closeChar: '',
		// 	easing: 'easeOutBack',
		// 	closeTop: 200
		// });
		//変数設定-->
		var window_default_w,
			window_default_h,
			break_s = 768.9,
			break_m = 940,
			break_l = 1024,
			resize_duration = 300,
			animate_duration = 500,
			fadein_duration = 200,
			$FadeObj,
			dombody,
			useragent = window.navigator.userAgent,
			is_mobile = window.innerWidth <= break_s ? true : false,
			is_touch = useragent.match(/(iPhone|iPod|iPad|Android)/i) ? true : false,
			is_tablet =
			useragent.match(/(iPad|Android)/i) &&
			!useragent.match(/(Android.*Mobile)/i) ?
			true :
			false,
			is_android = useragent.match(/(Android)/i) ? true : false,
			is_oldie = useragent.match(/(MSIE 6|MSIE 7|MSIE 8|MSIE 9|MSIE 10)/i) ?
			true :
			false,
			is_ie10 = useragent.match(/(MSIE 10)/i) ? true : false,
			is_ie11 = useragent.match(/(rv:11)/i) ? true : false,
			is_ratio = window.devicePixelRatio == 2 ? true : false,
			main_config,
			text_config,
			workSlider = null,
			work_slider_config,
			//TopSlide用
			TopSlideContainer,
			ts,
			Rztimer = false,
			l,
			lidx,
			lnext,
			//footerスライダー

			main_config,
			text_config,
			mainSlider = null,
			textSlider = null,
			woodenshadesSlider = null,
			woodenshadesSlider2 = null,
			m_loader = document.querySelector('#m-loader'),
			scroll_body = document.querySelector('body'),
			done,
			beforedone;
		var mmm = 0;
		// console.log(woodenshadesSlider + mmm);
		// console.log('first');
		mmm++;
		//スクロール時にクラスをつける
		$.fn.acs = function(options) {
			var elements = this;
			var defaults = {
				screenPos: 0.8,
				className: 'is-animation',
				bottom: false
			};
			var setting = $.extend(defaults, options);

			if (elements.offset().top < $(window).height() * setting.screenPos) {
				// console.log(elements.offset().top);
				elements.addClass(setting.className);
			} else {
				$(window).on('load scroll', function() {
					add_class_in_scrolling();
				});
			}

			function add_class_in_scrolling() {
				var winScroll = $(window).scrollTop();
				var winHeight = $(window).height();
				var scrollPos = winScroll + winHeight * setting.screenPos;
				if (elements.offset().top < scrollPos) {
					elements.addClass(setting.className);
				}
			}
		};


		//以下、最初にサイトを読み込んだときに実行
		topSlider($('#TopSlideContainer'), '');

		footerAdjust();
		$('.js-customanimation').each(function() {
			$(this).acs({
				screenPos: 0.8
			});
		});
		$(window).on('load scroll', function() {
			var winScroll = $(window).scrollTop();
			var winHeight = $(window).height();

			var topWindow = $(window).scrollTop();

			if (topWindow / winHeight > 0.5) {
				$('#FooterMenuScroll').addClass('now');
			} else {
				$('#FooterMenuScroll').removeClass('now');
			}
		});
		// var ShopPhoto = $('#ShopPhoto');
		// $('#GoogleMap').css('height', ShopPhoto.height() + 'px');
		// footer_slider($('body'));

		$(window).on('resize orientationchange', function() {
			if (Rztimer !== false) {
				clearTimeout(Rztimer);
			}
			Rztimer = setTimeout(function() {
				var window_w = window.innerWidth;
				if (window_w != window_default_w) {
					TopSiderAdjust(window_w, $('#TopSlideContainer'));
					// reload_sliders();
					reload_sliders2();
					footerAdjust();
				}
			}, resize_duration);
		});

		// console.log(woodenshadesSlider + mmm);
		// console.log('second');

		mmm++;
		WoodenShedsSliderFunc2();
		pjax_delete(document.querySelectorAll('a[href]'));

		// console.log(woodenshadesSlider + mmm);
		// console.log('third');

		mmm++;
		enterAnimation();

					barba.init({
			prevent: function(el) {
				el.classList && el.classList.contains('prevent');

			},
			transitions: [{
					leave: function(data) {
						beforedone = this.async();
						scrollTopAnimation(data);
					},
					beforeLeave: function(data) {
						done = this.async();
						closeMenu();
						leaveAnimation(data);
					},
					beforeEnter: function(data) {
						commonBeforeEnterFunc(data);
					},

					enter: function(data) {
						commonEnterFunc(data);

						// console.log(woodenshadesSlider + mmm);
						// console.log('in transition');

						mmm++;
						WoodenShedsSliderFunc($(data.next.container));
						// console.log(woodenshadesSlider + mmm);
						// console.log('forth');

						mmm++;
					},
					after: function(data) {

						scroll_effect($(data.next.container));
					}
				},
				{
					to: {
						namespace: ['home']
					},

					leave: function(data) {
						beforedone = this.async();
						scrollTopAnimation(data);
					},

					beforeLeave: function(data) {
						done = this.async();
						leaveAnimation(data);
					},

					beforeEnter: function(data) {
						commonBeforeEnterFunc(data);
						topSlider(
							$(data.next.container).find('#TopSlideContainer'),
							data.next
						);
					},
					enter: function(data) {
						commonEnterFunc(data);
						// 動画プレイヤーを初期化（ホームページに戻ったとき）
						if (typeof window.initVideoPlayer === 'function') {
							window.initVideoPlayer();
						}
					},

					after: function(data) {
						scroll_effect($(data.next.container));
					}
				}
			]
		});
		

		function footerAdjust() {
			if (window.innerWidth > break_m)
				var photo_height = $('#ShopPhotoBg').outerHeight(),
					about_us_height = $('#AboutUsSubSection .SubSection__body').outerHeight(),
					adjust_h = about_us_height;
			if (photo_height >= about_us_height) {
				adjust_h = photo_height;
			}
			$('#ShopInfo .SubSection__body, #AboutUsSubSection .SubSection__body').css('height', adjust_h + 'px');
		}

		function closeMenu() {
			var checkBoxes = $("input#menu-navibtn");
			checkBoxes.prop("checked", false);
		}

		function commonBeforeEnterFunc(data) {
			//pjax_delete(data.next.container.querySelectorAll('a[href]'));
		}

		function commonEnterFunc(data) {
			replaceHeadTags(data.next);
			enterAnimation(data.next);

			//
		}

		function scrollTopAnimation(data) {
			const animation1 = anime.timeline().add({
				easing: 'easeInOutExpo',
				targets: 'html, body',
				scrollTop: 0,
				complete: function() {
					beforedone();
				}
			});

			return animation1.finished;
		}
		/*
		 * ページ離脱アニメーション
		 * @param {Object} current 離脱するページ（前のページ）の情報
		 * @return Promise
		 */
		function leaveAnimation(current) {
			const animation2 = anime.timeline().add({
				easing: 'easeOutSine',
				targets: m_loader,
				translateY: ['-100vh', '0vh'],
				duration: 200,
				delay: 0,
				complete: function() {
					done();
				}
			});

			return animation2.finished;
		}

		/*
		 * ページ表示アニメーション
		 * @param {Object} next 表示するページ（次のページ）の要素
		 * @return Promise
		 */
		function enterAnimation(next) {
			const animation3 = anime
				.timeline()

				.add({
					easing: 'easeInOutExpo',
					targets: m_loader,
					translateY: ['0vh', '-100vh'],
					duration: 500,
					delay: 100
				});
			return animation3.finished;
		}

		/*
		 * <head>内のタグを入れ替える
		 * @param {Object} target 表示するページ（次のページ）の要素
		 *
		 */
		function replaceHeadTags(target) {
			const $newPageHead = $('<head />').html(
				$.parseHTML(
					target.html.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],
					document,
					true
				)
			);
			const headTags = [
				"meta[name='robots']",
				"meta[name='keywords']",
				"meta[name='description']",
				"meta[property^='og']",
				"meta[name^='twitter']",
				'meta[itemprop]',
				"link[rel='next']",
				"link[rel='prev']",
				"link[rel='alternate']",
				"link[rel='canonical']",
				"script[type='application/ld+json']"
			].join(',');
			// タグを削除
			$('head')
				.find(headTags)
				.remove();
			// タグを追加
			$newPageHead.find(headTags).appendTo('head');
		}

		function pjax_delete(allhref) {
			var linklist = allhref;
			var links = Array.prototype.slice.call(linklist, 0);
			links.forEach(function(elem, index) {
				elem.addEventListener(
					'click',
					function(e) {
						if (e.currentTarget.href === window.location.href) {
							e.preventDefault();
							e.stopPropagation();
							return;
						}
					},
					false
				);
			});
		}

		//スクロール系エフェクト用
		function scroll_effect(nextcontainer) {
			nextcontainer.find('.js-customanimation').each(function() {
				$(this).acs({
					screenPos: 0.8
				});
			});
			// console.log(nextcontainer.find('.js-customanimation').length);
		}

		/*
				トップページスライド用
				*/
		function TopSiderAdjust(window_w, TopSlideContainer) {
			//var TopSlideContainer = $('#TopSlideContainer');
			if (window_w < break_s) {
				TopSlideContainer.css({
					width: '',
					height: ''
				});
			} else {
				TopSlideContainer.css({
					width: '100%',
					height: window_w * 0.5 + 'px'
				});
			}
		}

		function SlideRotation(TopSlideContainer) {
			var l = TopSlideContainer.find('.left'),
				lidx = l.find('li').length,
				lnext = lidx - 1;

			setInterval(function() {
				l.find('li')
					.eq(lidx - 1)
					.addClass('next')
					.removeClass('now');
				l.find('li')
					.eq(lnext - 1)
					.addClass('now')
					.addClass('show');
				if (lnext > 0) {
					l.find('li')
						.eq(lidx)
						.removeClass('show')
						.removeClass('next');
				}
				if (lidx == 5) {
					l.find('li')
						.eq(0)
						.removeClass('show')
						.removeClass('next');
				}

				if (lnext == 1) {
					lidx = lnext;
					lnext = l.find('li').length;
				} else {
					lidx = lnext;
					lnext = lnext - 1;
				}
			}, 4000);
		}

		function topSlider(TopSlideContainer, next) {
			if (TopSlideContainer) {
				var ts;

				var l = TopSlideContainer.find('.left');
				var lidx = l.find('li').length;
				var lnext = lidx - 1;

				TopSiderAdjust(window.innerWidth, TopSlideContainer);
				TopSlideContainer.imagesLoaded(function() {
					TopSlideContainer.stop().animate({
						opacity: 1
					});

					SlideRotation(TopSlideContainer);
				});
			}
		}

		function WoodenShedsSliderFunc(nextcontainer) {

			// console.log(woodenshadesSlider + mmm);
			// console.log('in Func1-1');

			mmm++;
			woodenshadesSlider =
				woodenshadesSlider == null || woodenshadesSlider === undefined ?
				null :
				woodenshadesSlider.destroySlider();
			woodenshadesSlider2 =
				woodenshadesSlider2 == null || woodenshadesSlider2 === undefined ?
				null :
				woodenshadesSlider2.destroySlider();
			if ('' !== nextcontainer.find('#PropSlide').text()) {
				// console.log('in Func1-2');

				if (woodenshadesSlider == null || undefined == woodenshadesSlider) {
					woodenshadesSlider = nextcontainer.find('ul#PropSlide').bxSlider({
						auto: false,
						controls: false,
						minSlides: 1,
						maxSlides: 1,
						moveSlides: 1,
						pagerCustom: '#bxPager'
					});
				}
				if (woodenshadesSlider2 == null || undefined == woodenshadesSlider2) {
					woodenshedsSlider2 = nextcontainer.find('ul#ShedThumbnailSlider').bxSlider({
						auto: false,
						controls: false,
						minSlides: 1,
						maxSlides: 1,
						moveSlides: 1
					});
				}


			}
		}

		function WoodenShedsSliderFunc2() {

			// console.log(woodenshadesSlider + mmm);
			// console.log('in Func2-1');

			mmm++;
			woodenshadesSlider =
				woodenshadesSlider == null || woodenshadesSlider === undefined ?
				null :
				woodenshadesSlider.destroySlider();
			woodenshadesSlider2 =
				woodenshadesSlider2 == null || woodenshadesSlider2 === undefined ?
				null :
				woodenshadesSlider2.destroySlider();

			if ('' !== $('#PropSlide').text()) {
				// console.log('in Func2-2');



				if (woodenshadesSlider == null || undefined == woodenshadesSlider) {
					woodenshadesSlider = $('ul#PropSlide').bxSlider({
						auto: false,
						controls: false,
						minSlides: 1,
						maxSlides: 1,
						moveSlides: 1,
						pagerCustom: '#bxPager'
					});
					$('#bxPager').find('a').each(function() {
						$(this).on('click', function() {
							woodenshadesSlider.goToSlide($(this).attr('data-slide-index'));
						});
					})
				}
				if (woodenshadesSlider2 == null || undefined == woodenshadesSlider2) {
					woodenshedesSlider2 = $('ul#ShedThumbnailSlider').bxSlider({
						auto: false,
						controls: false,
						minSlides: 1,
						maxSlides: 1,
						moveSlides: 1
					});
					$('.bx-pager-item').find('a').each(function() {
						$(this).on('click', function() {
							woodenshedesSlider2.goToSlide($(this).attr('data-slide-index'));
						});
					})
				}



			}
		}


		function reload_sliders2() {}

		function reload_sliders() {
			$('#ImageLayerWrapper .bx-wrapper').unwrap();
			$('#js-ImageLayer')
				.find('li')
				.removeClass('active-slide');
			mainSlider.reloadSlider(main_config);
			textSlider.reloadSlider(text_config);
		}

		function slide_modal_function($obj, nextcontainer) {
			//読み込まれるたびに一旦イベントを削除する
			$obj.find('li.active-slide').off('mousedown');
			$('#BlogModalInner, #BlogModal').off('mousedown');

			$('#BlogModal').on('click', function() {
				$('#BlogModal').fadeOut('fast', function() {
					$(this)
						.stop()
						.animate({
								opacity: 0
							},
							''
						);
					$('body').css({
						'background-color': '',
						'overflow-y': '',
						'margin-right': ''
					});
				});
			});

			function ajax_read($blog_id) {
				var data = $('#ModalContent_id_' + $blog_id);
				$('#BlogModalInner').html(data.html());
				if (!is_mobile) {
					$('body').css({
						'background-color': 'rgb(255, 255, 255)',
						'overflow-y': 'hidden',
						'margin-right': '17px'
					});
				} else {
					$('body').css({
						'background-color': 'rgb(255, 255, 255)',
						'overflow-y': 'hidden'
					});
				}

				$('#BlogModal').fadeIn('fast', function() {
					$(this)
						.stop()
						.animate({
							opacity: 1
						});
				});
				$('#ModalArticleLink')
					.find('div')
					.each(function() {
						$(this).on('click', function(e) {
							e.stopPropagation();

							var id = $(this).attr('data');
							if ('' != id) {
								ajax_read(id);
							}
						});
					});
			}

			$obj.find('li.active-slide').on('mousedown', function(e) {
				e.preventDefault();
				ajax_read($obj.find('li.active-slide').attr('data-blogid'));
			});
		}
	});
</script>
	</body>

	</html>