<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>株式会社星屋 |  一級建築事務所</title>
	<atom:link href="https://hoshiyajp.co.jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://hoshiyajp.co.jp</link>
	<description></description>
	<lastBuildDate>Tue, 08 Sep 2026 09:29:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.15</generator>

<image>
	<url>https://hoshiyajp.co.jp/hoshiya/sites/3/2021/09/cropped-xw-1-32x32.png</url>
	<title>株式会社星屋 |  一級建築事務所</title>
	<link>https://hoshiyajp.co.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>谷町君ホテル・難波80</title>
		<link>https://hoshiyajp.co.jp/tanimachihotel_namba80/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tanimachihotel_namba80</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 09:01:56 +0000</pubDate>
				<category><![CDATA[特区民泊のCM]]></category>
		<category><![CDATA[新築]]></category>
		<category><![CDATA[ホテル]]></category>
		<category><![CDATA[大阪]]></category>
		<category><![CDATA[京都]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=11738</guid>

					<description><![CDATA[<p>谷町君ホテル WE・難波28 ◀ 春の華 Back to W &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/tanimachihotel_namba80/"> <span class="screen-reader-text">谷町君ホテル・難波80</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_namba80/">谷町君ホテル・難波80</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_namba80/">谷町君ホテル・難波80</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11738" class="elementor elementor-11738" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-37a4944 elementor-widget elementor-widget-html" data-id="37a4944" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prev: 難波28 -->
      <a href="https://hoshiyajp.co.jp/tanimachihotel_namba28/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/4.難波28.jpg" alt="難波28" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル WE・難波28</span>
      </a>
      <!-- Current: 難波80 -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/d9a32b78-93c9-4c77-90f5-a4e577d1e0e7.jpg" alt="難波80" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <!-- Next: 春の華 -->
      <a href="https://hoshiyajp.co.jp/harunohana/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/harunohana_1.jpg" alt="春の華" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">春の華</span>
      </a>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">谷町君ホテル<br>難波80</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">大阪 / OSAKA</span>
        <span class="jp-spec-lbl">Category</span>
        <span class="jp-spec-val">特区民泊</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">特区民泊</span>
        <span class="jp-tag">大阪</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/d9a32b78-93c9-4c77-90f5-a4e577d1e0e7.jpg" alt="外観" loading="lazy"></div>
      <div class="jp-caption">
        大阪・難波エリアに建つ新築マンション型宿泊施設。難波の都市景観に馴染むデザインで、国内外の旅行者の拠点として機能する。
        <em>難波80 — 大阪の中心に宿る</em>
      </div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      大阪・難波エリアに建つ新築マンション型宿泊施設。特区民泊対応のレジデンス型ホテルとして、難波の利便性を活かした快適な滞在空間を提供しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">大阪市内（難波エリア）</div></div>
      <div><div class="jp-pl">用途</div><div class="jp-pv">特区民泊・ホテル</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_namba80/">谷町君ホテル・難波80</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_namba80/">谷町君ホテル・難波80</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>谷町君ホテル・ 京都駅29</title>
		<link>https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tanimachihotel_kyotostation29</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 09:01:08 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[ホテル]]></category>
		<category><![CDATA[京都]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=11736</guid>

					<description><![CDATA[<p>谷町君ホテル 東本願寺19 ◀ 谷町君ホテル 松竹雲 Bac &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/"> <span class="screen-reader-text">谷町君ホテル・ 京都駅29</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/">谷町君ホテル・ 京都駅29</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/">谷町君ホテル・ 京都駅29</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11736" class="elementor elementor-11736" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-37a4944 elementor-widget elementor-widget-html" data-id="37a4944" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prev: 東本願寺19 -->
      <a href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/588884102.jpg" alt="東本願寺19" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル 東本願寺19</span>
      </a>
      <!-- Current: 京都駅29 -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_1.jpg" alt="京都駅29" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <!-- Next: 松竹雲 -->
      <a href="https://hoshiyajp.co.jp/tanimachihotel_shochikuun/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/syochikuun_1.jpg" alt="松竹雲" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル 松竹雲</span>
      </a>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">谷町君ホテル<br>京都駅29</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">京都 / KYOTO</span>
        <span class="jp-spec-lbl">Category</span>
        <span class="jp-spec-val">ホテル</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">ホテル</span>
        <span class="jp-tag">京都</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_1.jpg" alt="外観" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_2-scaled.jpg" alt="外観2" loading="lazy"></div>
      <div class="jp-caption">
        京都駅近郊に建つホテル。アクセスの良さを活かした立地で、観光・ビジネス双方の旅人に対応する。
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_3-scaled.jpg" alt="客室" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_4-scaled.jpg" alt="客室2" loading="lazy"></div>
      <div class="jp-caption">
        機能性と居心地の良さを両立した客室。清潔感ある空間で旅人の快適な滞在を支える。
        <em>京都の玄関口に佇む都市型ホテル</em>
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/kyotostation_5-scaled.jpg" alt="細部" loading="lazy"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      京都駅近郊に建つホテル。アクセス抜群の立地を活かし、観光・ビジネス・家族旅行など幅広いニーズに対応した空間設計を実現しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">京都市内</div></div>
      <div><div class="jp-pl">用途</div><div class="jp-pv">ホテル</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/">谷町君ホテル・ 京都駅29</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/">谷町君ホテル・ 京都駅29</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>谷町君ホテル・ 東本願寺19</title>
		<link>https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tanimachihotel_higashihonganji19</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 09:00:17 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[ホテル]]></category>
		<category><![CDATA[京都]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=11734</guid>

					<description><![CDATA[<p>谷町君ホテル ひとめぼれ ◀ 谷町君ホテル 京都駅29 Ba &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/"> <span class="screen-reader-text">谷町君ホテル・ 東本願寺19</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/">谷町君ホテル・ 東本願寺19</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/">谷町君ホテル・ 東本願寺19</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11734" class="elementor elementor-11734" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-37a4944 elementor-widget elementor-widget-html" data-id="37a4944" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prev: ひとめぼれ -->
      <a href="https://hoshiyajp.co.jp/tanimachihotel_hitomebore/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P16hidari.jpg" alt="ひとめぼれ" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル ひとめぼれ</span>
      </a>
      <!-- Current: 東本願寺19 -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/588884102.jpg" alt="東本願寺19" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <!-- Next: 京都駅29 -->
      <a href="https://hoshiyajp.co.jp/tanimachihotel_kyotostation29/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/2.京都駅東29.jpg" alt="京都駅29" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル 京都駅29</span>
      </a>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">谷町君ホテル<br>東本願寺19</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">京都 / KYOTO</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2024</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">リノベーション</span>
        <span class="jp-tag">ホテル</span>
        <span class="jp-tag">京都</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/588884102.jpg" alt="外観" loading="lazy"></div>
      <div class="jp-caption">
        京都市下京区西洞院通六条に建つリノベーションホテル。東本願寺まで徒歩10分、京都駅へバス7分の好立地。弊社の監理・内装設計により2024年8月開業。
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/585836190.jpg" alt="室内4" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/582970690.jpg" alt="客室2" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/09/585843650.jpg" alt="細部" loading="lazy"></div>
      <div class="jp-caption">
        清潔感と機能性を重視した客室設計。無料Wi-Fiや最新設備を完備し、観光・ビジネス双方の旅人に対応。
        <em>東本願寺の静寂を感じる都市型ホテル</em>
      </div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      京都市下京区西洞院通六条上る小柳町に建つリノベーションホテル。弊社の監理・内装設計により2024年8月竣工・開業。<br><br>
      東本願寺まで徒歩10分、京都駅へバス7分、大阪市内へ電車40分とアクセス良好。無料Wi-Fiや最新設備を完備し、観光・ビジネス・家族旅行に対応しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">京都府京都市下京区西洞院通六条上る小柳町495-2</div></div>
      <div><div class="jp-pl">竣工年</div><div class="jp-pv">2024年8月</div></div>
      <div><div class="jp-pl">用途</div><div class="jp-pv">ホテル・リノベーション</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/">谷町君ホテル・ 東本願寺19</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_higashihonganji19/">谷町君ホテル・ 東本願寺19</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>星屋旅館　山科家</title>
		<link>https://hoshiyajp.co.jp/hoshiya-yamashinaya/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hoshiya-yamashinaya</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 08:59:23 +0000</pubDate>
				<category><![CDATA[京町屋]]></category>
		<category><![CDATA[新築]]></category>
		<category><![CDATA[京都]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=11732</guid>

					<description><![CDATA[<p>星屋旅館 大宮旅館 ◀ 星屋旅館 城下の宿 Back to  &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/hoshiya-yamashinaya/"> <span class="screen-reader-text">星屋旅館　山科家</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/hoshiya-yamashinaya/">星屋旅館　山科家</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/hoshiya-yamashinaya/">星屋旅館　山科家</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11732" class="elementor elementor-11732" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-be67b47 elementor-widget elementor-widget-html" data-id="be67b47" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prev: 大宮旅館 -->
      <a href="https://hoshiyajp.co.jp/hoshiya-kyotooomiya/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/9.大宮旅館.jpg" alt="大宮旅館" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">星屋旅館 大宮旅館</span>
      </a>
      <!-- Current: 山科家 -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_11-scaled.jpg" alt="山科家" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <!-- Next: 城下の宿 -->
      <a href="https://hoshiyajp.co.jp/hoshiya-jyoka/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/8.城下の宿-scaled.jpg" alt="城下の宿" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">星屋旅館 城下の宿</span>
      </a>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">山科家</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">京都 / KYOTO</span>
        <span class="jp-spec-lbl">Category</span>
        <span class="jp-spec-val">旅館・町屋</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">京町屋</span>
        <span class="jp-tag">京都</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_11-scaled.jpg" alt="外観" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_2-scaled.jpg" alt="室内" loading="lazy"></div>
      <div class="jp-caption">
        京都に建つ京町屋旅館。山科家の名の通り、山城の国の風情を纏った静謐な空間が広がる。
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_4-scaled.jpg" alt="客室" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_10-scaled.jpg" alt="細部" loading="lazy"></div>
      <div class="jp-caption">
        木・漆喰・畳が調和した空間。伝統的な素材の温もりが、旅人に静謐なひとときを届ける。
        <em>山科家 — 山城の地に宿る</em>
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/yamashinaya_12-scaled.jpg" alt="全景" loading="lazy"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      京都に建つ京町屋旅館。伝統的な町屋の様式を継承しながら、現代の快適性を融合させた設計により、特別な滞在体験を提供しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">京都市内</div></div>
      <div><div class="jp-pl">用途</div><div class="jp-pv">旅館・町屋</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>
		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/hoshiya-yamashinaya/">星屋旅館　山科家</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/hoshiya-yamashinaya/">星屋旅館　山科家</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MR.T Amber Mizuho A</title>
		<link>https://hoshiyajp.co.jp/mrt_ambermizuho_a/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mrt_ambermizuho_a</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Wed, 03 Jun 2026 14:29:11 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[白馬]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=11638</guid>

					<description><![CDATA[<p>Amber Mizuho B ◀ Amber Echolan &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/"> <span class="screen-reader-text">MR.T Amber Mizuho A</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/">MR.T Amber Mizuho A</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/">MR.T Amber Mizuho A</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="11638" class="elementor elementor-11638" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-bc219ab elementor-widget elementor-widget-html" data-id="bc219ab" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">

      <!-- Prev: Mizuho B -->
      <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P1.jpg" alt="Mizuho B" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">Amber Mizuho B</span>
      </a>

      <!-- Current: Mizuho A -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P6.jpg" alt="Mizuho A" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>

      <!-- Next: Echoland -->
      <a href="https://hoshiyajp.co.jp/mrt_amberecholand/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P10.jpg" alt="Echoland" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">Amber Echoland</span>
      </a>

    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">MR.T Amber Mizuho A</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">白馬 / HAKUBA</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2025</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">ヴィラ</span>
        <span class="jp-tag">白馬</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_13.jpg" alt="外観"></div>
     <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_8-scaled.jpg" alt="外観2"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_9.jpg" alt="バスルーム2"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_10.jpg" alt="エントランス"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_6.jpg" alt="外観3"></div>
      <div class="jp-caption">白馬の山並みを背景に佇む外観。周辺の自然環境と調和するよう、素材と色調を慎重に選定した。</div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_12.jpg" alt="デッキ2"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_11.jpg" alt="外観夜景"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/mizuho_a_9.jpg" alt="デッキ"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/mizuho_a_12.jpg" alt="バスルーム"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      白馬村に建つ新築ヴィラ。北アルプスの雄大な景観を室内に引き込む大開口部と、木材・石材を活かした温かみのある空間が特徴。<br><br>
      四季を通じて快適に過ごせる高断熱設計と、プライベートな寛ぎを提供するレイアウトにより、特別な滞在体験を実現しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">長野県白馬村</div></div>
      <div><div class="jp-pl">竣工年</div><div class="jp-pv">2025年</div></div>
      <div><div class="jp-pl">建築面積</div><div class="jp-pv">174.23㎡</div></div>
      <div><div class="jp-pl">延床面積</div><div class="jp-pv">299.53㎡</div></div>
      <div><div class="jp-pl">構造</div><div class="jp-pv">木造・2階建</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/">MR.T Amber Mizuho A</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/">MR.T Amber Mizuho A</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>谷町君ホテル・日本橋47</title>
		<link>https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tanimachihotel_nihonbashi47</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 28 May 2026 08:14:50 +0000</pubDate>
				<category><![CDATA[特区民泊のCM]]></category>
		<category><![CDATA[ホテル]]></category>
		<category><![CDATA[大阪]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=10633</guid>

					<description><![CDATA[<p>谷町君ホテル 難波東43 ◀ 谷町君ホテル 心斎橋東32 B &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/"> <span class="screen-reader-text">谷町君ホテル・日本橋47</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/">谷町君ホテル・日本橋47</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/">谷町君ホテル・日本橋47</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10633" class="elementor elementor-10633" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-bc219ab elementor-widget elementor-widget-html" data-id="bc219ab" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px;
  --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }

/* ══ 全体グリッド ══ */
.jp { display: grid; grid-template-columns: var(--side) 1fr; }

/* ══ 左サイドバー（sticky） ══ */
.jp-side {
  position: sticky;
  top: var(--wp-h);
  height: calc(100vh - var(--wp-h));
  border-right: 1px solid var(--line);
  display: flex; flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 40px 20px;
  background: #fff; z-index: 10;
  gap: 8px;
}

/* サイドナビ：前・現在・次の3枚縦並び */
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-nav-item {
  width: 88px; aspect-ratio: 16/9; display: block;
  opacity: 0.4; transition: opacity 0.2s; flex-shrink: 0; position: relative;
  overflow: visible;
}
.jp-nav-item img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; }
.jp-nav-item-inner { width: 100%; height: 100%; overflow: hidden; }
.jp-nav-current { opacity: 1; cursor: default; }
.jp-nav-item:not(.jp-nav-current):hover { opacity: 0.85; }
.jp-arrow {
  position: absolute; right: -16px; top: 50%;
  transform: translateY(-50%);
  font-size: 12px; color: #1A1A1A; pointer-events: none; line-height: 1;
  font-family: sans-serif;
}

/* Back to Works */
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }

/* ══ 右メイン ══ */
.jp-main { min-width: 0; }

/* ヘッダー */
.jp-header {
  padding: 96px 64px 40px;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 48px; align-items: end;
}
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }

/* See Overview — hoverで文字色のみ変化、背景変えない */
.jp-ov-btn {
  font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em;
  display: inline-flex; align-items: center; gap: 10px;
  white-space: nowrap; color: var(--black);
  background: none !important;
  transition: color 0.2s;
}
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus {
  width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1;
  flex-shrink: 0;
}

/* 写真＋説明文 */
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }

/* ══ Overviewパネル ══ */
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
/* Close — hoverで文字色のみ変化 */
.jp-panel-close {
  font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em;
  cursor: pointer; display: flex; align-items: center; gap: 8px;
  color: var(--black); background: none !important;
  transition: color 0.2s;
}
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }

/* SP */
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-nav-item { width: 56px; }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">

  <!-- 左サイドバー -->
  <aside class="jp-side">
    <!-- 前・現在・次の物件 3枚縦並び -->
    <div class="jp-nav-list">
      <a href="https://hoshiyajp.co.jp/namba_higashi43/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/1.難波東43-scaled.jpg" alt="難波東43" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル 難波東43</span>
      </a>
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2021/12/0595A11-e1638405524918.jpg" alt="日本橋47" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <a href="https://hoshiyajp.co.jp/tanimachihotel_shinsaibashihigashi/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2021/04/IMG_9789-scaled.jpg" alt="心斎橋東" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">谷町君ホテル 心斎橋東32</span>
      </a>
    </div>

    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <!-- 右メイン -->
  <div class="jp-main">

    <header class="jp-header">
      <h1 class="jp-title">谷町君ホテル<br>日本橋47</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Area</span>
        <span class="jp-spec-val">1,676㎡ / 47戸</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2019</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">特区民泊</span>
        <span class="jp-tag">大阪</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC04800-拷贝-scaled.jpg" alt="外観"></div>
      <div class="jp-caption">都市景観に溶け込むシンプルなファサード。コンパクトながら機能性を追求した外観は、周辺環境との調和を意識して設計された。</div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC02308.jpg" alt="外観"></div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC02281.jpg" alt="外観"></div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC01771-_トリム.jpg" alt="外観"></div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC04829-拷贝.jpg" alt="外観"></div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC04844-_トリム.jpg" alt="外観"></div>
      <div class="jp-photo" id="jpPhoto0"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/DSC02308-_トリム.jpg" alt="外観"></div>
      <div class="jp-caption">全47戸の客室はキッチン・リビング・ベッドルームを効率よく配したレジデンス仕様。長期滞在にも対応した設計で、国内外の旅行者・ビジネスパーソンに高い満足度を提供する。<em>コンパクトな空間に機能を凝縮した客室プラン</em></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<!-- Overviewパネル -->
<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      大阪市中央区高津に建つ新築マンション型宿泊施設。延床1,676㎡・47戸、2019年7月竣工。<br><br>
      特区民泊CM対応の都市型レジデンスとして、長期滞在にも対応した快適な居住空間を提供。コンパクトながら機能性を追求した客室設計で、国内外の旅行者・ビジネスパーソンに高い満足度を提供しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">土地面積</div><div class="jp-pv">408.10㎡</div></div>
      <div><div class="jp-pl">延床面積</div><div class="jp-pv">1,676.97㎡</div></div>
      <div><div class="jp-pl">所在地</div><div class="jp-pv">大阪市中央区高津２丁目</div></div>
      <div><div class="jp-pl">竣工年月</div><div class="jp-pv">2019年7月</div></div>
      <div><div class="jp-pl">住戸数</div><div class="jp-pv">47戸</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  /* WPヘッダー高さを動的取得 */
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);



  /* Overview */
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/">谷町君ホテル・日本橋47</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/">谷町君ホテル・日本橋47</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>繁星シェアオフィス</title>
		<link>https://hoshiyajp.co.jp/fanxingoffice/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=fanxingoffice</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:45:56 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[大阪]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=10666</guid>

					<description><![CDATA[<p>迦南の宿 ◀ Back to Works 繁星シェアオフィス &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/fanxingoffice/"> <span class="screen-reader-text">繁星シェアオフィス</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/fanxingoffice/">繁星シェアオフィス</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/fanxingoffice/">繁星シェアオフィス</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10666" class="elementor elementor-10666" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-37a4944 elementor-widget elementor-widget-html" data-id="37a4944" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prev: 迦南 -->
      <a href="https://hoshiyajp.co.jp/kanan/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2021/08/4737575561_50043349528_Dingtalk_20220104171857.jpg" alt="迦南" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">迦南の宿</span>
      </a>
      <!-- Current: 繁星（最後の物件・Nextなし） -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_E6687-scaled.jpg" alt="繁星" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">繁星シェアオフィス</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">延床面積</span>
        <span class="jp-spec-val">672.26㎡</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2024</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">オフィス</span>
        <span class="jp-tag">大阪</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_E6698-768x1024.jpg" alt="室内" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_E6687-768x1024.jpg" alt="室内2" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_E6685-768x1024.jpg" alt="室内3" loading="lazy"></div>
      <div class="jp-caption">
        大阪市天王寺区伶人町に建つシェアオフィス。鉄骨造・地上10階建て・延床672㎡。開放的な空間設計により、様々なワークスタイルに対応する。
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_6678-768x1024.jpg" alt="コワーキング" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_6677-768x1024.jpg" alt="個室" loading="lazy"></div>
      <div class="jp-caption">
        フレキシブルに使えるコワーキングスペースと個室ブース。多様な働き方に対応したレイアウト設計。
        <em>繁星 — 星が輝くように、才能が集まる場所</em>
      </div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_6692-768x1024.jpg" alt="共用スペース" loading="lazy"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2024/03/IMG_E6687-scaled.jpg" alt="全景" loading="lazy"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      大阪市天王寺区伶人町に建つシェアオフィス。鉄骨造・地上10階建て・延床672㎡、2024年竣工。<br><br>
      多様なワークスタイルに対応した開放的な空間設計と、コワーキングスペース・個室ブースの組み合わせにより、様々なユーザーに快適な就業環境を提供しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">大阪市天王寺区伶人町</div></div>
      <div><div class="jp-pl">竣工年</div><div class="jp-pv">2024年</div></div>
      <div><div class="jp-pl">敷地面積</div><div class="jp-pv">108.62㎡（103.03坪）</div></div>
      <div><div class="jp-pl">延床面積</div><div class="jp-pv">672.26㎡（203.36坪）</div></div>
      <div><div class="jp-pl">構造・規模</div><div class="jp-pv">鉄骨造・地上10階建て</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/fanxingoffice/">繁星シェアオフィス</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/fanxingoffice/">繁星シェアオフィス</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MR.T Amber Mizuho B</title>
		<link>https://hoshiyajp.co.jp/mrt_ambermizuho_b/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mrt_ambermizuho_b</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:16:13 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[白馬]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=10654</guid>

					<description><![CDATA[<p>◀ Amber Mizuho A Back to Works &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/"> <span class="screen-reader-text">MR.T Amber Mizuho B</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/">MR.T Amber Mizuho B</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/">MR.T Amber Mizuho B</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10654" class="elementor elementor-10654" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-bc219ab elementor-widget elementor-widget-html" data-id="bc219ab" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px;
  --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }

.jp { display: grid; grid-template-columns: var(--side) 1fr; }

.jp-side {
  position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h));
  border-right: 1px solid var(--line); display: flex; flex-direction: column;
  justify-content: flex-end; padding: 0 0 40px 20px;
  background: #fff; z-index: 10; gap: 8px;
}
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }

.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }

.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }

.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }

@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">
      <!-- Prevなし（最初の物件） -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/AmberMizuhoB_exterior-1.jpg" alt="Amber Mizuho B" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
      <!-- Next: Mizuho A -->
      <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P6.jpg" alt="Amber Mizuho A" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">Amber Mizuho A</span>
      </a>
    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">MR.T Amber Mizuho B</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Area</span>
        <span class="jp-spec-val">白馬 / HAKUBA</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2025</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">ヴィラ</span>
        <span class="jp-tag">白馬</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

    <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/AmberMizuhoB_exterior-1.jpg" alt="Amber Mizuho B"></div>
      <div class="jp-caption">白馬の自然に溶け込む外観デザイン。周囲の山岳景観と調和する素材と形状で構成された。</div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_14.jpg" alt="外観2"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_15.jpg" alt="外観3"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P3.jpg" alt="外観3"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Mizuho_B_19.jpg" alt="リビング"></div>
      <div class="jp-caption">木材と石を組み合わせた温かみのある室内。大きな開口部から白馬の四季が望める。<em>自然素材を活かした空間構成</em></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Mizuho_B_11.jpg" alt="ベッドルーム2"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Mizuho_B_10.jpg" alt="ベッドルーム"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      白馬村に建つ新築ヴィラ。大自然の中に溶け込む外観と、木材・石材を活かした温かみのある内装が特徴。<br><br>
      北アルプスの山岳景観を最大限に取り込む大開口部と、四季を通じて快適に過ごせる高断熱設計を採用しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">長野県白馬村</div></div>
      <div><div class="jp-pl">竣工年</div><div class="jp-pv">2025年</div></div>
      <div><div class="jp-pl">建築面積</div><div class="jp-pv">164.45㎡</div></div>
      <div><div class="jp-pl">延床面積</div><div class="jp-pv">296.8㎡</div></div>
      <div><div class="jp-pl">構造</div><div class="jp-pv">木造・2階建</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);

  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/">MR.T Amber Mizuho B</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_ambermizuho_b/">MR.T Amber Mizuho B</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Amber Echoland</title>
		<link>https://hoshiyajp.co.jp/mrt_amberecholand/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mrt_amberecholand</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:11:04 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[白馬]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=10645</guid>

					<description><![CDATA[<p>Amber Mizuho A ◀ 星屋旅館 東山望月居 Ba &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/mrt_amberecholand/"> <span class="screen-reader-text">Amber Echoland</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/mrt_amberecholand/">Amber Echoland</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_amberecholand/">Amber Echoland</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10645" class="elementor elementor-10645" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-9aacda1 elementor-widget elementor-widget-html" data-id="9aacda1" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #1A1A1A; --gray: #999; --line: #E0E0E0;
  --bg-panel: #EFEDE6;
  --font-en: "Cormorant Garamond", Georgia, serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --side: 148px; --wp-h: 60px;
}
body { background: #fff; color: var(--black); font-family: var(--font-jp); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }
.jp { display: grid; grid-template-columns: var(--side) 1fr; }
.jp-side { position: sticky; top: var(--wp-h); height: calc(100vh - var(--wp-h)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 40px 20px; background: #fff; z-index: 10; gap: 8px; }
.jp-nav-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.jp-back { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.28em; color: var(--gray); text-transform: uppercase; transition: color 0.2s; display: block; flex-shrink: 0; }
.jp-back:hover { color: var(--black); }
.jp-main { min-width: 0; }
.jp-header { padding: 96px 64px 40px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 48px; align-items: end; }
.jp-title { font-family: var(--font-en); font-size: clamp(22px, 2.4vw, 32px); font-weight: 400; letter-spacing: 0.02em; line-height: 1.3; }
.jp-spec { display: flex; flex-direction: column; }
.jp-spec-lbl { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 2px; }
.jp-spec-val { font-size: 13px; font-weight: 400; margin-bottom: 10px; }
.jp-spec-val:last-child { margin-bottom: 0; }
.jp-tags { display: flex; flex-direction: column; gap: 5px; }
.jp-tag { font-size: 11px; letter-spacing: 0.1em; color: var(--gray); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.jp-ov-btn { font-family: var(--font-en); font-size: 14px; letter-spacing: 0.2em; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-ov-btn:hover { color: var(--gray); background: none !important; }
.jp-plus { width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; flex-shrink: 0; }
.jp-gallery { display: flex; flex-direction: column; padding: 0 64px; gap: 4px; }
.jp-photo img { width: 100%; display: block; }
.jp-caption { padding: 20px 0 24px; font-size: 13px; line-height: 2; font-weight: 300; color: #555; border-bottom: 1px solid var(--line); }
.jp-caption em { font-style: italic; color: var(--gray); font-size: 12px; display: block; margin-top: 4px; }
.jp-end { height: 120px; }
.jp-overlay { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.jp-overlay.is-open { opacity: 1; pointer-events: auto; }
.jp-overlay-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.15); }
.jp-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(660px, 92vw); background: var(--bg-panel); overflow-y: auto; padding: 48px 56px 80px; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.jp-overlay.is-open .jp-panel { transform: translateX(0); }
.jp-panel-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 20px; margin-bottom: 40px; }
.jp-panel-lbl { font-family: var(--font-en); font-size: 15px; letter-spacing: 0.2em; color: #888; }
.jp-panel-close { font-family: var(--font-en); font-size: 13px; letter-spacing: 0.2em; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--black); background: none !important; transition: color 0.2s; }
.jp-panel-close:hover { color: var(--gray); background: none !important; }
.jp-panel-desc { font-size: 14px; line-height: 2.2; font-weight: 300; margin-bottom: 48px; }
.jp-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 32px; }
.jp-pl { font-family: var(--font-en); font-size: 10px; letter-spacing: 0.25em; color: #888; margin-bottom: 4px; }
.jp-pv { font-size: 14px; font-weight: 400; }
@media (max-width: 900px) {
  .jp { grid-template-columns: 1fr; }
  .jp-side { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: 14px 20px; gap: 10px; border-right: none; border-bottom: 1px solid var(--line); }
  .jp-header { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px 20px; }
  .jp-gallery { padding: 0 20px; }
  .jp-panel { padding: 32px 24px 64px; }
  .jp-panel-grid { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="jp">
  <aside class="jp-side">
    <div class="jp-nav-list">

      <!-- Prev: Mizuho A -->
      <a href="https://hoshiyajp.co.jp/mrt_ambermizuho_a/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P6.jpg" alt="Mizuho A" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;top:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">Amber Mizuho A</span>
      </a>

      <!-- Current: Echoland -->
      <div style="width:80px;height:50px;display:block;opacity:1;cursor:default;position:relative;flex-shrink:0;overflow:visible;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P10.jpg" alt="Echoland" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:12px;color:#1A1A1A;line-height:1;pointer-events:none;"><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/25c0.png" alt="◀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>

      <!-- Next: 東山望月居 -->
      <a href="https://hoshiyajp.co.jp/hoshiya-higashiyamamochitsukikyo/"
         style="width:80px;height:50px;overflow:visible;display:block;opacity:0.45;transition:opacity 0.2s;position:relative;flex-shrink:0;text-decoration:none;"
         onmouseenter="this.style.opacity=1;this.querySelector('.jp-tip').style.opacity=1;"
         onmouseleave="this.style.opacity=0.45;this.querySelector('.jp-tip').style.opacity=0;">
        <div style="width:80px;height:50px;overflow:hidden;">
          <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Higashiyama_8-scaled.jpg" alt="東山望月居" style="width:100%;height:100%;object-fit:cover;display:block;">
        </div>
        <span class="jp-tip" style="position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:10px;letter-spacing:0.05em;color:#1A1A1A;background:#fff;padding:2px 4px;opacity:0;transition:opacity 0.2s;pointer-events:none;font-family:'Noto Sans JP',sans-serif;">星屋旅館 東山望月居</span>
      </a>

    </div>
    <a href="https://hoshiyajp.co.jp/portfolio/" class="jp-back">Back to Works</a>
  </aside>

  <div class="jp-main">
    <header class="jp-header">
      <h1 class="jp-title">Amber Echoland Mr.T</h1>
      <div class="jp-spec">
        <span class="jp-spec-lbl">Location</span>
        <span class="jp-spec-val">白馬 / HAKUBA</span>
        <span class="jp-spec-lbl">Completion</span>
        <span class="jp-spec-val">2024</span>
      </div>
      <div class="jp-tags">
        <span class="jp-tag">新築</span>
        <span class="jp-tag">ヴィラ</span>
        <span class="jp-tag">白馬</span>
      </div>
      <button class="jp-ov-btn" id="jpOvOpen">
        See Overview <span class="jp-plus">+</span>
      </button>
    </header>

      <div class="jp-gallery">
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P10.jpg" alt="外観"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_3.jpg" alt="外観2"></div>
      <div class="jp-caption">白馬の自然の中に静かに佇む外観。周囲の景観に溶け込む素材と色調を選び、四季折々の表情を楽しめる設計とした。</div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_1.jpg" alt="エントランス左"></div>
           <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Ecoland_23.jpg" alt="冬景色"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Ecoland_13-scaled.jpg" alt="エントランス右下"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/09/0908_4.jpg" alt="リビング左"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Ecoland_17-scaled.jpg" alt="リビング左2"></div>       <div class="jp-caption">静寂に包まれた寝室。高断熱・高気密な設計により、白馬の厳冬も快適に過ごせる環境を整えた。</div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/Ecoland_10-scaled.jpg" alt="リビング右"></div>
      <div class="jp-photo"><img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2026/06/P12migiue.jpg" alt="ダイニング"></div>
    </div>
    <div class="jp-end"></div>
  </div>
</div>

<div class="jp-overlay" id="jpOverlay">
  <div class="jp-overlay-bg" id="jpOvBg"></div>
  <div class="jp-panel">
    <div class="jp-panel-top">
      <span class="jp-panel-lbl">(Overview)</span>
      <button class="jp-panel-close" id="jpOvClose">Close ×</button>
    </div>
    <p class="jp-panel-desc">
      白馬村エコーランドに建つ新築ヴィラ。北アルプスの雄大な自然を借景とした大開口部と、木材を活かした温かみのある内装が特徴。<br><br>
      白馬の厳しい冬にも対応した高断熱設計と、四季を通じてプライベートな滞在を楽しめる空間構成を実現しています。
    </p>
    <div class="jp-panel-grid">
      <div><div class="jp-pl">所在地</div><div class="jp-pv">長野県白馬村</div></div>
      <div><div class="jp-pl">竣工年</div><div class="jp-pv">2024年</div></div>
      <div><div class="jp-pl">建築面積</div><div class="jp-pv">165.62㎡</div></div>
      <div><div class="jp-pl">延床面積</div><div class="jp-pv">298.54㎡</div></div>
      <div><div class="jp-pl">構造</div><div class="jp-pv">木造・2階建</div></div>
      <div><div class="jp-pl">設計監理</div><div class="jp-pv">株式会社星屋</div></div>
    </div>
  </div>
</div>

<script>
(function(){
  function setWpH(){
    var h = document.querySelector('.site-header, #masthead, .main-header-bar, #ast-fixed-header');
    if(h) document.documentElement.style.setProperty('--wp-h', h.offsetHeight + 'px');
  }
  setWpH();
  window.addEventListener('resize', setWpH);
  var ov = document.getElementById('jpOverlay');
  function ovOpen(){ ov.classList.add('is-open'); document.body.style.overflow='hidden'; }
  function ovClose(){ ov.classList.remove('is-open'); document.body.style.overflow=''; }
  document.getElementById('jpOvOpen').addEventListener('click', ovOpen);
  document.getElementById('jpOvClose').addEventListener('click', ovClose);
  document.getElementById('jpOvBg').addEventListener('click', ovClose);
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') ovClose(); });
})();
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/mrt_amberecholand/">Amber Echoland</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/mrt_amberecholand/">Amber Echoland</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>迦南</title>
		<link>https://hoshiyajp.co.jp/kanan/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=kanan</link>
		
		<dc:creator><![CDATA[zihui]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:00:09 +0000</pubDate>
				<category><![CDATA[新築]]></category>
		<category><![CDATA[大阪]]></category>
		<guid isPermaLink="false">https://hoshiyajp.co.jp/?p=10624</guid>

					<description><![CDATA[<p>新築 迦南 大阪 / OSAKA SCROLL SPECIF &#8230;</p>
<p class="read-more"> <a class="" href="https://hoshiyajp.co.jp/kanan/"> <span class="screen-reader-text">迦南</span> Read More »</a></p>
<p>The post <a href="https://hoshiyajp.co.jp/kanan/">迦南</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p>
<p><a rel="nofollow" href="https://hoshiyajp.co.jp/kanan/">迦南</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="10624" class="elementor elementor-10624" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-18088ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="18088ee" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c52840b" data-id="c52840b" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-bc219ab elementor-widget elementor-widget-html" data-id="bc219ab" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【共通CSS v2】ヘッダーボタン問題修正版 + SP HERO横長対応
====================================================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;700&family=Cormorant+Garamond:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
/* ページ背景 */
body { background: #1C1C1C !important; }
/* Elementor余白リセット */
.elementor-section,
.elementor-container,
.elementor-column-wrap,
.elementor-widget-wrap { padding-top: 0 !important; padding-bottom: 0 !important; }
.elementor-widget:not(:last-child) { margin-bottom: 0 !important; }
/* セクション背景 */
.d-section { background: #1C1C1C !important; }
/* セクション内テキストのみ白 — ヘッダーは上書きしない */
.d-section h1,.d-section h2,.d-section h3,.d-section h4,
.d-section p,.d-section dt,.d-section dd,
.d-section li { color: #FFFFFF !important; }
.d-section a { color: #FFFFFF !important; }
/* ゴールド */
.d-gold { color: #C9A77E !important; }
@media (max-width: 768px) {
  /* HERO 横長（短い長方形） */
  section[style*="height:100vh"] {
    height: 56vw !important;
    min-height: 240px !important;
    max-height: 420px !important;
  }
  .d-hero-copy { padding: 0 20px 8vw !important; }
  .d-hero-copy h1 { font-size: 22px !important; line-height: 1.6 !important; }
  .d-hero-scroll { display: none !important; }
  /* SPEC */
  .d-spec-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
  /* FLOOR PLAN */
  .d-plan-grid { grid-template-columns: 1fr !important; }
  /* GALLERY */
  .d-row-top { grid-template-columns: 1fr !important; }
  .d-row-top .d-gallery-item { grid-row: span 1 !important; }
  .d-row-mid { grid-template-columns: repeat(2,1fr) !important; }
}
</style>		</div>
				</div>
				<div class="elementor-element elementor-element-b839799 elementor-widget elementor-widget-html" data-id="b839799" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【迦南】01 HERO
====================================================== -->
<section class="d-section" style="position:relative;height:100vh;min-height:600px;overflow:hidden;margin:0;padding:0;">
  <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2021/08/4737575561_50043349528_Dingtalk_20220104171857.jpg"
       alt="迦南の宿"
       style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;">
  <div style="position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.65) 100%);z-index:1;pointer-events:none;"></div>
  <div class="d-hero-copy" style="position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 64px 20vh;max-width:1440px;margin:0 auto;">
    <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;letter-spacing:0.35em;color:rgba(255,255,255,0.8);text-transform:uppercase;margin-bottom:16px;display:block;">新築</span>
    <h1 style="font-family:'Noto Serif JP',serif;font-size:clamp(28px,4vw,52px);font-weight:300;letter-spacing:0.1em;line-height:1.4;margin-bottom:20px;color:#fff;">迦南</h1>
    <p style="font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(13px,1.1vw,16px);letter-spacing:0.35em;color:rgba(255,255,255,0.85);margin:0;">大阪 / OSAKA</p>
  </div>
  <div class="d-hero-scroll" style="position:absolute;z-index:2;left:64px;bottom:32px;font-family:'Cormorant Garamond',Georgia,serif;font-size:11px;letter-spacing:0.4em;color:#fff;line-height:1;">
    <span id="d-scroll-arrow" style="display:block;width:1px;height:48px;background:#fff;margin:0 0 10px;transform-origin:top;"></span>
    SCROLL
  </div>
</section>
<script>
(function(){
  var a=document.getElementById('d-scroll-arrow');if(!a)return;var up=true;
  setInterval(function(){a.style.transition='transform 1.2s ease,opacity 1.2s ease';a.style.transform=up?'scaleY(1)':'scaleY(0.4)';a.style.opacity=up?'1':'0.4';up=!up;},1200);
})();
</script>		</div>
				</div>
				<div class="elementor-element elementor-element-e3e84ff elementor-widget elementor-widget-html" data-id="e3e84ff" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【迦南】02 SPECIFICATION
====================================================== -->
<section class="d-section" style="padding:128px 64px;">
  <div style="width:100%;max-width:1440px;margin:0 auto;">
    <div class="d-spec-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start;">
      <div>
        <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;letter-spacing:0.3em;color:#C9A77E !important;text-transform:uppercase;margin-bottom:24px;display:block;">SPECIFICATION</span>
        <h2 style="font-family:'Noto Serif JP',serif;font-size:clamp(22px,2.4vw,32px);font-weight:300;letter-spacing:0.1em;line-height:1.6;color:#FFFFFF;margin-bottom:48px;">迦南</h2>
        <dl style="display:grid;grid-template-columns:130px 1fr;gap:0;">
          <dt style="font-family:'Noto Sans JP',sans-serif;font-size:12px;letter-spacing:0.15em;color:rgba(255,255,255,0.5);padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.1);">敷地面積</dt>
          <dd style="font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;letter-spacing:0.12em;color:#FFFFFF;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.1);">56.14㎡（16.98坪）</dd>
          <dt style="font-family:'Noto Sans JP',sans-serif;font-size:12px;letter-spacing:0.15em;color:rgba(255,255,255,0.5);padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.1);">延床面積</dt>
          <dd style="font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;letter-spacing:0.12em;color:#FFFFFF;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.1);">74.73㎡（22.61坪）</dd>
          <dt style="font-family:'Noto Sans JP',sans-serif;font-size:12px;letter-spacing:0.15em;color:rgba(255,255,255,0.5);padding:18px 0;">所在地</dt>
          <dd style="font-family:'Noto Sans JP',sans-serif;font-size:13px;letter-spacing:0.08em;color:#FFFFFF;padding:18px 0;">大阪市浪速区恵美須東1丁目</dd>
        </dl>
      </div>
      <div>
        <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/4737575561_50043349528_Dingtalk_20220104171857-e1641447028403.jpg"
             alt="迦南 外観"
             style="width:100%;aspect-ratio:4/3;object-fit:cover;display:block;">
      </div>
    </div>
  </div>
</section>		</div>
				</div>
				<div class="elementor-element elementor-element-c48d4aa elementor-widget elementor-widget-html" data-id="c48d4aa" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【迦南】03 GALLERY — CG図4枚
====================================================== -->
<style>
.d-gallery-item{overflow:hidden;cursor:pointer;background:#2A2A2A;}
.d-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.6s ease;}
.d-gallery-item:hover img{transform:scale(1.04);}
.d-lb{position:fixed;inset:0;background:rgba(0,0,0,0.93);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.d-lb.is-open{opacity:1;pointer-events:auto;}
.d-lb img{max-width:90vw;max-height:88vh;object-fit:contain;display:block;}
.d-lb-close{position:absolute;top:20px;right:28px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;line-height:1;padding:8px;}
.d-lb-prev,.d-lb-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(201,167,126,0.6);border-radius:50%;color:#C9A77E;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;flex-shrink:0;}
.d-lb-prev{left:24px;}.d-lb-next{right:24px;}
.d-lb-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;letter-spacing:0.3em;color:rgba(255,255,255,0.5);}
</style>

<section class="d-section" style="padding:0 0 128px;">
  <div style="width:100%;max-width:1440px;margin:0 auto;padding:0 64px 64px;">
    <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;letter-spacing:0.3em;color:#C9A77E !important;text-transform:uppercase;display:block;margin-bottom:16px;">GALLERY</span>
    <h2 style="font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,2.4vw,32px);font-weight:400;letter-spacing:0.04em;color:#FFFFFF !important;margin:0;">施設・設備の写真</h2>
  </div>

  <!-- 1行目: 左1枚大 + 右2枚小 -->
  <div class="d-row-top" style="display:grid;grid-template-columns:2fr 1fr;gap:4px;max-width:1440px;margin:0 auto 4px;">
    <div class="d-gallery-item" style="grid-row:span 2;">
      <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/1%E9%9A%8E%EF%BC%9A%EF%BC%AC%EF%BC%A4%EF%BC%88%E5%AE%B6%E5%85%B7%E3%81%82%E3%82%8A%EF%BC%89-1.jpg" alt="1階LDK（家具あり）" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
    </div>
    <div class="d-gallery-item">
      <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/1%E9%9A%8E%EF%BC%9A%EF%BC%AC%EF%BC%A4%EF%BC%88%E5%AE%B6%E5%85%B7%E3%81%AA%E3%81%97%EF%BC%89.jpg" alt="1階LDK（家具なし）" loading="lazy">
    </div>
    <div class="d-gallery-item">
      <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/2%E9%9A%8E%EF%BC%9A%E6%B4%8B%E5%AE%A4.jpg" alt="2階洋室" loading="lazy">
    </div>
  </div>

  <!-- 2行目 -->
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:1440px;margin:0 auto;">
    <div class="d-gallery-item">
      <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/2%E9%9A%8E%EF%BC%9A%E5%92%8C%E5%AE%A4-1-1.jpg" alt="2階和室" loading="lazy">
    </div>
  </div>
</section>

<div class="d-lb" id="dLb">
  <button class="d-lb-close" id="dLbClose">×</button>
  <button class="d-lb-prev" id="dLbPrev">←</button>
  <img src="" id="dLbImg" alt="">
  <button class="d-lb-next" id="dLbNext">→</button>
  <span class="d-lb-counter" id="dLbCnt"></span>
</div>
<script>
(function(){
  var lb=document.getElementById('dLb'),lbImg=document.getElementById('dLbImg'),lbCnt=document.getElementById('dLbCnt');
  if(!lb)return;
  var imgs=Array.prototype.slice.call(document.querySelectorAll('.d-gallery-item img')),cur=0;
  function open(i){cur=i;lbImg.src=imgs[i].src;lbImg.alt=imgs[i].alt;lbCnt.textContent=(i+1)+' / '+imgs.length;lb.classList.add('is-open');document.body.style.overflow='hidden';}
  function close(){lb.classList.remove('is-open');document.body.style.overflow='';}
  function move(d){cur=(cur+d+imgs.length)%imgs.length;lbImg.src=imgs[cur].src;lbImg.alt=imgs[cur].alt;lbCnt.textContent=(cur+1)+' / '+imgs.length;}
  imgs.forEach(function(img,i){img.parentElement.addEventListener('click',function(){open(i);});});
  document.getElementById('dLbClose').addEventListener('click',close);
  document.getElementById('dLbPrev').addEventListener('click',function(){move(-1);});
  document.getElementById('dLbNext').addEventListener('click',function(){move(1);});
  lb.addEventListener('click',function(e){if(e.target===lb)close();});
  document.addEventListener('keydown',function(e){if(!lb.classList.contains('is-open'))return;if(e.key==='Escape')close();if(e.key==='ArrowLeft')move(-1);if(e.key==='ArrowRight')move(1);});
})();
</script>		</div>
				</div>
				<div class="elementor-element elementor-element-a9a03f4 elementor-widget elementor-widget-html" data-id="a9a03f4" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【迦南】04 FLOOR PLAN — 設計図2枚
====================================================== -->
<style>
.d-plan-item{overflow:hidden;cursor:pointer;background:#282828;aspect-ratio:16/9;transition:opacity 0.2s;}
.d-plan-item img{width:100%;height:100%;object-fit:contain;background:#fff;display:block;}
.d-plan-item:hover{opacity:0.85;}
.d-lb-plan{position:fixed;inset:0;background:rgba(0,0,0,0.93);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.d-lb-plan.is-open{opacity:1;pointer-events:auto;}
.d-lb-plan-wrap{background:#ffffff;width:82vw;max-width:1100px;height:75vh;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;}
.d-lb-plan-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;}
.d-lb-plan-close{position:absolute;top:20px;right:28px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;line-height:1;padding:8px;}
.d-lb-plan-prev,.d-lb-plan-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(201,167,126,0.6);border-radius:50%;color:#C9A77E;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;flex-shrink:0;}
.d-lb-plan-prev{left:24px;}.d-lb-plan-next{right:24px;}
.d-lb-plan-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;letter-spacing:0.3em;color:rgba(255,255,255,0.5);}
</style>

<section class="d-section" style="padding:0 64px 128px;">
  <div style="width:100%;max-width:1440px;margin:0 auto;">
    <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;letter-spacing:0.3em;color:#C9A77E !important;text-transform:uppercase;margin-bottom:24px;display:block;">floor plan</span>
    <h2 style="font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,2.4vw,32px);font-weight:400;letter-spacing:0.04em;color:#FFFFFF !important;margin-bottom:64px;">実施設計図</h2>
    <div class="d-plan-grid" style="display:grid;grid-template-columns:repeat(2,1fr);gap:24px;">
      <div class="d-plan-item" onclick="openPlan(0)">
        <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/c.png" alt="設計図01">
      </div>
      <div class="d-plan-item" onclick="openPlan(1)">
        <img src="https://hoshiyajp.co.jp/hoshiya/sites/3/2022/01/%E3%82%AB%E3%83%8A%E3%83%B3%E3%81%AE%E5%AE%BFhp%E7%94%A8-1024x935.jpg" alt="設計図02">
      </div>
    </div>
    <p style="font-family:'Noto Sans JP',sans-serif;font-size:11px;letter-spacing:0.15em;color:rgba(255,255,255,0.35);margin-top:20px;">※ クリックで拡大表示</p>
  </div>
</section>

<div class="d-lb-plan" id="dLbPlan">
  <button class="d-lb-plan-close" id="dLbPlanClose">×</button>
  <button class="d-lb-plan-prev" id="dLbPlanPrev">←</button>
  <div class="d-lb-plan-wrap"><img src="" id="dLbPlanImg" alt=""></div>
  <button class="d-lb-plan-next" id="dLbPlanNext">→</button>
  <span class="d-lb-plan-counter" id="dLbPlanCnt"></span>
</div>
<script>
(function(){
  var lb=document.getElementById('dLbPlan'),lbImg=document.getElementById('dLbPlanImg'),lbCnt=document.getElementById('dLbPlanCnt');
  var plans=Array.prototype.slice.call(document.querySelectorAll('.d-plan-item img')),cur=0;
  window.openPlan=function(i){cur=i;lbImg.src=plans[i].src;lbCnt.textContent=(i+1)+' / '+plans.length;lb.classList.add('is-open');document.body.style.overflow='hidden';};
  function close(){lb.classList.remove('is-open');document.body.style.overflow='';}
  function move(d){cur=(cur+d+plans.length)%plans.length;lbImg.src=plans[cur].src;lbCnt.textContent=(cur+1)+' / '+plans.length;}
  document.getElementById('dLbPlanClose').addEventListener('click',close);
  document.getElementById('dLbPlanPrev').addEventListener('click',function(){move(-1);});
  document.getElementById('dLbPlanNext').addEventListener('click',function(){move(1);});
  lb.addEventListener('click',function(e){if(e.target===lb)close();});
  document.addEventListener('keydown',function(e){if(!lb.classList.contains('is-open'))return;if(e.key==='Escape')close();if(e.key==='ArrowLeft')move(-1);if(e.key==='ArrowRight')move(1);});
})();
</script>		</div>
				</div>
				<div class="elementor-element elementor-element-37a4944 elementor-widget elementor-widget-html" data-id="37a4944" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ======================================================
  【迦南】05 NAV
====================================================== -->
<section class="d-section" style="padding:80px 64px;background:#222222 !important;border-top:1px solid rgba(255,255,255,0.1);">
  <div style="width:100%;max-width:1440px;margin:0 auto;">
    <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;">
      <a href="https://hoshiyajp.co.jp/tanimachihotel_nihonbashi47/"
         style="display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:opacity 0.2s;"
         onmouseover="this.style.opacity='0.7'" onmouseout="this.style.opacity='1'">
        <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:11px;letter-spacing:0.3em;color:#C9A77E;text-transform:uppercase;">← Prev</span>
        <span style="font-family:'Noto Serif JP',serif;font-size:clamp(13px,1.1vw,17px);letter-spacing:0.08em;color:#E8E8E8;">谷町君ホテル・日本橋47</span>
      </a>
      <a href="https://hoshiyajp.co.jp/portfolio/"
         style="display:inline-block;font-family:'Noto Sans JP',sans-serif;font-size:12px;letter-spacing:0.25em;color:#C9A77E;border-bottom:1px solid #C9A77E;padding-bottom:6px;text-decoration:none;white-space:nowrap;transition:opacity 0.2s;"
         onmouseover="this.style.opacity='0.7'" onmouseout="this.style.opacity='1'">
        一覧に戻る
      </a>
      <a href="https://hoshiyajp.co.jp/mrt_amberecholand/"
         style="display:flex;flex-direction:column;gap:10px;text-decoration:none;text-align:right;transition:opacity 0.2s;"
         onmouseover="this.style.opacity='0.7'" onmouseout="this.style.opacity='1'">
        <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:11px;letter-spacing:0.3em;color:#C9A77E;text-transform:uppercase;">Next →</span>
        <span style="font-family:'Noto Serif JP',serif;font-size:clamp(13px,1.1vw,17px);letter-spacing:0.08em;color:#E8E8E8;">Amber Echoland　</span>
      </a>
    </div>
  </div>
</section>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div><p>The post <a href="https://hoshiyajp.co.jp/kanan/">迦南</a> first appeared on <a href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>.</p><p><a rel="nofollow" href="https://hoshiyajp.co.jp/kanan/">迦南</a>最先出现在<a rel="nofollow" href="https://hoshiyajp.co.jp">株式会社星屋 |  一級建築事務所</a>。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
