PageSourceSearch

https://mooponto.com/

html mooponto.com collected 2026-09-25 02:07:19 UTC 167,921 bytes, 2,358 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4<head>
5    <meta charset="UTF-8" />
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7	<meta name="viewport" content="width=device-width, initial-scale=1">
8	<meta name="mobile-web-app-capable" content="yes">
9	<meta name="apple-mobile-web-app-capable" content="yes">
10    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
11    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />
12    <link rel="preconnect" href="https://fonts.gstatic.com"> 
13    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
14    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">
15    
15<script data-ad-client="ca-pub-7237350753813601" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
15
16    		<style type="text/css">
17					.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
18										div.heateor_sss_vertical_sharing  a.heateor_sss_button_instagram span{background:#41E0AB!important;}div.heateor_sss_floating_follow_icons_container a.heateor_sss_button_instagram span{background:#41E0AB;}
19							div.heateor_sss_vertical_sharing a.heateor_sss_button_instagram span:hover{background:#67F7C0!important;}div.heateor_sss_floating_follow_icons_container a.heateor_sss_button_instagram span:hover{background:#67F7C0;}
20				.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{
21							color: #fff;
22						border-width: 0px;
23			border-style: solid;
24			border-color: transparent;
25		}
26					.heateor_sss_horizontal_sharing .heateorSssTCBackground{
27				color:#666;
28			}
29					.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{
30						border-color: transparent;
31		}
32		.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{
33							background-color: #41E0AB!important;
34				background: #41E0AB!important;
35							color: #fff;
36						border-width: 0px;
37			border-style: solid;
38			border-color: transparent;
39		}
40				.heateor_sss_vertical_sharing .heateorSssTCBackground{
41			color:#666;
42		}
43						.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{
44							background-color: #67F7C0!important;
45				background: #67F7C0!important;
46						border-color: transparent;
47		}
48		@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}div.heateorSssSharingArrow{display:none}		</style>
49		<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
50
51	<!-- This site is optimized with the Yoast SEO plugin v20.11 - https://yoast.com/wordpress/plugins/seo/ -->
52	<title>mooponto — Portal for Japanese minimalist architecture</title>
53	<meta name="description" content="Explore the vision behind the modern minimalist Japanese architecture. We showcase projects from Japan and the world by eminent Japanese architects." />
54	<link rel="canonical" href="https://www.mooponto.com/" />
55	<meta property="og:locale" content="en_US" />
56	<meta property="og:type" content="website" />
57	<meta property="og:title" content="mooponto — Portal for Japanese minimalist architecture" />
58	<meta property="og:description" content="Explore the vision behind the modern minimalist Japanese architecture. We showcase projects from Japan and the world by eminent Japanese architects." />
59	<meta property="og:url" content="https://www.mooponto.com/" />
60	<meta property="og:site_name" content="mooponto" />
61	<meta property="article:publisher" content="https://www.facebook.com/mooponto/" />
62	<meta property="article:modified_time" content="2021-01-09T20:51:03+00:00" />
63	<meta name="twitter:card" content="summary_large_image" />
64	<meta name="twitter:site" content="@mooponto" />
65	
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.mooponto.com/","url":"https://www.mooponto.com/","name":"mooponto — Portal for Japanese minimalist architecture","isPartOf":{"@id":"https://www.mooponto.com/#website"},"about":{"@id":"https://www.mooponto.com/#organization"},"datePublished":"2013-03-08T22:19:18+00:00","dateModified":"2021-01-09T20:51:03+00:00","description":"Explore the vision behind the modern minimalist Japanese architecture. We showcase projects from Japan and the world by eminent Japanese architects.","breadcrumb":{"@id":"https://www.mooponto.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.mooponto.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.mooponto.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"home"}]},{"@type":"WebSite","@id":"https://www.mooponto.com/#website","url":"https://www.mooponto.com/","name":"mooponto — Portal for Japanese minimalist architecture","description":"Portal for Japanese minimalist architecture","publisher":{"@id":"https://www.mooponto.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.mooponto.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.mooponto.com/#organization","name":"mooponto","url":"https://www.mooponto.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.mooponto.com/#/schema/logo/image/","url":"https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/L-O-G-O.png","contentUrl":"https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/L-O-G-O.png","width":500,"height":500,"caption":"mooponto"},"image":{"@id":"https://www.mooponto.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/mooponto/","https://twitter.com/mooponto","https://www.instagram.com/mooponto/"]}]}</script>
65
66	<!-- / Yoast SEO plugin. -->
67
68
69<link rel="alternate" type="application/rss+xml" title="mooponto &raquo; Feed" href="https://www.mooponto.com/feed/" />
70<link rel="alternate" type="application/rss+xml" title="mooponto &raquo; Comments Feed" href="https://www.mooponto.com/comments/feed/" />
71		<!-- This site uses the Google Analytics by ExactMetrics plugin v7.18 - Using Analytics tracking - https://www.exactmetrics.com/ -->
vendor: 59 bytes, lines 71-72
71
72							<script src="//www.googletagmanager.com/gtag/js?id=
72G-HLT87ZB2VL
vendor: 91 bytes, lines 72-73
72"  data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script>
73			
73<script data-cfasync="false" data-wpfc-render="false" type="text/javascript">
74				var em_version = '7.18';
75				var em_track_user = true;
76				var em_no_track_reason = '';
77				
78								var disableStrs = [
79										'ga-disable-G-HLT87ZB2VL',
80									];
81
82				/* Function to detect opted out users */
83				function __gtagTrackerIsOptedOut() {
84					for (var index = 0; index < disableStrs.length; index++) {
85						if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
86							return true;
87						}
88					}
89
90					return false;
91				}
92
93				/* Disable tracking if the opt-out cookie exists. */
94				if (__gtagTrackerIsOptedOut()) {
95					for (var index = 0; index < disableStrs.length; index++) {
96						window[disableStrs[index]] = true;
97					}
98				}
99
100				/* Opt-out function */
101				function __gtagTrackerOptout() {
102					for (var index = 0; index < disableStrs.length; index++) {
103						document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
104						window[disableStrs[index]] = true;
105					}
106				}
107
108				if ('undefined' === typeof gaOptout) {
109					function gaOptout() {
110						__gtagTrackerOptout();
111					}
112				}
113								window.dataLayer = window.dataLayer || [];
114
115				window.ExactMetricsDualTracker = {
116					helpers: {},
117					trackers: {},
118				};
119				if (em_track_user) {
120					function __gtagDataLayer() {
121						dataLayer.push(arguments);
122					}
123
124					function __gtagTracker(type, name, parameters) {
125						if (!parameters) {
126							parameters = {};
127						}
128
129						if (parameters.send_to) {
130							__gtagDataLayer.apply(null, arguments);
131							return;
132						}
133
134						if (type === 'event') {
135														parameters.send_to = exactmetrics_frontend.v4_id;
136							var hookName = name;
137							if (typeof parameters['event_category'] !== 'undefined') {
138								hookName = parameters['event_category'] + ':' + name;
139							}
140
141							if (typeof ExactMetricsDualTracker.trackers[hookName] !== 'undefined') {
142								ExactMetricsDualTracker.trackers[hookName](parameters);
143							} else {
144								__gtagDataLayer('event', name, parameters);
145							}
146							
147						} else {
148							__gtagDataLayer.apply(null, arguments);
149						}
150					}
151
152					__gtagTracker('js', new Date());
153					__gtagTracker('set', {
154						'developer_id.dNDMyYj': true,
155											});
156										__gtagTracker('config', 'G-HLT87ZB2VL', {"forceSSL":"true","link_attribution":"true"} );
157															window.gtag = __gtagTracker;										(function () {
158						/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
159						/* ga and __gaTracker compatibility shim. */
160						var noopfn = function () {
161							return null;
162						};
163						var newtracker = function () {
164							return new Tracker();
165						};
166						var Tracker = function () {
167							return null;
168						};
169						var p = Tracker.prototype;
170						p.get = noopfn;
171						p.set = noopfn;
172						p.send = function () {
173							var args = Array.prototype.slice.call(arguments);
174							args.unshift('send');
175							__gaTracker.apply(null, args);
176						};
177						var __gaTracker = function () {
178							var len = arguments.length;
179							if (len === 0) {
180								return;
181							}
182							var f = arguments[len - 1];
183							if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
184								if ('send' === arguments[0]) {
185									var hitConverted, hitObject = false, action;
186									if ('event' === arguments[1]) {
187										if ('undefined' !== typeof arguments[3]) {
188											hitObject = {
189												'eventAction': arguments[3],
190												'eventCategory': arguments[2],
191												'eventLabel': arguments[4],
192												'value': arguments[5] ? arguments[5] : 1,
193											}
194										}
195									}
196									if ('pageview' === arguments[1]) {
197										if ('undefined' !== typeof arguments[2]) {
198											hitObject = {
199												'eventAction': 'page_view',
200												'page_path': arguments[2],
201											}
202										}
203									}
204									if (typeof arguments[2] === 'object') {
205										hitObject = arguments[2];
206									}
207									if (typeof arguments[5] === 'object') {
208										Object.assign(hitObject, arguments[5]);
209									}
210									if ('undefined' !== typeof arguments[1].hitType) {
211										hitObject = arguments[1];
212										if ('pageview' === hitObject.hitType) {
213											hitObject.eventAction = 'page_view';
214										}
215									}
216									if (hitObject) {
217										action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
218										hitConverted = mapArgs(hitObject);
219										__gtagTracker('event', action, hitConverted);
220									}
221								}
222								return;
223							}
224
225							function mapArgs(args) {
226								var arg, hit = {};
227								var gaMap = {
228									'eventCategory': 'event_category',
229									'eventAction': 'event_action',
230									'eventLabel': 'event_label',
231									'eventValue': 'event_value',
232									'nonInteraction': 'non_interaction',
233									'timingCategory': 'event_category',
234									'timingVar': 'name',
235									'timingValue': 'value',
236									'timingLabel': 'event_label',
237									'page': 'page_path',
238									'location': 'page_location',
239									'title': 'page_title',
240								};
241								for (arg in args) {
242																		if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
243										hit[gaMap[arg]] = args[arg];
244									} else {
245										hit[arg] = args[arg];
246									}
247								}
248								return hit;
249							}
250
251							try {
252								f.hitCallback();
253							} catch (ex) {
254							}
255						};
256						__gaTracker.create = newtracker;
257						__gaTracker.getByName = newtracker;
258						__gaTracker.getAll = function () {
259							return [];
260						};
261						__gaTracker.remove = noopfn;
262						__gaTracker.loaded = true;
263						window['__gaTracker'] = __gaTracker;
264					})();
265									} else {
266										console.log("");
267					(function () {
268						function __gtagTracker() {
269							return null;
270						}
271
272						window['__gtagTracker'] = __gtagTracker;
273						window['gtag'] = __gtagTracker;
274					})();
275									}
276			</script>
276
277				<!-- / Google Analytics by ExactMetrics -->
278		
278<script type="text/javascript">
279window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.mooponto.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.13"}};
280/*! This file is auto-generated */
281!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\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!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
282</script>
282
283<style type="text/css">
284img.wp-smiley,
285img.emoji {
286	display: inline !important;
287	border: none !important;
288	box-shadow: none !important;
289	height: 1em !important;
290	width: 1em !important;
291	margin: 0 0.07em !important;
292	vertical-align: -0.1em !important;
293	background: none !important;
294	padding: 0 !important;
295}
296</style>
297	<link rel='stylesheet' id='wp-block-library-css' href='https://www.mooponto.com/wp-includes/css/dist/block-library/style.min.css?ver=6.2.13' type='text/css' media='all' />
298<link rel='stylesheet' id='classic-theme-styles-css' href='https://www.mooponto.com/wp-includes/css/classic-themes.min.css?ver=6.2.13' type='text/css' media='all' />
299<style id='global-styles-inline-css' type='text/css'>
300body{--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%);
300--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--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--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;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.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;}
300.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;}
301.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
302:where(.wp-block-columns.is-layout-flex){gap: 2em;}
303.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
304</style>
305<link rel='stylesheet' id='contact-form-7-css' href='https://www.mooponto.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.7' type='text/css' media='all' />
306<link rel='stylesheet' id='wp-ulike-css' href='https://www.mooponto.com/wp-content/plugins/wp-ulike/assets/css/wp-ulike.min.css?ver=4.6.7' type='text/css' media='all' />
307<link rel='stylesheet' id='blankslate-style-css' href='https://www.mooponto.com/wp-content/themes/mooponto-theme/style.css?ver=6.2.13' type='text/css' media='all' />
308<link rel='stylesheet' id='wpdreams-asl-basic-css' href='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/css/style.basic.css?ver=4.11.2' type='text/css' media='all' />
309<link rel='stylesheet' id='wpdreams-ajaxsearchlite-css' href='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/css/style-simple-grey.css?ver=4.11.2' type='text/css' media='all' />
310<link rel='stylesheet' id='slb_core-css' href='https://www.mooponto.com/wp-content/plugins/simple-lightbox/client/css/app.css?ver=2.9.3' type='text/css' media='all' />
311<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://www.mooponto.com/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.52' type='text/css' media='all' />
312<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/google-analytics-dashboard-for-wp/assets/js/frontend-gtag.js?ver=7.18' id='exactmetrics-frontend-script-js'></script>
vendor: 1 bytes, line 312
312
313<script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='exactmetrics-frontend-script-js-extra'>/* <![CDATA[ */
314var exactmetrics_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/www.mooponto.com","hash_tracking":"false","v4_id":"G-HLT87ZB2VL"};/* ]]> */
315</script>
vendor: 1 bytes, line 315
315
316<script type='text/javascript' src='https://www.mooponto.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script>
vendor: 1 bytes, line 316
316
317<script type='text/javascript' src='https://www.mooponto.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script>
vendor: 1 bytes, line 317
317
318<script type='text/javascript' id='snazzymaps-js-js-extra'>
319/* <![CDATA[ */
320var SnazzyDataForSnazzyMaps = [];
321SnazzyDataForSnazzyMaps={"id":151,"name":"Ultra Light with Labels","description":"Light Rust","url":"https:\/\/snazzymaps.com\/style\/151\/ultra-light-with-labels","imageUrl":"https:\/\/snazzy-maps-cdn.azureedge.net\/assets\/151-ultra-light-with-labels.png?v=20170626083737","json":"[{\"featureType\":\"water\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#e9e9e9\"},{\"lightness\":17}]},{\"featureType\":\"landscape\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":20}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":17}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":29},{\"weight\":0.2}]},{\"featureType\":\"road.arterial\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":18}]},{\"featureType\":\"road.local\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"featureType\":\"poi\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":21}]},{\"featureType\":\"poi.park\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#dedede\"},{\"lightness\":21}]},{\"elementType\":\"labels.text.stroke\",\"stylers\":[{\"visibility\":\"on\"},{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"elementType\":\"labels.text.fill\",\"stylers\":[{\"saturation\":36},{\"color\":\"#333333\"},{\"lightness\":40}]},{\"elementType\":\"labels.icon\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"transit\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f2f2f2\"},{\"lightness\":19}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":20}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":17},{\"weight\":1.2}]}]","views":1246460,"favorites":3675,"createdBy":{"name":"Anonymous","url":null},"createdOn":"2014-11-04T03:01:33.197","tags":["greyscale","light"],"colors":["gray","white"]};
322/* ]]> */
323</script>
vendor: 1 bytes, line 323
323
324<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/snazzy-maps/snazzymaps.js?ver=1.4.0' id='snazzymaps-js-js'></script>
324
325<link rel="https://api.w.org/" href="https://www.mooponto.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.mooponto.com/wp-json/wp/v2/pages/2900" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.mooponto.com/xmlrpc.php?rsd" />
326<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.mooponto.com/wp-includes/wlwmanifest.xml" />
327<meta name="generator" content="WordPress 6.2.13" />
328<link rel='shortlink' href='https://www.mooponto.com/' />
329<link rel="alternate" type="application/json+oembed" href="https://www.mooponto.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mooponto.com%2F" />
330<link rel="alternate" type="text/xml+oembed" href="https://www.mooponto.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mooponto.com%2F&#038;format=xml" />
331
332	<style id="mooponto-custom-css" type="text/css">
333
334	</style>
335					<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
336				<link rel="preload" as="style" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" />
337				<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" media="all" />
338				                <style>
339                    
340					div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label {
341						font-size: 0px !important;
342						color: rgba(0, 0, 0, 0);
343					}
344					div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label:after {
345						font-size: 11px !important;
346						position: absolute;
347						top: 0;
348						left: 0;
349						z-index: 1;
350					}
351					.asl_w_container {
352						width: 100%;
353						margin: 0px 0px 0px 0px;
354						min-width: 200px;
355					}
356					div[id*='ajaxsearchlite'].asl_m {
357						width: 100%;
358					}
359					div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted {
360						font-weight: bold;
361						color: rgba(217, 49, 43, 1);
362						background-color: rgba(238, 238, 238, 1);
363					}
364					div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
365						width: 70px;
366						height: 70px;
367						object-fit: cover;
368					}
369					div.asl_r .results {
370						max-height: none;
371					}
372				
373							.asl_w, .asl_w * {font-family:"DM Sans" !important;}
374							.asl_m input[type=search]::placeholder{font-family:"DM Sans" !important;}
375							.asl_m input[type=search]::-webkit-input-placeholder{font-family:"DM Sans" !important;}
376							.asl_m input[type=search]::-moz-placeholder{font-family:"DM Sans" !important;}
377							.asl_m input[type=search]:-ms-input-placeholder{font-family:"DM Sans" !important;}
378						
379						.asl_m, .asl_m .probox {
380							background-color: rgba(255, 255, 255, 0) !important;
381							background-image: none !important;
382							-webkit-background-image: none !important;
383							-ms-background-image: none !important;
384						}
385					
386						.asl_m .probox svg {
387							fill: rgba(34, 34, 34, 1) !important;
388						}
389						.asl_m .probox .innericon {
390							background-color: rgba(34, 34, 34, 1) !important;
391							background-image: none !important;
392							-webkit-background-image: none !important;
393							-ms-background-image: none !important;
394						}
395					
396						div.asl_r.asl_w.vertical .results .item::after {
397							display: block;
398							position: absolute;
399							bottom: 0;
400							content: '';
401							height: 1px;
402							width: 100%;
403							background: #D8D8D8;
404						}
405						div.asl_r.asl_w.vertical .results .item.asl_last_item::after {
406							display: none;
407						}
408					                </style>
409                <link rel="icon" href="https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/cropped-favicon-32x32.png" sizes="32x32" />
410<link rel="icon" href="https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/cropped-favicon-192x192.png" sizes="192x192" />
411<link rel="apple-touch-icon" href="https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/cropped-favicon-180x180.png" />
412<meta name="msapplication-TileImage" content="https://mooponto.s3.eu-central-1.amazonaws.com/2018/12/11200755/cropped-fav
412icon-270x270.png" />
413		<style type="text/css" id="wp-custom-css">
414			body,html{
415	overflow-x:hidden;
416}
417b, strong {
418	font-weight: 700
419}
420a:hover, a:visited, a:link, a:active
421{
422    text-decoration: none;
423}
424#partner-slider img{
425	width: auto !important;
426	height: auto !important;
427	margin: auto;
428}
429ul.heateor_sss_follow_ul, ul.heateor_sss_sharing_ul {
430	margin: 0px 0!important;
431}
432#office_overlay{
433	display: block !important;
434}
435.content-sec a{
436	color: #41E0AB !important
437}
438#page-content img{
439	width: auto !important;
440	height: auto !important;
441}
442div.asl_w .probox .proloading,
443div.asl_w .probox .proclose {
444    -webkit-box-shadow: inset 0px 0px 0px 1px #41E0AB;
445    box-shadow: inset 0px 0px 0px 1px #41E0AB;
446    margin-left: -1px;
447}
448
449div.asl_m .probox .promagnifier {
450    width: 100px;
451    background: transparent !important;
452    -webkit-box-shadow: inset 0px 0px 0px 1px #41E0AB;
453    box-shadow: inset 0px 0px 0px 1px #41E0AB;
454    margin-left: -1px;
455}
456
457.asl_m .probox .innericon {
458    background: none !important;
459    color: #222 !important;
460}
461
462div.asl_m .probox .promagnifier .innericon svg {
463    display: none;
464}
465
466div.asl_m .probox .promagnifier .innericon:after {
467    content: 'Search';
468    color: #41E0AB !important;
469    position: relative;
470    top: 4px;
471}
472
473#ajaxsearchlite1 .probox .proinput,
474div.asl_w .probox .proinput {
475    color: #222 !important !important;
476    -webkit-box-shadow: inset 0px 0px 0px 1px #41E0AB;
477    box-shadow: inset 0px 0px 0px 1px #41E0AB;
478    margin: 0 !important;
479}
480
481div.asl_w .probox .proloading svg,
482div.asl_m .probox .proclose svg {
483    background: #41E0AB !important;
484}
485
486#ajaxsearchlite1 .probox .proinput input,
487div.asl_w .probox .proinput input {
488    color: #222 !important;
489    font-family: 'DM Sans' !important;
490}
491
492div.asl_m .probox div.asl_simple-circle {
493    border: 4px solid #41E0AB !important;
494}
495.lightboxitem{
496	width: 100% !important;
497}
498.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
499	margin: 0;
500	height: 100%;
501	display: flex;
502	align-items: flex-end;
503	justify-content: flex-start;
504}
505
506.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
507	width: 100% !important;
508	flex: 1;
509	-o-object-fit: cover;
510	object-fit: cover;
511	height: 100% !important;
512}
513body button{
514	outline: none !important;
515  -webkit-box-shadow: none !important;
516  box-shadow: none !important;
517}
518
519
520
521#homepage-slider{
522	display: flex;
523	flex-flow: column;
524  height: 100%;
525}
526#homepage-slider .homepage-box-container{
527	height: calc(100vh - 150px);
528	background-position: center center !important;
529	background-repeat: no-repeat !important;
530	background-size: cover !important;
531}
532.logged-in #homepage-slider .homepage-box-container{
533	height: calc(100vh - 180px); 
534}
535#mooponto-top{
536	padding-right: 35px;
537	padding-left: 35px;
538}
539#mooponto-top.sticky h1{
540	display: none;
541	-webkit-transition: display 0.2s ease-out;
542	-o-transition: display 0.2s ease-out;
543	transition: display 0.2s ease-out;
544}
545#editor-slider .item .simple-tags-label{
546	margin-top: 10px;
547}
548.latest-project-thumb{
549	max-height: 350px;
550	display: block;
551	overflow: hidden;
552}
553#editor-slider .owl-dots{
554	display: none;
555}
556
557
558#more-homepage-btn a:hover{
559	text-decoration: none;
560	color: #41E0AB;
561}
562
563.homepage-latest{
564	margin-bottom: 40px;
565}
566
567#more-homepage-btn a {
568  display: inline-block;
569  text-decoration: none;
570	font-size: 16px !important;
571	line-height:21px;
572	font-family: 'DM Sans';
573	letter-spacing: 0px;
574	color: #222222;
575  padding: 6px 32px 6px 12px;
576  border: 1px solid #41E0AB;
577  margin-bottom: 20px;
578	margin-top: 20px;
579  position: relative;
580}
581
582#more-homepage-btn a:after {
583  content: '';
584  width: 20px;
585  height: 20px;
586  background: #fff;
587  border: 1px solid #41E0AB;
588  transform: rotate(-142deg);
589  position: absolute;
590  border-top: 0;
591  border-left: 0;
592  border-bottom: 0;
593  top: auto;
594  right: -12px;
595  bottom: -9px;
596}
597.more-office-btn a:after {
598  content: '';
599  background: #f8f8f8 !important;
600}
601
602
603.social-menu-content{
604	position: fixed;
605	top: 50%;
606	right: 0;
607	transform: translate(0, -50%);
608	z-index: 12;
609	visibility: hidden;
610  opacity: 0;
611  transition: visibility 0.3s, opacity 0.5s linear;	
612	display: block;
613}
614.social-menu-content ul{
615	position: relative;
616	list-style-type: none;
617	display: block;
618}
619.social-menu-content li{
620	display: inline-block;
621	transform: matrix(0, 1, -1, 0, 0, 0);
622	display:block;
623	width: 100%;
624	padding: 20px 10px;
625	text-align: center;
626}
627.social-menu-content li a{
628	text-align: left;
629	font-size:12px !important;
630	line-height: 26px;
631	font-family: 'DM Sans';
632	letter-spacing: 0px;
633	color: #222222;
634}
635.social-menu-content.cd-is-visible{
636	visibility: visible;
637  opacity: 1;
638	transition: visibility 0.3s, opacity 0.5s linear;	
639}
640.menu-content .container-fluid{
641	height: 100vh;
642}
643.full-height-div{
644	display: flex;
645  flex-flow: column;
646  align-items: stretch;
647	height: 100%;
648}
649.full-height-div #menu-drop-nav{
650	flex: 1 1 auto;
651	flex-grow: 1;
652  overflow: auto;
653}
654.full-height-div .menu-footer{
655	flex: 0 1 200px;
656	min-height: 200px;
657}
658.project_separator_magazine{
659	height: 1px;
660	background:#8AF4D1;
661	width: 100%;
662}
663
664.heateor_sss_vertical_sharing{
665	top: 50% !important;
666	transform: translatey(-50%);
667	z-index: 2000;
668}
669.heateor_sss_vertical_sharing{
670	visibility: hidden;
671opacity: 0;
672transition: visibility 0.3s, opacity 0.5s linear;
673}
674.heateor_sss_vertical_sharing.cd-is-visible{
675	visibility: visible;
676	opacity: 1;
677	transition: visibility 0.3s, opacity 0.5s linear;
678}
679.heateor_sss_vertical_sharing .heateor_sss_sharing_ul li{
680	margin-bottom: 5px !important;
681}
682.heateor_sss_vertical_sharing .heateor_sss_sharing_ul li i{
683	background: #41E0AB !important;
684}
685.social-menu-content li:last-child{
686	padding: 6px 10px;
687}
688#partner-slider .owl-stage {
689  display: flex;
690  align-items: center;
691}
692.content-sec figure{
693	width: 100%;
694}
695.homepage-magazine .item{
696		position: relative !important;
697}
698.homepage-magazine .item a{
699	display: block;
700}
701.homepage-magazine .item .magazine-date span{
702	display: block;
703	font-size: 40px;
704	font-family: 'DM Serif Display', serif;
705}		</style>
706		<style id="kirki-inline-styles"></style></head>
707
708<body class="home page-template page-template-page-templates page-template-homepage page-template-page-templateshomepage-php page page-id-2900 wp-custom-logo">
709
710<div id="sticky-content">
711    <div class="container-fluid" id="mooponto-top">
712        <header class="blog-header">
713            <div class="row flex-nowrap justify-content-between align-items-center">
714                <div class="col-2 pt-1">
715                    <div class="menu-btn" id="menuBtn"> 
716                        <div class="btn-line"></div> 
717                        <div class="btn-line"></div> 
718                    </div> 
719                </div>
720                <div class="col-6 col-xs-6 col-sm-4 text-center pt-1">
721                    
722                    <a class="navbar-brand" rel="home" href="https://www.mooponto.com/" title="mooponto">
723                        <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2020/12/11200731/logotype-522-W.png" alt="mooponto">                    </a>
724
725                    <h1>Portal for Japanese minimalist architecture</h1>                </div>
726                <div class="col-2 d-flex justify-content-end align-items-center">
727                    <div class="search-wrapper" id="searchBtn">
728                        <div class="search">
729                            <div class="search__circle"></div>
730                            <div class="search__rectangle"></div>
731                        </div>
732                    </div>
733                </div>
734            </div>
735        </header>
736    </div>
737
738    <div class="menu-content">
739        <div class="container-fluid">
740            <div class="full-height-div">
741                <div id="menu-drop-nav" class="drop-nav"><ul id="menu-main-menu" class="menu"><li id="menu-item-9340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9340"><a href="https://www.mooponto.com/japanese-architecture/">Architecture</a>
742<ul class="sub-menu">
743	<li id="menu-item-8763" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8763"><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a></li>
744	<li id="menu-item-8755" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8755"><a href="https://www.mooponto.com/architecture/cultural-architecture/">Cultural architecture</a></li>
745	<li id="menu-item-8762" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8762"><a href="https://www.mooponto.com/architecture/religious-architecture/">Religious architecture</a></li>
746	<li id="menu-item-8756" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8756"><a href="https://www.mooponto.com/architecture/educational-architecture/">Educational architecture</a></li>
747	<li id="menu-item-8757" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8757"><a href="https://www.mooponto.com/architecture/healthcare-architecture/">Healthcare architecture</a></li>
748	<li id="menu-item-8759" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8759"><a href="https://www.mooponto.com/architecture/industrial-architecture/">Industrial architecture</a></li>
749	<li id="menu-item-8760" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8760"><a href="https://www.mooponto.com/architecture/institutional-architecture/">Institutional architecture</a></li>
750	<li id="menu-item-8758" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8758"><a href="https://www.mooponto.com/architecture/hospitality-architecture/">Hospitality architecture</a></li>
751	<li id="menu-item-9470" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-9470"><a href="https://www.mooponto.com/architecture/interiors/">Interiors</a></li>
752</ul>
753</li>
754<li id="menu-item-9339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9339"><a href="https://www.mooponto.com/japanese-design/">Design</a>
755<ul class="sub-menu">
756	<li id="menu-item-9813" class="menu-item menu-item-type-taxonomy menu-item-object-design_category menu-item-9813"><a href="https://www.mooponto.com/design/furniture/">Furniture</a></li>
757	<li id="menu-item-9812" class="menu-item menu-item-type-taxonomy menu-item-object-design_category menu-item-9812"><a href="https://www.mooponto.com/design/lighting/">Lighting</a></li>
758	<li id="menu-item-8764" class="menu-item menu-item-type-taxonomy menu-item-object-office_category menu-item-8764"><a href="https://www.mooponto.com/offices/industrial-designers/">Industrial designers</a></li>
759	<li id="menu-item-8765" class="menu-item menu-item-type-taxonomy menu-item-object-office_category menu-item-8765"><a href="https://www.mooponto.com/offices/interior-designers/">Interior designers</a></li>
760	<li id="menu-item-8766" class="menu-item menu-item-type-taxonomy menu-item-object-office_category menu-item-8766"><a href="https://www.mooponto.com/offices/lighting-designers/">Lighting designers</a></li>
761</ul>
762</li>
763<li id="menu-item-9392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9392"><a href="https://www.mooponto.com/magazine/">Magazine</a>
764<ul class="sub-menu">
765	<li id="menu-item-8752" class="menu-item menu-item-type-taxonomy menu-item-object-magazine_category menu-item-8752"><a href="https://www.mooponto.com/magazine/news/">News</a></li>
766	<li id="menu-item-8749" class="menu-item menu-item-type-taxonomy menu-item-object-magazine_category menu-item-8749"><a href="https://www.mooponto.com/magazine/articles/">Articles</a></li>
767	<li id="menu-item-8750" class="menu-item menu-item-type-taxonomy menu-item-object-magazine_category menu-item-8750"><a href="https://www.mooponto.com/magazine/mooponto-interviews/">Interviews</a></li>
768	<li id="menu-item-8751" class="menu-item menu-item-type-taxonomy menu-item-object-magazine_category menu-item-8751"><a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a></li>
769</ul>
770</li>
771<li id="menu-item-9338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9338"><a href="https://www.mooponto.com/offices/">Offices</a>
772<ul class="sub-menu">
773	<li id="menu-item-9341" class="menu-item menu-item-type-taxonomy menu-item-object-office_category menu-item-9341"><a href="https://www.mooponto.com/offices/architects/">Architects</a></li>
774	<li id="menu-item-9342" class="menu-item menu-item-type-taxonomy menu-item-object-office_category menu-item-9342"><a href="https://www.mooponto.com/offices/artists/">Artists</a></li>
775	<li id="menu-item-9840" class="menu-item menu-item-type-taxonomy menu-item-object-office_city menu-item-9840"><a href="https://www.mooponto.com/offices/city/tokyo/">> Tokyo</a></li>
776	<li id="menu-item-9842" class="menu-item menu-item-type-taxonomy menu-item-object-office_city menu-item-9842"><a href="https://www.mooponto.com/offices/city/osaka/">> Osaka</a></li>
777	<li id="menu-item-9841" class="menu-item menu-item-type-taxonomy menu-item-object-office_city menu-item-9841"><a href="https://www.mooponto.com/offices/city/kyoto/">> Kyoto</a></li>
778</ul>
779</li>
780<li id="menu-item-9391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9391"><a href="https://www.mooponto.com/agenda/">Agenda</a>
781<ul class="sub-menu">
782	<li id="menu-item-9641" class="menu-item menu-item-type-taxonomy menu-item-object-agenda_category menu-item-9641"><a href="https://www.mooponto.com/agenda/events/">Events</a></li>
783	<li id="menu-item-9643" class="menu-item menu-item-type-taxonomy menu-item-object-agenda_category menu-item-9643"><a href="https://www.mooponto.com/agenda/lectures/">Lectures</a></li>
784	<li id="menu-item-9642" class="menu-item menu-item-type-taxonomy menu-item-object-agenda_category menu-item-9642"><a href="https://www.mooponto.com/agenda/exhibitions/">Exhibitions</a></li>
785	<li id="menu-item-9644" class="menu-item menu-item-type-taxonomy menu-item-object-agenda_category menu-item-9644"><a href="https://www.mooponto.com/agenda/fairs-conferences/">Fairs + Conferences</a></li>
786</ul>
787</li>
788<li id="menu-item-8744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-8744"><a href="https://www.mooponto.com/explore/">Explore</a>
789<ul class="sub-menu">
790	<li id="menu-item-8745" class="menu-item menu-item-type-taxonomy menu-item-object-architecture_category menu-item-8745"><a href="https://www.mooponto.com/architecture/editors-picks/">Editor&#8217;s picks</a></li>
791</ul>
792</li>
793<li id="menu-item-8788" class="submit-work menu-item menu-item-type-post_type menu-item-object-page menu-item-8788"><a href="https://www.mooponto.com/submit-your-work/">Submit your work</a></li>
794</ul></div>
795                <div class="menu-footer">
796                        <div class="menu-footer-content">
797                            <div id="menu-drop-nav2" class="drop-nav"><ul id="menu-main-sub-menu" class="menu"><li id="menu-item-9248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9248"><a href="https://www.mooponto.com/submit-your-work/">Submit</a></li>
798<li id="menu-item-9615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9615"><a href="https://www.mooponto.com/about-us/">About</a></li>
799<li id="menu-item-9614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9614"><a href="https://www.mooponto.com/contact-us/">Contact</a></li>
800<li id="menu-item-9245" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9245"><a target="_blank" rel="noopener" href="https://buysellads.com/buy/detail/239602">Advertise</a></li>
801<li id="menu-item-9246" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9246"><a target="_blank" rel="noopener" href="https://feeds.feedburner.com/mooponto">RSS</a></li>
802</ul></div>                        
803                            <li id="social_media_widget-5" class="widget-container widget_social_media_widget">        <ul class="office-social">
804                                                                                            <li><a href="https://www.facebook.com/mooponto/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
805                                                                                                                                        <li><a href="https://www.instagram.com/mooponto/" target="_blank"><i class="fab fa-instagram"></i></a></li>
806                                                                                                                                        <li><a href="https://www.pinterest.com/mooponto/" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
807                                                                                                                                        <li><a href="https://twitter.com/mooponto" target="_blank"><i class="fab fa-twitter"></i></a></li>
808                                                                                                                                        <li><a href="https://medium.com/@mooponto" target="_blank"><i class="fab fa-medium-m"></i></a></li>
809                                                                                                                                        <li><a href="https://ello.co/mooponto" target="_blank"><i class="fab fa-ello"></i></a></li>
810                                                    </ul>
811        </li>                        </div>
812                </div>
813            </div>
814        </div>
815    </div>
816
817    <div class="search-content">
818        <div class="container">
819                    <h2>Search</h2>
820                    <div class="asl_w_container asl_w_container_1">
821	<div id='ajaxsearchlite1'
822		 data-id="1"
823		 data-instance="1"
824		 class="asl_w asl_m asl_m_1 asl_m_1_1">
825		<div class="probox">
826
827	
828	<button class='promagnifier' aria-label="Search magnifier button">
829				<div class='innericon'>
830			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
831					<path d="M460.355,421.59L353.844,315.078c20.041-27.553,31.885-61.437,31.885-98.037
832						C385.729,124.934,310.793,50,218.686,50C126.58,50,51.645,124.934,51.645,217.041c0,92.106,74.936,167.041,167.041,167.041
833						c34.912,0,67.352-10.773,94.184-29.158L419.945,462L460.355,421.59z M100.631,217.041c0-65.096,52.959-118.056,118.055-118.056
834						c65.098,0,118.057,52.959,118.057,118.056c0,65.096-52.959,118.056-118.057,118.056C153.59,335.097,100.631,282.137,100.631,217.041
835						z"/>
836				</svg>
837		</div>
838	</button>
839
840	
841	
842	<div class='prosettings' style='display:none;' data-opened=0>
843				<div class='innericon'>
844			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
845					<polygon transform = "rotate(90 256 256)" points="142.332,104.886 197.48,50 402.5,256 197.48,462 142.332,407.113 292.727,256 "/>
846				</svg>
847		</div>
848	</div>
849
850	
851	
852	<div class='proinput'>
853        <form role="search" action='#' autocomplete="off"
854			  aria-label="Search form">
855			<input aria-label="Search input"
856				   type='search' class='orig'
857				   name='phrase'
858				   placeholder='Search here..'
859				   value=''
860				   autocomplete="off"/>
861			<input aria-label="Search autocomplete input"
862				   type='text'
863				   class='autocomplete'
864				   tabindex="-1"
865				   name='phrase'
866				   value=''
867				   autocomplete="off" disabled/>
868			<input type='submit' value="Start search" style='width:0; height: 0; visibility: hidden;'>
869		</form>
870	</div>
871
872	
873	
874	<div class='proloading'>
875
876		<div class="asl_loader"><div class="asl_loader-inner asl_simple-circle"></div></div>
877
878			</div>
879
880			<div class='proclose'>
881			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
882				 y="0px"
883				 width="12" height="12" viewBox="0 0 512 512" enable-background="new 0 0 512 512"
884				 xml:space="preserve">
885				<polygon points="438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 73.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 "/>
886			</svg>
887		</div>
888	
889	
890</div>	</div>
891	<div class='asl_data_container' style="display:none !important;">
892		<div class="asl_init_data wpdreams_asl_data_ct"
893	 style="display:none !important;"
894	 id="asl_init_id_1"
895	 data-asl-id="1"
896	 data-asl-instance="1"
897	 data-asldata="ew0KCSJob21ldXJsIjogImh0dHBzOi8vd3d3Lm1vb3BvbnRvLmNvbS8iLA0KCSJyZXN1bHRzdHlwZSI6ICJ2ZXJ0aWNhbCIsDQoJInJlc3VsdHNwb3NpdGlvbiI6ICJob3ZlciIsDQoJIml0ZW1zY291bnQiOiA0LA0KCSJjaGFyY291bnQiOiAgMCwNCgkiaGlnaGxpZ2h0IjogMCwNCgkiaGlnaGxpZ2h0d2hvbGV3b3JkcyI6IDEsDQoJInNpbmdsZUhpZ2hsaWdodCI6IDAsDQoJInNjcm9sbFRvUmVzdWx0cyI6IHsNCgkJImVuYWJsZWQiOiAwLA0KCQkib2Zmc2V0IjogMA0KCX0sDQoJInJlc3VsdGFyZWFjbGlja2FibGUiOiAxLA0KCSJhdXRvY29tcGxldGUiOiB7DQoJCSJlbmFibGVkIiA6IDEsDQoJCSJsYW5nIiA6ICJlbiIsDQoJCSJ0cmlnZ2VyX2NoYXJjb3VudCIgOiAwDQoJfSwNCgkibW9iaWxlIjogew0KCQkibWVudV9zZWxlY3RvciI6ICIjbWVudS10b2dnbGUiDQoJfSwNCgkidHJpZ2dlciI6IHsNCgkJImNsaWNrIjogImN1c3RvbV91cmwiLA0KCQkiY2xpY2tfbG9jYXRpb24iOiAic2FtZSIsDQoJCSJ1cGRhdGVfaHJlZiI6IDAsDQoJCSJyZXR1cm4iOiAiY3VzdG9tX3VybCIsDQoJCSJyZXR1cm5fbG9jYXRpb24iOiAic2FtZSIsDQoJCSJmYWNldCI6IDEsDQoJCSJ0eXBlIjogMSwNCgkJInJlZGlyZWN0X3VybCI6ICJleHBsb3JlP3NlYXJjaD17cGhyYXNlfSIsDQoJCSJkZWxheSI6IDMwMA0KCX0sDQogICAgImFuaW1hdGlvbnMiOiB7DQogICAgICAgICJwYyI6IHsNCiAgICAgICAgICAgICJzZXR0aW5ncyI6IHsNCiAgICAgICAgICAgICAgICAiYW5pbSIgOiAiZmFkZWRyb3AiLA0KICAgICAgICAgICAgICAgICJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJyZXN1bHRzIiA6IHsNCgkJCQkiYW5pbSIgOiAiZmFkZWRyb3AiLA0KCQkJCSJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJpdGVtcyIgOiAidm9pZGFuaW0iDQogICAgICAgIH0sDQogICAgICAgICJtb2IiOiB7DQogICAgICAgICAgICAic2V0dGluZ3MiOiB7DQogICAgICAgICAgICAgICAgImFuaW0iIDogImZhZGVkcm9wIiwNCiAgICAgICAgICAgICAgICAiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAicmVzdWx0cyIgOiB7DQoJCQkJImFuaW0iIDogImZhZGVkcm9wIiwNCgkJCQkiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAiaXRlbXMiIDogInZvaWRhbmltIg0KICAgICAgICB9DQogICAgfSwNCgkiYXV0b3AiOiB7DQoJCSJzdGF0ZSI6ICJkaXNhYmxlZCIsDQoJCSJwaHJhc2UiOiAiIiwNCgkJImNvdW50IjogMQl9LA0KICAgICJyZXNQYWdlIjogew0KICAgICAgICAidXNlQWpheCI6IDAsDQogICAgICAgICJzZWxlY3RvciI6ICIjbWFpbiIsDQogICAgICAgICJ0cmlnZ2VyX3R5cGUiOiAxLA0KICAgICAgICAidHJpZ2dlcl9mYWNldCI6IDEsDQogICAgICAgICJ0cmlnZ2VyX21hZ25pZmllciI6IDAsDQogICAgICAgICJ0cmlnZ2VyX3JldHVybiI6IDAgICAgfSwNCgkicmVzdWx0c1NuYXBUbyI6ICJsZWZ0IiwNCiAgICAicmVzdWx0cyI6IHsNCiAgICAgICAgIndpZHRoIjogImF1dG8iLA0KICAgICAgICAid2lkdGhfdGFibGV0IjogImF1dG8iLA0KICAgICAgICAid2lkdGhfcGhvbmUiOiAiYXV0byINCiAgICB9LA0KCSJzZXR0aW5nc2ltYWdlcG9zIjogInJpZ2h0IiwNCgkiY2xvc2VPbkRvY0NsaWNrIjogMSwNCgkib3ZlcnJpZGV3cGRlZmF1bHQiOiAwLA0KCSJvdmVycmlkZV9tZXRob2QiOiAiZ2V0Ig0KfQ0K"></div>	<div id="asl_hidden_data">
898		<svg style="position:absolute" height="0" width="0">
899			<filter id="aslblur">
900				<feGaussianBlur in="SourceGraphic" stdDeviation="4"/>
901			</filter>
902		</svg>
903		<svg style="position:absolute" height="0" width="0">
904			<filter id="no_aslblur"></filter>
905		</svg>
906	</div>
907	</div>
908
909	<div id='ajaxsearchliteres1'
910	 class='vertical wpdreams_asl_results asl_w asl_r asl_r_1 asl_r_1_1'>
911
912	
913	<div class="results">
914
915		
916		<div class="resdrg">
917		</div>
918
919		
920	</div>
921
922	
923	
924</div>
925
926	<div id='__original__ajaxsearchlitesettings1'
927		 data-id="1"
928		 class="searchsettings wpdreams_asl_settings asl_w asl_s asl_s_1">
929		<form name='options'
930	  aria-label="Search settings form"
931	  autocomplete = 'off'>
932
933	
934	
935	<input type="hidden" name="filters_changed" style="display:none;" value="0">
936	<input type="hidden" name="filters_initial" style="display:none;" value="1">
937
938	<div class="asl_option_inner hiddend">
939		<input type='hidden' name='qtranslate_lang' id='qtranslate_lang1'
940			   value='0'/>
941	</div>
942
943	
944	
945	<fieldset class="asl_sett_scroll">
946		<legend style="display: none;">Generic selectors</legend>
947		<div class="asl_option">
948			<div class="asl_option_inner">
949				<input type="checkbox" value="exact"
950					   aria-label="Exact matches only"
951					   name="asl_gen[]" />
952				<div class="asl_option_checkbox"></div>
953			</div>
954			<div class="asl_option_label">
955				Exact matches only			</div>
956		</div>
957		<div class="asl_option">
958			<div class="asl_option_inner">
959				<input type="checkbox" value="title"
960					   aria-label="Search in title"
961					   name="asl_gen[]"  checked="checked"/>
962				<div class="asl_option_checkbox"></div>
963			</div>
964			<div class="asl_option_label">
965				Search in title			</div>
966		</div>
967		<div class="asl_option">
968			<div class="asl_option_inner">
969				<input type="checkbox" value="content"
970					   aria-label="Search in content"
971					   name="asl_gen[]"  checked="checked"/>
972				<div class="asl_option_checkbox"></div>
973			</div>
974			<div class="asl_option_label">
975				Search in content			</div>
976		</div>
977		<div class="asl_option_inner hiddend">
978			<input type="checkbox" value="excerpt"
979				   aria-label="Search in excerpt"
980				   name="asl_gen[]"  checked="checked"/>
981			<div class="asl_option_checkbox"></div>
982		</div>
983	</fieldset>
984	<fieldset class="asl_sett_scroll">
985		<legend style="display: none;">Post Type Selectors</legend>
986					<div class="asl_option_inner hiddend">
987				<input type="checkbox" value="office"
988					   aria-label="Hidden option, ignore please"
989					   name="customset[]" checked="checked"/>
990			</div>
991						<div class="asl_option_inner hiddend">
992				<input type="checkbox" value="architecture"
993					   aria-label="Hidden option, ignore please"
994					   name="customset[]" checked="checked"/>
995			</div>
996						<div class="asl_option_inner hiddend">
997				<input type="checkbox" value="design"
998					   aria-label="Hidden option, ignore please"
999					   name="customset[]" checked="checked"/>
1000			</div>
1001						<div class="asl_option_inner hiddend">
1002				<input type="checkbox" value="magazine"
1003					   aria-label="Hidden option, ignore please"
1004					   name="customset[]" checked="checked"/>
1005			</div>
1006						<div class="asl_option_inner hiddend">
1007				<input type="checkbox" value="agenda"
1008					   aria-label="Hidden option, ignore please"
1009					   name="customset[]" checked="checked"/>
1010			</div>
1011						<div class="asl_option_inner hiddend">
1012				<input type="checkbox" value="publication"
1013					   aria-label="Hidden option, ignore please"
1014					   name="customset[]" checked="checked"/>
1015			</div>
1016				</fieldset>
1017	</form>
1018	</div>
1019</div>                    </p>Use our <a href="/explore">Advanced Search</a> for better results</p>
1020        </div>
1021    </div>
1022</div>
1023
1024<div class="toggle-content">
1025    <div class="container">
1026        <div class="nav-scroller" id="mainNavigation">
1027            <nav class="navbar text-center navbar-expand-md navbar-light justify-content-center" role="navigation">
1028                <div class="container">
1029                    <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul id="menu-main-menu-1" class="nav navbar-nav" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-9340 nav-item"><a href="https://www.mooponto.com/japanese-architecture/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-9340"><span itemprop="name">Architecture</span></a></li>
1030<li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-9339 nav-item"><a href="https://www.mooponto.com/japanese-design/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-9339"><span itemprop="name">Design</span></a></li>
1031<li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-9392 nav-item"><a href="https://www.mooponto.com/magazine/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-9392"><span itemprop="name">Magazine</span></a></li>
1032<li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-9338 nav-item"><a href="https://www.mooponto.com/offices/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-9338"><span itemprop="name">Offices</span></a></li>
1033<li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-939
10331 nav-item"><a href="https://www.mooponto.com/agenda/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-9391"><span itemprop="name">Agenda</span></a></li>
1034<li  class="menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-8744 nav-item"><a href="https://www.mooponto.com/explore/" aria-haspopup="true" aria-expanded="false" class="nav-link" id="menu-item-dropdown-8744"><span itemprop="name">Explore</span></a></li>
1035<li  class="submit-work menu-item menu-item-type-post_type menu-item-object-page menu-item-8788 nav-item"><a itemprop="url" href="https://www.mooponto.com/submit-your-work/" class="nav-link"><span itemprop="name">Submit your work</span></a></li>
1036</ul></div>                </div>
1037            </nav>
1038        </div>
1039    </div>
1040</div>
1041
1042    <div id="wrapper" class="main-content">
1043        <div id="main-container">
1044
1045
1046    
1047        <div class="containers-fluid wow slideInUp" id="trigger1">
1048                        <div class="owl-carousel owl-theme" id="homepage-slider">
1049            
1050
1051            
1052                <div class="item">
1053                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/22024126/07-white-collage-keikichi-yamauchi-architect-and-associates_mooponto.jpg')">
1054                        <a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/">
1055                                                    </a>
1056                        <div class="homepage-box-title">
1057                            <div class="container">
1058                                <div class="homepage-b-title">
1059                                    <span><a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/">White Collage | Keikichi Yamauchi architect and associates</a></span>
1060                                    <a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1061                                </div>
1062                            </div>
1063                        </div>
1064
1065                    </div>
1066                    
1067                </div>
1068            
1069
1070            
1071                <div class="item">
1072                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200829/04-cube-court-house-shinichi-ogawa-associates_mooponto.jpg')">
1073                        <a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">
1074                                                    </a>
1075                        <div class="homepage-box-title">
1076                            <div class="container">
1077                                <div class="homepage-b-title">
1078                                    <span><a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">S RESIDENCE | Shinichi Ogawa &#038; Associates</a></span>
1079                                    <a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1080                                </div>
1081                            </div>
1082                        </div>
1083
1084                    </div>
1085                    
1086                </div>
1087            
1088
1089            
1090                <div class="item">
1091                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200838/01-house-in-sakurashinmachi-comma-design-office_mooponto.jpg')">
1092                        <a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/">
1093                                                    </a>
1094                        <div class="homepage-box-title">
1095                            <div class="container">
1096                                <div class="homepage-b-title">
1097                                    <span><a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/">House in Sakurashinmachi | comma design office</a></span>
1098                                    <a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1099                                </div>
1100                            </div>
1101                        </div>
1102
1103                    </div>
1104                    
1105                </div>
1106            
1107
1108            
1109                <div class="item">
1110                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto.jpg')">
1111                        <a href="https://www.mooponto.com/architecture/tiny-house-in-kobe-fujiwaramuro-architects/">
1112                                                    </a>
1113                        <div class="homepage-box-title">
1114                            <div class="container">
1115                                <div class="homepage-b-title">
1116                                    <span><a href="https://www.mooponto.com/architecture/tiny-house-in-kobe-fujiwaramuro-architects/">Tiny House in Kobe | FujiwaraMuro Architects</a></span>
1117                                    <a href="https://www.mooponto.com/architecture/tiny-house-in-kobe-fujiwaramuro-architects/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1118                                </div>
1119                            </div>
1120                        </div>
1121
1122                    </div>
1123                    
1124                </div>
1125            
1126
1127            
1128                <div class="item">
1129                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200904/03-clementine-t-lex-brain-design-office_mooponto.jpg')">
1130                        <a href="https://www.mooponto.com/architecture/clementine-t-lex-brain-design-office/">
1131                                                    </a>
1132                        <div class="homepage-box-title">
1133                            <div class="container">
1134                                <div class="homepage-b-title">
1135                                    <span><a href="https://www.mooponto.com/architecture/clementine-t-lex-brain-design-office/">Clementine | T-LEX Brain. design office</a></span>
1136                                    <a href="https://www.mooponto.com/architecture/clementine-t-lex-brain-design-office/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1137                                </div>
1138                            </div>
1139                        </div>
1140
1141                    </div>
1142                    
1143                </div>
1144            
1145
1146            
1147                <div class="item">
1148                    <div class="homepage-box-container" style="background: url('https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200912/01-tama-n-sinato_mooponto.jpg')">
1149                        <a href="https://www.mooponto.com/architecture/tama-n-sinato/">
1150                                                    </a>
1151                        <div class="homepage-box-title">
1152                            <div class="container">
1153                                <div class="homepage-b-title">
1154                                    <span><a href="https://www.mooponto.com/architecture/tama-n-sinato/">Tama N | sinato</a></span>
1155                                    <a href="https://www.mooponto.com/architecture/tama-n-sinato/" class="view-btn"><i class="fas fa-arrow-right"></i></a>
1156                                </div>
1157                            </div>
1158                        </div>
1159
1160                    </div>
1161                    
1162                </div>
1163                 
1164
1165    
1166            </div>
1167        </div>
1168      
1169     
1170
1171        
1172
1173    <div class="homepage-editor-picks wow slideInUp" id="trigger2">
1174        <div class="container">
1175            <div class="row">
1176                <div class="col-sm-12">
1177                    <h4 class="page-title"><span class="text_bg">Editor's picks</span><span class="green_bg"></span></h4>
1178                </div>
1179            </div>
1180                            <div class="owl-carousel owl-theme editor-slider" id="editor-slider">
1181                                    
1182                    <div class="item">
1183                        <a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">
1184                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200829/04-cube-court-house-shinichi-ogawa-associates_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1185
1186                                                                                            
1187                                <div class="simple-tags-label">
1188                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1189                                
1190                        <h4><a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">S RESIDENCE | Shinichi Ogawa &#038; Associates</a></h4>
1191                        <div class="item-excerpt">S RESIDENCE built close to the mountain has a glazed wall running across one side of the unit to provide an unstructured view of the natural landscape.</div>
1192                    </div>
1193                    
1194                                    
1195                    <div class="item">
1196                        <a href="https://www.mooponto.com/architecture/kawate-keitaro-muto-architects/">
1197                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200941/07-kawate-keitaro-muto-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1198
1199                                                                                            
1200                                <div class="simple-tags-label">
1201                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1202                                
1203                        <h4><a href="https://www.mooponto.com/architecture/kawate-keitaro-muto-architects/">KAWATE | KEITARO MUTO ARCHITECTS</a></h4>
1204                        <div class="item-excerpt">KAWATE house is a unit with a cantilevered story that provides shelter for the family to play. The floating theme extends to the inside with the staircase.</div>
1205                    </div>
1206                    
1207                                    
1208                    <div class="item">
1209                        <a href="https://www.mooponto.com/architecture/slit-house-eastern-design-office/">
1210                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/06/11201010/02-sl
1210it-house-eastern-design-office_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1211
1212                                                                                            
1213                                <div class="simple-tags-label">
1214                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1215                                
1216                        <h4><a href="https://www.mooponto.com/architecture/slit-house-eastern-design-office/">Slit house | EASTERN design office</a></h4>
1217                        <div class="item-excerpt">Slit house has a facade with 60 slated and angled slashes replacing the windows. The interior walls are made of wood so that they can be easily replaced.</div>
1218                    </div>
1219                    
1220                                    
1221                    <div class="item">
1222                        <a href="https://www.mooponto.com/architecture/f-white-takuro-yamamoto-architects/">
1223                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/05/11201026/08-f-white-takuro-yamamoto-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1224
1225                                                                                            
1226                                <div class="simple-tags-label">
1227                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1228                                
1229                        <h4><a href="https://www.mooponto.com/architecture/f-white-takuro-yamamoto-architects/">F-WHITE | Takuro Yamamoto Architects</a></h4>
1230                        <div class="item-excerpt">F-WHITE house is built on an unusually large plot with the rectangular courtyard in the center providing the unit with natural light.</div>
1231                    </div>
1232                    
1233                                    
1234                    <div class="item">
1235                        <a href="https://www.mooponto.com/architecture/folm-arts-tsubasa-iwahashi-architects/">
1236                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/05/11201042/07-folm-arts-tsubasa-iwahashi-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1237
1238                                                                                            
1239                                <div class="simple-tags-label">
1240                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/hospitality-architecture/">Hospitality architecture</a>                                </div>
1241                                
1242                        <h4><a href="https://www.mooponto.com/architecture/folm-arts-tsubasa-iwahashi-architects/">folm arts | Tsubasa Iwahashi Architects</a></h4>
1243                        <div class="item-excerpt">folm arts is a renovated beauty salon, redesigned for its tenth anniversary since opening. The unit is in the form of a tunnel and has a simple design.</div>
1244                    </div>
1245                    
1246                                    
1247                    <div class="item">
1248                        <a href="https://www.mooponto.com/architecture/sunnyhills-at-minami-aoyama-kengo-kuma-associates/">
1249                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/03/11201139/08-sunnyhills-at-minami-aoyama-kengo-kuma-associates_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1250
1251                                                                                            
1252                                <div class="simple-tags-label">
1253                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/hospitality-architecture/">Hospitality architecture</a>                                </div>
1254                                
1255                        <h4><a href="https://www.mooponto.com/architecture/sunnyhills-at-minami-aoyama-kengo-kuma-associates/">SunnyHills at Minami-Aoyama | Kengo Kuma &#038; Associates</a></h4>
1256                        <div class="item-excerpt">SunnyHills at Minami-Aoyama is a three-dimensional cake shop in the shape of a bamboo basket with wooden strips of different sizes to create many layers.</div>
1257                    </div>
1258                    
1259                                    
1260                    <div class="item">
1261                        <a href="https://www.mooponto.com/architecture/tato-house-tato-architects/">
1262                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/01/11201222/16-tato-house-tato-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1263
1264                                                                                            
1265                                <div class="simple-tags-label">
1266                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1267                                
1268                        <h4><a href="https://www.mooponto.com/architecture/tato-house-tato-architects/">Tato House | Tato Architects / Yo Shimada</a></h4>
1269                        <div class="item-excerpt">Tato House consists of the west and the east part connected with the stairwell. It has a view of the downtown, the sea, and the mountain.</div>
1270                    </div>
1271                    
1272                                    
1273                    <div class="item">
1274                        <a href="https://www.mooponto.com/architecture/villa-kanousan-yuusuke-karasawa-architects/">
1275                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/12/11201732/02-villa-kanousan-yuusuke-karasawa-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1276
1277                                                                                            
1278                                <div class="simple-tags-label">
1279                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1280                                
1281                        <h4><a href="https://www.mooponto.com/architecture/villa-kanousan-yuusuke-karasawa-architects/">
1281villa kanousan | Yuusuke Karasawa Architects</a></h4>
1282                        <div class="item-excerpt">villa kanousan is a cottage sitting in the mountains, divided into eight portions. The three-dimensional holes enable the view of the rooms across floors.</div>
1283                    </div>
1284                    
1285                                    
1286                    <div class="item">
1287                        <a href="https://www.mooponto.com/architecture/white-cave-house-takuro-yamamoto-architects/">
1288                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/11/11201759/13-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1289
1290                                                                                            
1291                                <div class="simple-tags-label">
1292                                    <a href="https://www.mooponto.com/architecture/editors-picks/">Editor's picks</a><span>&#8212;</span><a href="https://www.mooponto.com/architecture/residential-architecture/">Residential architecture</a>                                </div>
1293                                
1294                        <h4><a href="https://www.mooponto.com/architecture/white-cave-house-takuro-yamamoto-architects/">White Cave House | Takuro Yamamoto Architects</a></h4>
1295                        <div class="item-excerpt">White Cave House consists of several multi-purpose interconnected voids serving as a parking space and an area through which snow can be cleaned.</div>
1296                    </div>
1297                    
1298                                </div>
1299               
1300             
1301
1302            <div class="row">
1303                <div class="col-sm-12 text-center" id="more-homepage-btn">
1304                    <a href="https://www.mooponto.com/architecture/editors-picks/">More projects</a>
1305                </div>
1306            </div>
1307        </div>
1308    </div>   
1309
1310        
1311 
1312    <div id="trigger1" class="homepage-magazine">
1313        <div class="container">
1314            <div class="row">
1315                <div class="col-sm-12">
1316                    <h4 class="page-title"><span class="text_bg">mooponto's Magazine</span><span class="green_bg"></span></h4>
1317                </div>
1318            </div>
1319            			 	<div class="owl-carousel owl-theme editor-slider2" id="editor-slider">
1320							
1321			            <div class="item">
1322                        <a href="https://www.mooponto.com/magazine/sanaa-wins-competition-to-design-shenzhen-maritime-museum-in-china/">
1323                            <div class="magazine-date">Mar<span>28</span></div>
1324                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/28212400/02-SANAA-Wins-Competition-to-Design-Shenzhen-Maritime-Museum-in-China_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="SANAA Wins Competition to Design Shenzhen Maritime Museum in China" decoding="async" loading="lazy" 0="" />                        </a>
1325
1326                                                                                            
1327                                <div class="simple-tags-label">
1328                                    <a href="https://www.mooponto.com/magazine/news/">News</a>                                </div>
1329                                
1330                        <h4><a href="https://www.mooponto.com/magazine/sanaa-wins-competition-to-design-shenzhen-maritime-museum-in-china/">SANAA Wins Competition to Design Shenzhen Maritime Museum in China</a></h4>
1331                        <div class="item-excerpt">Kazuyo Sejima + Ryue Nishizawa / SANAA has won the architectural competition for the Shenzhen Maritime Museum with its project The Cloud on the Ocean.</div>
1332                    </div>
1333					
1334							
1335			            <div class="item">
1336                        <a href="https://www.mooponto.com/magazine/house-feurstein-innauer-matt-architekten/">
1337                            <div class="magazine-date">Dec<span>22</span></div>
1338                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/12/11200816/05-house-feurstein-innauer-matt-architekten_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" 0="" />                        </a>
1339
1340                                                                                            
1341                                <div class="simple-tags-label">
1342                                    <a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a><span>&#8212;</span><a href="https://www.mooponto.com/magazine/residential/">residential</a>                                </div>
1343                                
1344                        <h4><a href="https://www.mooponto.com/magazine/house-feurstein-innauer-matt-architekten/">House Feurstein | Innauer-Matt Architekten</a></h4>
1345                        <div class="item-excerpt">
1345House Feurstein was built on the structure of the demolished unit. The interior is made of plywood, wood, and concrete, providing a warm atmosphere.</div>
1346                    </div>
1347					
1348							
1349			            <div class="item">
1350                        <a href="https://www.mooponto.com/magazine/villa-kallioniemi-k2s-architects/">
1351                            <div class="magazine-date">Oct<span>05</span></div>
1352                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/09/11200847/01-villa-kallioniemi-k2s-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" 0="" />                        </a>
1353
1354                                                                                            
1355                                <div class="simple-tags-label">
1356                                    <a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a><span>&#8212;</span><a href="https://www.mooponto.com/magazine/residential/">residential</a>                                </div>
1357                                
1358                        <h4><a href="https://www.mooponto.com/magazine/villa-kallioniemi-k2s-architects/">Villa Kallioniemi | K2S Architects</a></h4>
1359                        <div class="item-excerpt">Villa Kallioniemi reflects a simple Finnish traditional design. It's minimalist, made of wood, and has a breathtaking view of the seascape.</div>
1360                    </div>
1361					
1362							
1363			            <div class="item">
1364                        <a href="https://www.mooponto.com/magazine/house-dz-graux-baeyens-architecten/">
1365                            <div class="magazine-date">Sep<span>21</span></div>
1366                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/09/11200852/03-house-dz-graux-baeyens-architecten_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" 0="" />                        </a>
1367
1368                                                                                            
1369                                <div class="simple-tags-label">
1370                                    <a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a><span>&#8212;</span><a href="https://www.mooponto.com/magazine/residential/">residential</a>                                </div>
1371                                
1372                        <h4><a href="https://www.mooponto.com/magazine/house-dz-graux-baeyens-architecten/">house DZ | GRAUX &#038; BAEYENS architecten</a></h4>
1373                        <div class="item-excerpt">house DZ utilizes the small plot by organizing rooms into different cubic volumes. The protruding walls have huge windows for maximum light.</div>
1374                    </div>
1375					
1376							
1377			            <div class="item">
1378                        <a href="https://www.mooponto.com/magazine/freudenau-mill-furrer-jud-architekten/">
1379                            <div class="magazine-date">Sep<span>13</span></div>
1380                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/09/11200900/06-freudenau-mill-furrer-jud-architekten_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" 0="" />                        </a>
1381
1382                                                                                            
1383                                <div class="simple-tags-label">
1384                                    <a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a><span>&#8212;</span><a href="https://www.mooponto.com/magazine/mixed-use/">mixed use</a>                                </div>
1385                                
1386                        <h4><a href="https://www.mooponto.com/magazine/freudenau-mill-furrer-jud-architekten/">Freudenau Mill | Furrer Jud Architekten</a></h4>
1387                        <div class="item-excerpt">Freudenau Mill building is located in the formal industrial area and consists of three separate annexes positioned 
1387stepwise in height.</div>
1388                    </div>
1389					
1390							
1391			            <div class="item">
1392                        <a href="https://www.mooponto.com/magazine/house-in-lisbon-arx-portugal-arquitectos/">
1393                            <div class="magazine-date">Aug<span>05</span></div>
1394                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200925/08-house-in-lisbon-arx-portugal-arquitectos_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" 0="" />                        </a>
1395
1396                                                                                            
1397                                <div class="simple-tags-label">
1398                                    <a href="https://www.mooponto.com/magazine/minimalist-architecture/">MINIMALIST architecture</a><span>&#8212;</span><a href="https://www.mooponto.com/magazine/residential/">residential</a>                                </div>
1399                                
1400                        <h4><a href="https://www.mooponto.com/magazine/house-in-lisbon-arx-portugal-arquitectos/">House in Lisbon | ARX PORTUGAL Arquitectos</a></h4>
1401                        <div class="item-excerpt">House in Lisbon has two different facades to meet the needs for privacy and openness while reflecting Lisbon traditions and Portuguese design.</div>
1402                    </div>
1403					
1404							</div>
1405			 
1406             
1407            <div class="row">
1408                <div class="col-sm-12 text-center" id="more-homepage-btn">
1409                    <a href="/magazine">More articles</a>
1410                </div>
1411            </div>
1412        </div>
1413    </div>  
1414
1415        
1416
1417    <div id="trigger1" class="homepage-subscribe  wow slideInUp" style="background-image: url('https://mooponto.s3.eu-central-1.amazonaws.com/2013/11/11201
1417759/13.jpg')">
1418        <div class="container">
1419            <div class="row">
1420                <div class="col-sm-12">
1421                    <h4 class="page-title"><span class="text_bg">Newsletter</span><span class="green_bg"></span></h4>
1422                    <p>Subscribe to our weekly bulletin of the mooponto stuff that refines you.</p>
1423                    
1423<script>(function() {
1424	window.mc4wp = window.mc4wp || {
1425		listeners: [],
1426		forms: {
1427			on: function(evt, cb) {
1428				window.mc4wp.listeners.push(
1429					{
1430						event   : evt,
1431						callback: cb
1432					}
1433				);
1434			}
1435		}
1436	}
1437})();
1438</script>
1438<!-- Mailchimp for WordPress v4.9.6 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-9271" method="post" data-id="9271" data-name="" ><div class="mc4wp-form-fields"><div class="input-group mb-3">
1439  <input type="email" id="email" class="form-control" name="EMAIL" placeholder="Your email address" required />
1440  <div class="input-group-prepend">
1441    <input type="submit" value="Sign up" class="btn btn-outline-secondary" />
1442  </div>
1443</div>
1444</div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1790286586" /><input type="hidden" name="_mc4wp_form_id" value="9271" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin -->                </div>
1445            </div>
1446        </div>
1447    </div>
1448
1449        
1450
1451    <div id="trigger1" class="homepage-offices">
1452        <div class="container">
1453            <div class="row">
1454                <div class="col-sm-12">
1455                    <h4 class="page-title"><span class="text_bg">Featured offices & architects</span><span class="green_bg"></span></h4>
1456                </div>
1457            </div>
1458        </div>
1459    
1460        <div class="container">
1461            <div class="parent">
1462
1463            
1464                            <div class="coll">
1465                    <div class="homepage-box-container"><a href="https://www.mooponto.com/office/keikichi-yamauchi-architect-and-associates/">
1466                        <div class="homepage-box-title">Keikichi Yamauchi architect and associates</div>
1467                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/22024126/07-white-collage-keikichi-yamauchi-architect-and-associates_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="White Collage by Keikichi Yamauchi architect and associates" decoding="async" loading="lazy" />                    </a></div>
1468                </div>
1469            
1470                            
1471                                                <div class="coll wrap">
1472                                <div class="box">
1473                    <div class="homepage-box-container"><a href="https://www.mooponto.com/office/comma-design-office/">
1474                        <div class="homepage-box-title">comma design office</div>
1475                        <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200838/02-house-in-sakurashinmachi-comma-design-office_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                    </a></div>
1476                </div>
1477                            
1478                            
1479                                            <div class="box">
1480                    <div class="homepage-box-container"><a href="https://www.mooponto.com/office/fujiwaramuro-architects/">
1481                        <div class="homepage-box-title">FujiwaraMuro Architects</div>
1482                        <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-640x480.jpg 640w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-150x112.jpg 150w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-300x225.jpg 300w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-506x380.jpg 506w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-160x120.jpg 160w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto.jpg 2000w" sizes="(max-width: 640px) 100v
1482w, 640px" />                    </a></div>
1483                </div>
1484                            
1485                            
1486                                            <div class="box">
1487                    <div class="homepage-box-container"><a href="https://www.mooponto.com/office/tsubasa-iwahashi-architects/">
1488                        <div class="homepage-box-title">Tsubasa Iwahashi | Architects</div>
1489                        <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/05/11201042/07-folm-arts-tsubasa-iwahashi-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                    </a></div>
1490                </div>
1491                            
1492                            
1493                                            <div class="box">
1494                    <div class="homepage-box-container"><a href="https://www.mooponto.com/office/keisuke-kawaguchik2-design/">
1495                        <div class="homepage-box-title">Keisuke Kawaguchi+K2-DESIGN</div>
1496                        <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/02/11201159/04-house-of-shimanto-keisuke-kawaguchi-k2-design_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                    </a></div>
1497                </div>
1498                                    </div>
1499                            
1500                                 
1501
1502    
1503            </div>
1504        </div>
1505      
1506     
1507        <div class="container">
1508            <div class="row">
1509                <div class="col-sm-12 text-center more-office-btn" id="more-homepage-btn">
1510                    <a href="/offices">More profiles</a>
1511                </div>
1512            </div>
1513        </div>
1514    </div>
1515
1516        
1517
1518    <div id="trigger1" class="homepage-project-categories">
1519        <div class="container">
1520            <div class="row">
1521
1522                <div class="col-md-3 col-sm-6">
1523                                                <div class="office-project2">
1524                                <h4 class="office-project-title"><a href="https://www.mooponto.com/architecture/residential-architecture/">Residental</a><span></span></h4>
1525                            </div>
1526                            <ul class="project_list">
1527
1528                            
1529                            <li class="splide_slide">
1530                                    <div class="homepage-box-container">
1531                                                                                    <a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/">
1532                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/22024126/07-white-collage-keikichi-yamauchi-architect-and-associates_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1533                                            </a>
1534                                                                                <div class="homepage-box-title">March 22, 2021</div>
1535                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/">White Collage | Keikichi Yamauchi architect and associates</a></div>
1536                                    </div>
1537                            </li>
1538
1539                            
1540                            <li class="splide_slide">
1541                                    <div class="homepage-box-container">
1542                                                                                    <a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">
1543                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200829/04-cube-court-house-shinichi-ogawa-associates_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1544                                            </a>
1545                                                                                <div class="homepage-box-title">November 30, 2014</div>
1546                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">S RESIDENCE | Shinichi Ogawa &#038; Associates</a></div>
1547                                    </div>
1548                            </li>
1549
1550                            
1551                            <li class="splide_slide">
1552                                    <div class="homepage-box-container">
1553                                                                                    <a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/">
1554                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200838/01-house-in-sakurashinmachi-comma-design-office_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1555                                            </a>
1556                                                                                <div class="homepage-box-title">November 23, 2014</div>
1557                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/">House in Sakurashinmachi | comma design office</a></div>
1558                                    </div>
1559                            </li>
1560
1561                                 
1562
1563                            </ul>
1564                      
1565                     
1566                </div>
1567
1568                <div class="col-md-3 col-sm-6">
1569                                                <div class="office-project2">
1570                                <h4 class="office-project-title"><a href="https://www.mooponto.com/architecture/cultural-architecture/">Cultural</a><span></span></h4>
1571                            </div>
1572                            <ul class="project_list">
1573
1574                            
1575                            <li class="splide_slide">
1576                                    <div class="homepage-box-container">
1577                                                                                    <a href="https://www.mooponto.com/architecture/jaist-gallery-tatsu-matsuda-architects/">
1578                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/02/11202132/063-640x480.jpg" class="img-responsive img-fluid" />
1579                                            </a>
1580                                                                                <div class="homepage-box-title">February 15, 2013</div>
1581                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/jaist-gallery-tatsu-matsuda-architects/">JAIST Gallery | Tatsu Matsuda Architects</a></div>
1582                                    </div>
1583                            </li>
1584
1585                            
1586                            <li class="splide_slide">
1587                                    <div class="homepage-box-container">
1588                                                                                    <a href="https://www.mooponto.com/architecture/happa-hotel-schemata-architects/">
1589                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/01/11205201/032-640x480.jpg" class="img-responsive img-fluid" />
1590                                            </a>
1591                                                                                <div class="homepage-box-title">January 7, 2013</div>
1592                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/happa-hotel-schemata-architects/">
1592HAPPA HOTEL | Schemata Architects / Jo Nagasaka</a></div>
1593                                    </div>
1594                            </li>
1595
1596                            
1597                            <li class="splide_slide">
1598                                    <div class="homepage-box-container">
1599                                                                                    <a href="https://www.mooponto.com/architecture/xxxx-house-mount-fuji-architects-studio/">
1600                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2012/11/11210812/013-640x480.jpg" class="img-responsive img-fluid" />
1601                                            </a>
1602                                                                                <div class="homepage-box-title">November 15, 2012</div>
1603                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/xxxx-house-mount-fuji-architects-studio/">XXXX house | MOUNT FUJI ARCHITECTS STUDIO</a></div>
1604                                    </div>
1605                            </li>
1606
1607                                 
1608
1609                            </ul>
1610                      
1611                     
1612                </div>
1613
1614                <div class="col-md-3 col-sm-6">
1615                                                <div class="office-project2">
1616                                <h4 class="office-project-title"><a href="https://www.mooponto.com/architecture/healthcare-architecture/">Healthcare</a><span></span></h4>
1617                            </div>
1618                            <ul class="project_list">
1619
1620                            
1621                            <li class="splide_slide">
1622                                    <div class="homepage-box-container">
1623                                                                                    <a href="https://www.mooponto.com/architecture/t-d-clinic-t-lex-brain-design-office/">
1624                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/03/11201147/05-t-d-clinic-t-lex-brain-design-office_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1625                                            </a>
1626                                                                                <div class="homepage-box-title">March 9, 2014</div>
1627                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/t-d-clinic-t-lex-brain-design-office/">T.D.C | T-LEX Brain. design office</a></div>
1628                                    </div>
1629                            </li>
1630
1631                            
1632                            <li class="splide_slide">
1633                                    <div class="homepage-box-container">
1634                                                                                    <a href="https://www.mooponto.com/architecture/s-d-c-t-lex-brain-design-office/">
1635                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/10/11201806/024-640x480.jpg" class="img-responsive img-fluid" />
1636                                            </a>
1637                                                                                <div class="homepage-box-title">October 27, 2013</div>
1638                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/s-d-c-t-lex-brain-design-office/">S.D.C | T-LEX Brain. design office</a></div>
1639                                    </div>
1640                            </li>
1641
1642                            
1643                            <li class="splide_slide">
1644                                    <div class="homepage-box-container">
1645                                                                                    <a href="https://www.mooponto.com/architecture/everybody-finds-somebody-someplace-tkdaaa/">
1646                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/08/11201903/071-640x480.jpg" class="img-responsive img-fluid" />
1647                                            </a>
1648                                                                                <div class="homepage-box-title">August 7, 2013</div>
1649                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/everybody-finds-somebody-someplace-tkdaaa/">Everybody Finds Somebody Someplace. | TKDaaa</a></div>
1650                                    </div>
1651                            </li>
1652
1653                                 
1654
1655                            </ul>
1656                      
1657                     
1658                </div>
1659
1660                <div class="col-md-3 col-sm-6">
1661                                                <div class="office-project2">
1662                                <h4 class="office-project-title"><a href="https://www.mooponto.com/architecture/interiors/">Interiors</a><span></span></h4>
1663                            </div>
1664                            <ul class="project_list">
1665
1666                            
1667                            <li class="splide__slide">
1668                                    <div class="homepage-box-container">
1669                                                                                    <a href="https://www.mooponto.com/architecture/tama-n-sinato/">
1670                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200912/01-tama-n-sinato_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1671                                            </a>
1672                                                                                <div class="homepage-box-title">August 12, 2014</div>
1673                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/tama-n-sinato/">Tama N | sinato</a></div>
1674                                    </div>
1675                            </li>
1676
1677                            
1678                            <li class="splide__slide">
1679                                    <div class="homepage-box-container">
1680                                                                                    <a href="https://www.mooponto.com/architecture/yuras-sinato/">
1681                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200949/01-yuras-sinato_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1682                                            </a>
1683                                                                                <div class="homepage-box-title">July 21, 2014</div>
1684                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/yuras-sinato/">YURAS | sinato</a></div>
1685                                    </div>
1686                            </li>
1687
1688                            
1689                            <li class="splide__slide">
1690                                    <div class="homepage-box-container">
1691                                                                                    <a href="https://www.mooponto.com/architecture/green-sinato/">
1692                                            <img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/04/11201115/09-green-sinato_mooponto-640x480.jpg" class="img-responsive img-fluid" />
1693                                            </a>
1694                                                                                <div class="homepage-box-title">April 19, 2014</div>
1695                                        <div class="homepage-box-content"><a href="https://www.mooponto.com/architecture/green-sinato/">+green | sinato</a></div>
1696                                    </div>
1697                            </li>
1698
1699                                 
1700
1701                            </ul>
1702                      
1703                     
1704                </div>
1705            
1706            </div>
1707        </div>
1708    </div>
1709
1710        
1711
1712    <div id="trigger1" class="homepage-japanese-design">
1713        <div class="container">
1714            <div class="row">
1715                <div class="col-sm-12">
1716                    <h4 class="page-title"><span class="text_bg">Japanese design</span><span class="green_bg"></span></h4>
1717                </div>
1718            </div>
1719                            <div class="owl-carousel owl-theme editor-slider" id="editor-slider">
1720                                    
1721                    <div class="item">
1722                        <a href="https://www.mooponto.com/design/light-yoy/">
1723                            <img width="600" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/06/11201014/03-light-yoy_mooponto-600x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1724
1725                                                                                            
1726                                <div class="simple-tags-label">
1727                                    <a href="https://www.mooponto.com/design/lighting/">Lighting</a>                                </div>
1728                                
1729                        <h4><a href="https://www.mooponto.com/design/light-yoy/">LIGHT Lamps | YOY</a></h4>
1730                        <div class="item-excerpt">LIGHT is a line of floor and table lamps designed by YOY. When turned on, the lamp reflects a shade of light onto the wall in the lamp silhouette.</div>
1731                    </div>
1732                    
1733                                    
1734                    <div class="item">
1735                        <a href="https://www.mooponto.com/design/fractal-23-takeshi-m
1735iyakawa-design/">
1736                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/04/11201059/01-fractal-23-takeshi-miyakawa-design_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1737
1738                                                                                            
1739                                <div class="simple-tags-label">
1740                                    <a href="https://www.mooponto.com/design/furniture/">Furniture</a>                                </div>
1741                                
1742                        <h4><a href="https://www.mooponto.com/design/fractal-23-takeshi-miyakawa-design/">Fractal 23 | takeshi miyakawa design</a></h4>
1743                        <div class="item-excerpt">Fractal 23 is a modular drawer system that can be opened from four sides, allowing people to reach the inside from different points.</div>
1744                    </div>
1745                    
1746                                    
1747                    <div class="item">
1748                        <a href="https://www.mooponto.com/design/peel-wall-light-yoy/">
1749                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/03/11201127/03-peel-yoy_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1750
1751                                                                                            
1752                                <div class="simple-tags-label">
1753                                    <a href="https://www.mooponto.com/design/lighting/">Lighting</a>                                </div>
1754                                
1755                        <h4><a href="https://www.mooponto.com/design/peel-wall-light-yoy/">PEEL Wall light | YOY</a></h4>
1756                        <div class="item-excerpt">PEEL Wall light is designed by YOY and utilizes OLED to look as if the corner of the wall was peeling and the light was coming through the hole.</div>
1757                    </div>
1758                    
1759                                    
1760                    <div class="item">
1761                        <a href="https://www.mooponto.com/design/dream-chair-tadao-ando/">
1762                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/02/11201203/13-Chichu-Art-Museum-01-dream-chair-tadao-ando_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1763
1764                                                                                            
1765                                <div class="simple-tags-label">
1766                                    <a href="https://www.mooponto.com/design/furniture/">Furniture</a>                                </div>
1767                                
1768                        <h4><a href="https://www.mooponto.com/design/dream-chair-tadao-ando/">Dream Chair | Tadao Ando</a></h4>
1769                        <div class="item-excerpt">Dream Chair designed by Tadao Ando combines comfort and minimalist elements. It's made of three-dimensional plywood, creating an organic curved design.</div>
1770                    </div>
1771                    
1772                                </div>
1773               
1774             
1775            <div class="row">
1776                <div class="col-sm-12 text-center" id="more-homepage-btn">
1777                    <a href="/japanese-design">More projects</a>
1778                </div>
1779            </div>
1780        </div>
1781    </div>  
1782
1783        
1784
1785    <div id="trigger1" class="homepage-advertisement">
1786        <div class="container">
1787            <div class="row">
1788                <div class="col-sm-12">
1789                    <h4 class="page-title"><span class="text_bg">Advertisement</span><span class="green_bg"></span></h4>
1790                </div>
1791            </div>
1792                        <div class="adverts">
1793                <div class="row" id="advertisement-sidebar">
1794                    <div id="custom_html-7" class="widget_text col-sm-4 widget_custom_html"><div class="textwidget custom-html-widget">
1794<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1794
1795<!-- Advert #1 -->
1796<ins class="adsbygoogle"
1797     style="display:block"
1798     data-ad-client="ca-pub-7229539126669714"
1799     data-ad-slot="4067846384"
1800     data-ad-format="auto"
1801     data-full-width-responsive="true"></ins>
1802<script>
1803     (adsbygoogle = window.adsbygoogle || []).push({});
1804</script>
1804</div></div><div id="media_image-30" class="col-sm-4 widget_media_image"><a href="https://www.worldarchitecturefestival.com/"><img width="300" height="145" src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030213/WAF2021.png" class="image wp-image-9729  attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030213/WAF2021.png 300w, https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030213/WAF2021-150x73.png 150w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><div id="custom_html-8" class="widget_text col-sm-4 widget_custom_html"><div class="textwidget custom-html-widget">
1804<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1804
1805<!-- Advert #2 -->
1806<ins class="adsbygoogle"
1807     style="display:block"
1808     data-ad-client="ca-pub-7229539126669714"
1809     data-ad-slot="9525623988"
1810     data-ad-format="auto"
1811     data-full-width-responsive="true"></ins>
1812<script>
1813     (adsbygoogle = window.adsbygoogle || []).push({});
1814</script>
1814</div></div>                </div>
1815            </div>
1816                    </div>
1817    </div>
1818
1819        
1820
1821    <div id="trigger1" class="homepage-agendas">
1822        <div class="container">
1823            <div class="row">
1824                <div class="col-sm-12">
1825                    <h4 class="page-title"><span class="text_bg">Agenda</span><span class="green_bg"></span></h4>
1826                </div>
1827            </div>
1828
1829                            <div class="row" id="agenda-slider">
1830                                    
1831                    <div class="col-md-4 col-sm-6">
1832                    <div class="agenda-thumbnail">
1833                                                                 
1834                        <p class="agenda-label">
1835                            <a href="https://www.mooponto.com/agenda/fairs-conferences/">Fairs + Conferences</a>                        </p>
1836                        
1837                        <a href="https://www.mooponto.com/agenda/international-architecture-summer-school-metabolism-revisited/">
1838                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/06/11200957/architecture-summer-school-metabolism-revisited_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1839                    </div>
1840                    <div class="agenda_content">
1841                                            <h4>
1842                                                    <a href="http://www.uacs.edu.mk/ohridss/" target="_blank">
1843                                                International Architecture Summer School &#8211; Metabolism Revisited                                                    </a>
1844                                                </h4>
1845                        <div class="item-excerpt">
1846                                                            <p>29/06/2014 12:00 am</p>
1847                                                                                        <p>6000 Ohrid, Republic of Macedonia</p>
1848                                                                                </div>
1849                    </div>
1850                    </div>
1851                    
1852                                    
1853                    <div class="col-md-4 col-sm-6">
1854                    <div class="agenda-thumbnail">
1855                                                                 
1856                        <p class="agenda-label">
1857                            <a href="https://www.mooponto.com/agenda/exhibitions/">Exhibitions</a>                        </p>
1858                        
1859                        <a href="https://www.mooponto.com/agenda/japanese-architecture-at-cologne-university/">
1860                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/05/11201034/japanese-architecture-at-cologne-university-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1861                    </div>
1862                    <div class="agenda_content">
1863                                            <h4>
1864                                                    <a href="http://architecturaltuesday.wordpress.com/" target="_blank">
1865                                                Japanese Architecture at Cologne University                                                    </a>
1866                                                </h4>
1867                        <div class="item-excerpt">
1868                                                            <p>08/04/2014 12:00 am</p>
1869                                                                                        <p>Betzdorfer Straße 2, 50679 Cologne, Germany</p>
1870                                                                                </div>
1871                    </div>
1872                    </div>
1873                    
1874                                    
1875                    <div class="col-md-4 col-sm-6">
1876                    <div class="agenda-thumbnail">
1877                                                                 
1878                        <p class="agenda-label">
1879                            <a href="https://www.mooponto.com/agenda/events/">Events</a>                        </p>
1880                        
1881                        <a href="https://www.mooponto.com/agenda/struggling-cities-japanese-urban-projects-in-the-1960s/">
1882                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2013/09/11201030/arata-isozaki-cities-in-the-air-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1883                    </div>
1884                    <div class="agenda_content">
1885                                            <h4>
1886                                                    <a href="https://www.mao.si/Exhibition/Struggling-Cities-From-Japanese-Urban-Projects-in-the-1960s.aspx" target="_blank">
1887                                                Struggling Cities – from Japanese Urban Projects in the 1960s                                                    </a>
1888                                                </h4>
1889                        <div class="item-excerpt">
1890                                                            <p>10/09/2013 12:00 am</p>
1891                                                                                        <p>Pot na Fužine 2, 1000 Ljubljana, Slovenia</p>
1892                                                                                </div>
1893                    </div>
1894                    </div>
1895                    
1896                                </div>
1897               
1898             
1899            <div class="row">
1900                <div class="col-sm-12 text-center" id="more-homepage-btn">
1901                    <a href="/agendas">More events</a>
1902                </div>
1903            </div>
1904        </div>
1905    </div>
1906        
1907        
1908
1909    <div id="trigger1" class="homepage-latest">
1910        <div class="container">
1911            <div class="row">
1912                <div class="col-sm-12">
1913                    <h4 class="page-title"><span class="text_bg">Latest projects</span><span class="green_bg"></span></h4>
1914                </div>
1915            </div>
1916                            <div class="owl-carousel owl-theme editor-slider" id="editor-slider">
1917                                    
1918                    <div class="item">
1919                        <a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/" class="latest-project-thumb">
1920                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/22024126/07-white-collage-keikichi-yamauchi-architect-and-associates_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="White Collage by Keikichi Yamauchi architect and associates" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/03/22024126/07-white-collage-keikichi-yamauchi-architect-and-associates_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="White Collage by Keikichi Yamauchi architect and associates" decoding="async" loading="lazy" />                        </a>
1921                        <div class="item-content">
1922                        <span>March 22, 2021</span>
1923                        <h4><a href="https://www.mooponto.com/architecture/white-collage-keikichi-yamauchi-architect-and-associates/">White Collage | Keikichi Yamauchi architect and associates</a></h4>
1924                        <div class="item-excerpt">White Collage is a minimalist house by Keikichi Yamauchi architects and associates with steel sheets covering its bottom and giving a view of the exterior.</div>
1925                        <div class="item-excerpt-second">White Collage is a minimalist house by Keikichi Yamauchi architects and associates with steel sheets covering its bottom and giving a view of the exterior.</div>
1926                        </div>
1927                    </div>
1928                    
1929                                    
1930                    <div class="item">
1931                        <a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/" class="latest-project-thumb">
1932                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200829/04-cube-court-house-shinichi-ogawa-associates_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200829/04-cube-court-house-shinichi-ogawa-associates_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1933                        <div class="item-content">
1934                        <span>November 30, 2014</span>
1935                        <h4><a href="https://www.mooponto.com/architecture/s-residence-shinichi-ogawa-associates/">S RESIDENCE | Shinichi Ogawa &#038; Associates</a></h4>
1936                        <div class="item-excerpt">S RESIDENCE built close to the mountain has a glazed wall running across one side of the unit to provide an unstructured view of the natural landscape.</div>
1937                        <div class="item-excerpt-second">S RESIDENCE built close to the mountain has a glazed wall running across one side of the unit to provide an unstructured view of the natural landscape.</div>
1938                        </div>
1939                    </div>
1940                    
1941                                    
1942                    <div class="item">
1943                        <a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/" class="latest-project-thumb">
1944                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200838/01-house-in-sakurashinmachi-comma-design-office_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/11/11200838/01-house-in-sakurashinmachi-comma-design-office_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1945                        <div class="item-content">
1946                        <span>November 23, 2014</span>
1947                        <h4><a href="https://www.mooponto.com/architecture/house-in-sakurashinmachi-comma-design-office/">House in Sakurashinmachi | comma design office</a></h4>
1948                        <div class="item-excerpt">House in Sakurashinmachi is a renovated project with the existing structure reinforced against earthquakes. Two families live there but share the garden.</div>
1949                        <div class="item-excerpt-second">House in Sakurashinmachi is a renovated project with the existing structure reinforced against earthquakes. Two families live there but share the garden.</div>
1950                        </div>
1951                    </div>
1952                    
1953                                    
1954                    <div class="item">
1955                        <a href="https://www.mooponto.com/architecture/tiny-house-in-kobe-fujiwaramuro-architects/" class="latest-project-thumb">
1956                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-640x480.jpg 640w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-150x112.jpg 150w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-300x225.jpg 300w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-506x380.jpg 506w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-160x120.jpg 160w, https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto.jpg 2000w" sizes="(max-width: 640px) 100vw, 640px" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/10/11200843/01-house-in-nada-fujiwaramuro-architects_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1957                        <div class="item-content">
1958                        <span>October 26, 2014</span>
1959                        <h4><a href="https://www.mooponto.com/architecture/tiny-house-in-kobe-fujiwaramuro-architects/">Tiny House in Kobe | FujiwaraMuro Architects</a></h4>
1960                        <div class="item-excerpt">Tiny House in Kobe has a red cedar wood facade. It sits on a small plot and uses it to its maximum by stacking rooms vertically into a three-story unit.</div>
1961                        <div class="item-excerpt-second">Tiny House in Kobe has a red cedar wood facade. It sits on a small plot and uses it to its maximum by stacking rooms vertically into a three-story unit.</div>
1962                        </div>
1963                    </div>
1964                    
1965                                    
1966                    <div class="item">
1967                        <a href="https://www.mooponto.com/architecture/clementine-t-lex-brain-design-office/" class="latest-project-thumb">
1968                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200904/03-clementine-t-lex-brain-design-office_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200904/03-clementine-t-lex-brain-design-office_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1969                        <div class="item-content">
1970                        <span>August 31, 2014</span>
1971                        <h4><a href="https://www.mooponto.com/architecture/clementine-t-lex-brain-design-office/">Clementine | T-LEX Brain. design office</a></h4>
1972                        <div class="item-excerpt">Clementine hair salon is a renovated building with private spaces for customers to enjoy. Different salon functions flow through one continuous volume.</div>
1973                        <div class="item-excerpt-second">Clementine hair salon is a renovated building with private spaces for customers to enjoy. Different salon functions flow through one continuous volume.</div>
1974                        </div>
1975                    </div>
1976                    
1977                                    
1978                    <div class="item">
1979                        <a href="https://www.mooponto.com/architecture/tama-n-sinato/" class="latest-project-thumb">
1980                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200912/01-tama-n-sinato_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/08/11200912/01-tama-n-sinato_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1981                        <div class="item-content">
1982                        <span>August 12, 2014</span>
1983                        <h4><a href="https://www.mooponto.com/architecture/tama-n-sinato/">Tama N | sinato</a></h4>
1984                        <div class="item-excerpt">Tama N apartment is a redesigned project of a 25-year old building with a single wooden wall transforming the conventional living unit into an elegant space.</div>
1985                        <div class="item-excerpt-second">Tama N apartment is a redesigned project of a 25-year old building with a single wooden wall transforming the conventional living unit into an elegant space.</div>
1986                        </div>
1987                    </div>
1988                    
1989                                    
1990                    <div class="item">
1991                        <a href="https://www.mooponto.com/architecture/kawate-keitaro-muto-architects/" class="latest-project-thumb">
1992                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200941/07-kawate-keitaro-muto-architects_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200941/07-kawate-keitaro-muto-architects_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
1993                        <div class="item-content">
1994                        <span>July 31, 2014</span>
1995                        <h4><a href="https://www.mooponto.com/architecture/kawate-keitaro-muto-architects/">KAWATE | KEITARO MUTO ARCHITECTS</a></h4>
1996                        <div class="item-excerpt">KAWATE house is a unit with a cantilevered story that provides shelter for the family to play. The floating theme extends to the inside with the staircase.</div>
1997                        <div class="item-excerpt-second">KAWATE house is a unit with a cantilevered story that provides shelter for the family to play. The floating theme extends to the inside with the staircase.</div>
1998                        </div>
1999                    </div>
2000                    
2001                                    
2002                    <div class="item">
2003                        <a href="https://www.mooponto.com/architecture/yuras-sinato/" class="latest-project-thumb">
2004                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200949/01-yuras-sinato_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200949/01-yuras-sinato_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
2005                        <div class="item-content">
2006                        <span>July 21, 2014</span>
2007                        <h4><a href="https://www.mooponto.com/architecture/yuras-sinato/">YURAS | sinato</a></h4>
2008                        <div class="item-excerpt">YURAS is an office project with the new room added to the existing space area, dividing the whole area into the work space and common space.</div>
2009                        <div class="item-excerpt-second">YURAS is an office project with the new room added to the existing space area, dividing the whole area into the work space and common space.</div>
2010                        </div>
2011                    </div>
2012                    
2013                                    
2014                    <div class="item">
2015                        <a href="https://www.mooponto.com/architecture/base-komada-architects-office/" class="latest-project-thumb">
2016                            <img width="640" height="480" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200953/04-base-komada-architects-office_mooponto-640x480.jpg" class="attachment-medium-size size-medium-size wp-post-image" alt="" decoding="async" loading="lazy" /><img width="420" height="540" src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/07/11200953/04-base-komada-architects-office_mooponto-420x540.jpg" class="attachment-medium-second size-medium-second wp-post-image" alt="" decoding="async" loading="lazy" />                        </a>
2017                        <div class="item-content">
2018                        <span>July 10, 2014</span>
2019                        <h4><a href="https://www.mooponto.com/architecture/base-komada-architects-office/">BASE | KOMADA ARCHITECTS&#8217; OFFICE</a></h4>
2020                        <div class="item-excerpt">BASE is a three-story building with the office on the 1st floor and dwellings on other floors. Careful fenestration opens the space to the street.</div>
2021                        <div class="item-excerpt-second">BASE is a three-story building with the office on the 1st floor and dwellings on other floors. Careful fenestration opens the space to the street.</div>
2022                        </div>
2023                    </div>
2024                    
2025                                </div>
2026               
2027             
2028            <div class="row">
2029                <div class="col-sm-12 text-center" id="more-homepage-btn">
2030                    <a href="/japanese-architecture">Discover more</a>
2031                </div>
2032            </div>
2033        </div>
2034    </div> 
2035
2036        
2037    <div class="social-menu-content">
2038                <div id="social-menu-drop-nav" class="social-drop-nav"><ul id="menu-social-menu" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-9583" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9583"><a target="_blank" rel="noopener" href="https://www.facebook.com/mooponto/">Facebook</a></li>
2039<li id="menu-item-9584" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9584"><a target="_blank" rel="noopener" href="https://twitter.com/mooponto">Twitter</a></li>
2040<li id="menu-item-9585" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9585"><a target="_blank" rel="noopener" href="https://www.instagram.com/mooponto/">Instagram</a></li>
2041<li id="menu-item-9586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9586"><a target="_blank" rel="noopener" href="https://www.pinterest.com/mooponto/">Pinterest</a></li>
2042<li id="menu-item-9587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9587"><a target="_blank" rel="noopener" href="https://mooponto.medium.com/">Medium</a></li>
2043<li id="menu-item-9588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9588"><a target="_blank" rel="noopener" href="https://ello.co/mooponto">Ello</a></li>
2044</ul></div>    </div>
2045
2046<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
2046
2047<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" rel="stylesheet" />
2048<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
vendor: 1 bytes, line 2048
2048
2049<script>
2050jQuery(document).ready(function(){
2051    jQuery('#homepage-slider').owlCarousel({
2052        items:1,
2053        loop:true,
2054        nav: true
2055    });
2056
2057    jQuery('.editor-slider').owlCarousel({
2058        loop:true,
2059        nav: true,
2060        margin:15,
2061        responsive:{
2062            0:{
2063                items:1
2064            },
2065            600:{
2066                items:2
2067            },
2068            1000:{
2069                items:3
2070            }
2071        }
2072    });
2073    jQuery('.editor-slider2').owlCarousel({
2074        loop:true,
2075        nav: true,
2076        margin:15,
2077        responsive:{
2078            0:{
2079                items:1
2080            },
2081            600:{
2082                items:2
2083            },
2084            1000:{
2085                items:2
2086            }
2087        }
2088    });
2089});
2090jQuery('.editor-slider').on('changed.owl.carousel initialized.owl.carousel', function(event) {
2091    jQuery(event.target)
2092      .find('.owl-item').removeClass('last')
2093      .eq(event.item.index + event.page.size - 1).addClass('last');
2094    jQuery(event.target)
2095      .find('.owl-item').removeClass('first')
2096      .eq(event.item.index).addClass('first');
2097  });
2098  jQuery('#homepage-slider').on('changed.owl.carousel initialized.owl.carousel', function(event) {
2099    jQuery(event.target)
2100      .find('.owl-item').removeClass('last')
2101      .eq(event.item.index + event.page.size - 1).addClass('last');
2102    jQuery(event.target)
2103      .find('.owl-item').removeClass('first')
2104      .eq(event.item.index).addClass('first');
2105  });
2106
2107    // browser window scroll (in pixels) after which the "back to top" link is shown
2108    var offset = jQuery('#trigger2').offset().top;
2109    //browser window scroll (in pixels) after which the "back to top" link opacity is reduced
2110    var offset_opacity = 1200,
2111    //duration of the top scrolling animation (in ms)
2112    scroll_top_duration = 700,
2113    //grab the "back to top" link
2114    $back_to_top = jQuery('.social-menu-content');
2115    jQuery(window).scroll(function(){
2116		( jQuery(this).scrollTop() > (jQuery('#trigger2').offset().top - 100) && jQuery(this).scrollTop() < (jQuery('.homepage-latest').offset().top + 100) ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
2117	});
2118</script>
2118
2119
2120     </div>
2121        <div class="partners">
2122        <div class="container">
2123            <div class="office-project">
2124                <h4 class="office-project-title">Partners & Friends<span></span></h4>
2125            </div>
2126
2127            <div class="owl-carousel owl-theme" id="partner-slider">
2128                                                                                    <div class="item"><a href="https://www.simplicitylove.com/" target="_blank"><img src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030529/simplicity-love.png" class="img-responsive img-fluid" /></a></div>
2129                                                                                    <div class="item"><a href="https://thearchitecturalmythologems.com/" target="_blank"><img src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030540/The-Architectural-Mythologems.png" class="img-responsive img-fluid" /></a></div>
2130                                                                                    <div class="item"><a href="" target="_blank"><img src="https://mooponto.s3.eu-central-1.amazonaws.com/2014/05/11201014/partners_minimalist-space.png" class="img-responsive img-fluid" /></a></div>
2131                                                                                    <div class="item"><a href="https://www.japan-guide.com/" target="_blank"><img src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030520/japan-guide.png" class="img-responsive img-fluid" /></a></div>
2132                                                                                    <div class="item"><a href="" target="_blank"><img src="https://mooponto.s3.eu-central-1.amazonaws.com/2021/01/12030538/Arhitekt-Magazin.png" class="img-responsive img-fluid" /></a></div>
2133                                </div>
2134        </div>
2135        <a href="#" class="back-to-top"><i class="fa fa-chevron-up fa-2x" aria-hidden="true" data-toggle="tooltip" data-placement="left" data-animation="false" title="Back to Top"></i></a>
2136    </div>
2137        <footer id="footer">
2138        <div class="widget-sidebar">
2139            <div class="container-fluid">
2140                <ul>
2141                <li id="enhancedtextwidget-2" class="widget-container widget_text enhanced-text-widget"><div class="textwidget widget-text"><div class="footer-logo">
2142<div class="foot-logo"><img src="http://mooponto.com/wp-content/uploads/2020/12/logo-footer.png" class="img-responsive" /></div>
2143<div class="footer-logo-content">
2144<p>mooponto</p>
2145<p>Portal for Japanese minimalist architecture</p>
2146<p><strong>&copy; 2012 - 2026. All rights reserved.</strong></p>
2147</div>
2148</div>
2149</div></li><li id="text-28" class="widget-container widget_text">			<div class="textwidget"><div class="japanese">日本の ミニマリスト アーキテクチャ</div>
2150</div>
2151		</li><li id="social_media_widget-4" class="widget-container widget_social_media_widget">        <ul class="office-social">
2152                                                                                            <li><a href="https://www.facebook.com/mooponto/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
2153                                                                                                                                        <li><a href="https://www.instagram.com/mooponto/" target="_blank"><i class="fab fa-instagram"></i></a></li>
2154                                                                                                                                        <li><a href="https://www.pinterest.com/mooponto/" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
2155                                                                                                                                        <li><a href="https://twitter.com/mooponto" target="_blank"><i class="fab fa-twitter"></i></a></li>
2156                                                                                                                                        <li><a href="https://mooponto.medium.com/" target="_blank"><i class="fab fa-medium-m"></i></a></li>
2157                                                                                                                                        <li><a href="https://ello.co/mooponto" target="_blank"><i class="fab fa-ello"></i></a></li>
2158                                                    </ul>
2159        </li>                </ul>
2160            </div>
2161        </div>
2162        <div id="copyright">
2163            <div class="container-fluid">
2164            <div id="menu-drop-nav" class="drop-nav"><ul id="menu-footer-menu" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-8602" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8602"><a href="https://www.mooponto.com/terms-of-use/">Terms of Use</a></li>
2165<li id="menu-item-8601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8601"><a href="https://www.mooponto.com/privacy-policy/">Privacy Policy</a></li>
2166</ul></div>            </div>
2167        </div>
2168    </footer>
2169</div>
2170
2171<script>(function() {function maybePrefixUrlField () {
2172  const value = this.value.trim()
2173  if (value !== '' && value.indexOf('http') !== 0) {
2174    this.value = 'http://' + value
2175  }
2176}
2177
2178const urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]')
2179for (let j = 0; j < urlFields.length; j++) {
2180  urlFields[j].addEventListener('blur', maybePrefixUrlField)
2181}
2182})();</script>
2182<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.7' id='swv-js'></script>
vendor: 1 bytes, line 2182
2182
2183<script type='text/javascript' id='contact-form-7-js-extra'>
2184/* <![CDATA[ */
2185var wpcf7 = {"api":{"root":"https:\/\/www.mooponto.com\/wp-json\/","namespace":"contact-form-7\/v1"}};
2186/* ]]> */
2187</script>
vendor: 1 bytes, line 2187
2187
2188<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.7' id='contact-form-7-js'></script>
vendor: 1 bytes, line 2188
2188
2189<script type='text/javascript' id='wp_ulike-js-extra'>
2190/* <![CDATA[ */
2191var wp_ulike_params = {"ajax_url":"https:\/\/www.mooponto.com\/wp-admin\/admin-ajax.php","notifications":"0"};
2192/* ]]> */
2193</script>
vendor: 1 bytes, line 2193
2193
2194<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/wp-ulike/assets/js/wp-ulike.min.js?ver=4.6.7' id='wp_ulike-js'></script>
vendor: 1 bytes, line 2194
2194
2195<script type='text/javascript' src='https://www.mooponto.com/wp-content/themes/mooponto-theme/js/theme.js?ver=6.2.13' id='theme-scripts-js'></script>
vendor: 1 bytes, line 2195
2195
2196<script type='text/javascript' id='wd-asl-ajaxsearchlite-js-before'>
2197window.ASL = typeof window.ASL !== 'undefined' ? window.ASL : {}; window.ASL.wp_rocket_exception = "DOMContentLoaded"; window.ASL.ajaxurl = "https:\/\/www.mooponto.com\/wp-admin\/admin-ajax.php"; window.ASL.backend_ajaxurl = "https:\/\/www.mooponto.com\/wp-admin\/admin-ajax.php"; window.ASL.js_scope = "jQuery"; window.ASL.asl_url = "https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/"; window.ASL.detect_ajax = 1; window.ASL.media_query = 4758; window.ASL.version = 4758; window.ASL.pageHTML = ""; window.ASL.additional_scripts = [{"handle":"wd-asl-ajaxsearchlite","src":"https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-prereq.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-core","src":"https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-core.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-vertical","src":"https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-results-vertical.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-autocomplete","src":"https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-autocomplete.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-load","src":"https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-load.js","prereq":["wd-asl-ajaxsearchlite-autocomplete"]}]; window.ASL.script_async_load = false; window.ASL.init_only_in_viewport = true; window.ASL.font_url = "https:\/\/www.mooponto.com\/wp-content\/plugins\/ajax-search-lite\/css\/fonts\/icons2.woff2"; window.ASL.css_async = false; window.ASL.highlight = {"enabled":false,"data":[]}; window.ASL.analytics = {"method":0,"tracking_id":"","string":"?ajax_search={asl_term}","event":{"focus":{"active":1,"action":"focus","category":"ASL","label":"Input focus","value":"1"},"search_start":{"active":0,"action":"search_start","category":"ASL","label":"Phrase: {phrase}","value":"1"},"search_end":{"active":1,"action":"search_end","category":"ASL","label":"{phrase} | {results_count}","value":"1"},"magnifier":{"active":1,"action":"magnifier","category":"ASL","label":"Magnifier clicked","value":"1"},"return":{"active":1,"action":"return","category":"ASL","label":"Return button pressed","value":"1"},"facet_change":{"active":0,"action":"facet_change","category":"ASL","label":"{option_label} | {option_value}","value":"1"},"result_click":{"active":1,"action":"result_click","category":"ASL","label":"{result_title} | {result_url}","value":"1"}}};
2198window.ASL_INSTANCES = [];window.ASL_INSTANCES[1] = {"homeurl":"https:\/\/www.mooponto.com\/","resultstype":"vertical","resultsposition":"hover","itemscount":4,"charcount":0,"highlight":0,"highlightwholewords":1,"singleHighlight":0,"scrollToResults":{"enabled":0,"offset":0},"resultareaclickable":1,"autocomplete":{"enabled":1,"lang":"en","trigger_charcount":0},"mobile":{"menu_selector":"#menu-toggle"},"trigger":{"click":"custom_url","click_location":"same","update_href":0,"return":"custom_url","return_location":"same","facet":1,"type":1,"redirect_url":"explore?search={phrase}","delay":300},"animations":{"pc":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"},"mob":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"}},"autop":{"state":"disabled","phrase":"","count":1},"resPage":{"useAjax":0,"selector":"#main","trigger_type":1,"trigger_facet":1,"trigger_magnifier":0,"trigger_return":0},"resultsSnapTo":"left","results":{"width":"auto","width_tablet":"auto","width_phone":"auto"},"settingsimagepos":"right","closeOnDocClick":1,"overridewpdefault":0,"override_method":"get"};
2199</script>
vendor: 1 bytes, line 2199
2199
2200<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-prereq.js?ver=4758' id='wd-asl-ajaxsearchlite-js'></script>
vendor: 1 bytes, line 2200
2200
2201<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-core.js?ver=4758' id='wd-asl-ajaxsearchlite-core-js'></script>
vendor: 1 bytes, line 2201
2201
2202<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-results-vertical.js?ver=4758' id='wd-asl-ajaxsearchlite-vertical-js'></script>
vendor: 1 bytes, line 2202
2202
2203<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-autocomplete.js?ver=4758' id='wd-asl-ajaxsearchlite-autocomplete-js'></script>
vendor: 1 bytes, line 2203
2203
2204<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-load.js?ver=4758' id='wd-asl-ajaxsearchlite-load-js'></script>
vendor: 1 bytes, line 2204
2204
2205<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-wrapper.js?ver=4758' id='wd-asl-ajaxsearchlite-wrapper-js'></script>
vendor: 1 bytes, line 2205
2205
2206<script type='text/javascript' id='heateor_sss_sharing_js-js-before'>
2207function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}};	var heateorSssSharingAjaxUrl = 'https://www.mooponto.com/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://www.mooponto.com/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://www.mooponto.com/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")}
2208</script>
vendor: 1 bytes, line 2208
2208
2209<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.52' id='heateor_sss_sharing_js-js'></script>
vendor: 84 bytes, lines 2209-2210
2209
2210<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=
22106LfAAccUAAAAAFx7-3pVu3vVcFmAhrkTWAP18Z9s
vendor: 50 bytes, line 2210
2210&#038;ver=3.0' id='google-recaptcha-js'></script>
2211<script type='text/javascript' src='https://www.mooponto.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2' id='wp-polyfill-inert-js'></script>
vendor: 1 bytes, line 2211
2211
2212<script type='text/javascript' src='https://www.mooponto.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.11' id='regenerator-runtime-js'></script>
vendor: 1 bytes, line 2212
2212
2213<script type='text/javascript' src='https://www.mooponto.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
vendor: 1 bytes, line 2213
2213
2214<script type='text/javascript' id='wpcf7-recaptcha-js-extra'>
2215/* <![CDATA[ */
2216var wpcf7_recaptcha = {"sitekey":"6LfAAccUAAAAAFx7-3pVu3vVcFmAhrkTWAP18Z9s","actions":{"homepage":"homepage","contactform":"contactform"}};
2217/* ]]> */
2218</script>
vendor: 1 bytes, line 2218
2218
2219<script type='text/javascript' src='https://www.mooponto.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.7.7' id='wpcf7-recaptcha-js'></script>
vendor: 1 bytes, line 2219
2219
2220<script type='text/javascript' defer src='https://www.mooponto.com/wp-content/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.9.6' id='mc4wp-forms-api-js'></script>
vendor: 1 bytes, line 2220
2220
2221<script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) {(function($){$(document).ready(function(){if ( !!window.SLB ) { {$.extend(SLB, {"context":["public","user_guest"]});} }})})(jQuery);}/* ]]> */</script>
2221
2222    
2222<script type="text/javascript">
2223        jQuery(document).ready(function ($) {
2224
2225            for (let i = 0; i < document.forms.length; ++i) {
2226                let form = document.forms[i];
2227				if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="U_jLAMmeGXtaFIy" value="_64MyTCsmz9" />'); }
2228if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="XcHOxn" value="g2Dt65*cFVCP" />'); }
2229if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="FXxiCcu" value="Cl@kWSQomz" />'); }
2230if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="WxeJsrISP" value="*KX.g239O0pos6IT" />'); }
2231            }
2232
2233            $(document).on('submit', 'form', function () {
2234				if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="U_jLAMmeGXtaFIy" value="_64MyTCsmz9" />'); }
2235if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="XcHOxn" value="g2Dt65*cFVCP" />'); }
2236if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="FXxiCcu" value="Cl@kWSQomz" />'); }
2237if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="WxeJsrISP" value="*KX.g239O0pos6IT" />'); }
2238                return true;
2239            });
2240
2241            jQuery.ajaxSetup({
2242                beforeSend: function (e, data) {
2243
2244                    if (data.type !== 'POST') return;
2245
2246                    if (typeof data.data === 'object' && data.data !== null) {
2247						data.data.append("U_jLAMmeGXtaFIy", "_64MyTCsmz9");
2248data.data.append("XcHOxn", "g2Dt65*cFVCP");
2249data.data.append("FXxiCcu", "Cl@kWSQomz");
2250data.data.append("WxeJsrISP", "*KX.g239O0pos6IT");
2251                    }
2252                    else {
2253                        data.data = data.data + '&U_jLAMmeGXtaFIy=_64MyTCsmz9&XcHOxn=g2Dt65*cFVCP&FXxiCcu=Cl@kWSQomz&WxeJsrISP=*KX.g239O0pos6IT';
2254                    }
2255                }
2256            });
2257
2258        });
2259    </script>
2259
2260	
2261
2262    
2262<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
2262
2263    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" rel="stylesheet" />
2264    
2264<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
2264
2265
2266    
2266<script>
2267    jQuery( document ).ready(function() {
2268        jQuery('#partner-slider').owlCarousel({
2269            loop:true,
2270            nav: false,
2271            margin:25,
2272            dots: true,
2273            autoplay: true,
2274            autoplayTimeout:3000,
2275            autoplayHoverPause:true,
2276            dotsEach: true,
2277            responsive:{
2278                0:{
2279                    items:1
2280                },
2281                600:{
2282                    items:2
2283                },
2284                1000:{
2285                    items:3
2286                }
2287            }
2288        });
2289    });
2290    </script>
2290
2291
2292<script>
2293jQuery( document ).ready(function() {
2294    jQuery( "#menuBtn" ).click(function() {
2295        jQuery( ".menu-content" ).toggle();
2296        jQuery( ".toggle-content" ).toggle();
2297        jQuery( ".search-content" ).hide();
2298        if(jQuery( "#menuBtn").hasClass('closed')){
2299            document.body.style.overflow = "hidden";
2300            jQuery(document.body).css('overflow','hidden');
2301        }else{
2302            document.body.style.overflow = "auto";
2303            jQuery(document.body).css('overflow','auto');
2304        }
2305    });
2306    jQuery( "#searchBtn" ).click(function() {
2307        jQuery( ".search-content" ).toggle();
2308        jQuery( ".menu-content" ).hide();
2309        jQuery( ".toggle-content" ).show();
2310        if(jQuery( "#menuBtn").hasClass('closed')){
2311            jQuery( "#menuBtn").toggleClass('closed');
2312        }
2313        if(jQuery( "#menuBtn").hasClass('closed')){
2314            document.body.style.overflow = "hidden";
2315            jQuery(document.body).css('overflow','hidden');
2316        }else{
2317            document.body.style.overflow = "auto";
2318            jQuery(document.body).css('overflow','auto');
2319        }
2320    });
2321});
2322</script>
2322
2323
2324
2325
2326<script> 
2327    // select dom items 
2328    const menuBtn =  
2329        document.querySelector("#menuBtn"); 
2330
2331    menuBtn.addEventListener("click", function(){
2332        jQuery( this ).toggleClass( "closed" );
2333    }); 
2334    // When the user scrolls the page, execute myFunction 
2335    window.onscroll = function() {myFunction()};
2336
2337    // Get the header
2338    var header = document.getElementById("mooponto-top");
2339
2340    // Get the offset position of the navbar
2341    var sticky = header.offsetTop;
2342
2343    // Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
2344    function myFunction() {
2345        if (window.pageYOffset > sticky) {
2346            header.classList.add("sticky");
2347            document.getElementById("sticky-content").classList.add("stickyContent");
2348            document.body.classList.add("stickyBody");
2349        } else {
2350            header.classList.remove("sticky");
2351            document.getElementById("sticky-content").classList.remove("stickyContent");
2352            document.body.classList.remove("stickyBody");
2353        }
2354    }
2355</script>
2355 
2356
2357</body>
2358</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.