
<rss version="2.0">
    <channel>
        <title>TOWERZのブログ</title>
        <link>https://www.esandcompany.co.jp/blog/</link>
        <description>TOWERZのブログ</description>
        <language>ja</language>
                
        <item>
            <title>【OPENROOM】11/7(土),8(日) 13:00〜17:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-853922/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20260917_162808_d8fe4757.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20260917_162808_d8fe4757.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">OPENROOM</div>
      <h1>プラウドタワー梅田豊崎</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">7,280万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>55.99㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>2LDK+SIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>西</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-3329-5281</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7(土)</div><div class="date-chip">11/8(日)</div></div>
        <div class="event-time">開催時間 <strong>13:00〜17:00</strong></div>
      </div>
      <div class="reserve-note">
        【ご予約不要】
      ご見学の際はエントランスにて<br>
      405号室のインターホンでお呼び出しください。<br>
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20260917_162812_ba589517.jpg" alt="プラウドタワー梅田豊崎 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">7,280<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>55.99㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>4<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>2LDK<small>+SIC</small></dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／9.78㎡</li>
          <li>管理費／14,890円</li>
          <li>修繕積立金／7,610円</li>
          <li>現状／空室</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>リビングに天井カセットエアコン付き！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>リビングと約6帖の洋室に床暖房完備◎</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>すぐに公園があり、緑の潤いあふれる住環境</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_01_20260917_162821_2ca85902.jpg" alt="プラウドタワー梅田豊崎 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_02_20260917_162838_6e6c1ed6.jpg" alt="プラウドタワー梅田豊崎 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_03_20260917_162859_e0b84625.jpg" alt="プラウドタワー梅田豊崎 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_04_20260917_162917_e55e6071.jpg" alt="プラウドタワー梅田豊崎 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_05_20260917_162933_618371b9.jpg" alt="プラウドタワー梅田豊崎 室内写真5"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市北区豊崎4丁目 ●交通／OsakaMetro御堂筋線「中津」駅まで徒歩7分、OsakaMetro谷町線「中崎町」駅まで徒歩12分、阪急電鉄各線「大阪梅田」駅まで徒歩13分 ●築年数／2023年3月 ●構造規模／RC造地上28階建 ●総戸数／126戸 ●敷地面積／1,380.99㎡ ●用途地域／商業地域 ●分譲会社／野村不動産 ●施工会社／三井住友建設  ●管理方式／全部委託（日勤） ●権利態様／所有権  ●インターネット料／１,848円
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>プラウドタワー梅田豊崎</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/7D4BmP3u1zD4hqkGA" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>【ご予約不要】ご見学の際はエントランスにて405号室のインターホンでお呼び出しください。<br></p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-3329-5281</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_162132_575_%E3%83%97%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20260917_162812_ba589517.jpg" alt="プラウドタワー梅田豊崎 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-06</pubDate>
        </item>
                
        <item>
            <title>【OPENROOM】11/7(土),8(日)14:00〜18:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-875390/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20261026_111058_a269512a.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20261026_111058_a269512a.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">OPENROOM</div>
      <h1>ザファインタワー梅田豊崎</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">33,800万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>103.4㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>3LDK+WIC+SIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南西角</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜090-6731-1937</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div></div>
        <div class="event-time">開催時間 <strong>14:00〜18:00</strong></div>
      </div>
      <div class="reserve-note">
        【予約不要】<br>
       指定日時内でしたらご予約は不要です。<br>
       現地に到着したら4101号室のチャイムを鳴らしてください。<br>
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20261026_111103_32f32fab.jpg" alt="ザファインタワー梅田豊崎 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">33,800<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>103.4㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>41<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>3LDK<small>+WIC+SIC</small></dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／16.22㎡</li>
          <li>管理費／23,780円</li>
          <li>修繕積立金／22,430円</li>
          <li>現状／空家</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>淀川花火大会がお部屋から望めます☆</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>41階南西角部屋につき、日当たり・眺望・通風良好！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>専有面積100㎡超、約24.5帖の広々LDK♪</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_01_20261026_111111_627c7059.jpg" alt="ザファインタワー梅田豊崎 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_02_20261026_111120_7cdf5841.jpg" alt="ザファインタワー梅田豊崎 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_03_20261026_111127_bb14b3db.jpg" alt="ザファインタワー梅田豊崎 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/room_04_20261026_111137_4916d19c.jpg" alt="ザファインタワー梅田豊崎 室内写真4"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市北区豊崎3丁目 ●交通／OsakaMetro御堂筋線「中津」駅 徒歩1分、阪急電鉄京都線 梅田駅 徒歩6分、阪急電鉄神戸線 梅田駅 徒歩6分、阪急電鉄宝塚線 梅田駅 徒歩6分 ●築年月／2019年2月 ●構造・規模／RC造一部鉄骨造地上45階地下1階塔屋2階建 ●敷地面積／2,499.72㎡ ●用途地域／商業 ●総戸数／312戸 ●施工会社／竹中工務店●管理形式／全部委託（日勤） ●権利形態／所有権
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>ザファインタワー梅田豊崎</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/zyjTTpjfPasJEQYu7" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>指定日時内でしたらご予約は不要です。現地に到着したら4101号室のチャイムを鳴らしてください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜090-6731-1937</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20261026_111103_32f32fab.jpg" alt="ザファインタワー梅田豊崎 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-02</pubDate>
        </item>
                
        <item>
            <title>【OPENROOM】11/,7(土),8(日)14:00〜18:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-875399/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20261026_112109_9ececbe3.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/fv_20261026_112109_9ececbe3.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">OPENROOM</div>
      <h1>ザファインタワー梅田豊崎</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">9,980万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>64.15㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>2SLDK+SIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜090-6731-1937</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div></div>
        <div class="event-time">開催時間 <strong>14:00〜18:00</strong></div>
      </div>
      <div class="reserve-note">
         【予約不要】<br>
       担当者が同マンションの4101号室に常駐しています。<br>
       4101号室のチャイムでお呼び出しいただいたら<br>
       担当者が11階のお部屋までご案内いたします。<br>
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20261026_112115_f8acdc5f.jpg" alt="ザファインタワー梅田豊崎 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">9,980<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>64.15㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>11<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>2SLDK+SIC</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／12.09㎡</li>
          <li>管理費／14,750円</li>
          <li>修繕積立金／13,920円</li>
          <li>現状／空家</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>全居室がバルコニーに面するワイドスパン!</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>天井高2.6mの開放的な空間!</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>廊下が短くデッドスペースが少ない納戸付の2LDK ！</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261026_134717_842_%E3%82%AF%E3%83%AC%E3%83%B4%E3%82%A3%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_01_20261026_134733_6175eb54.jpg" alt="ザファインタワー梅田豊崎 室内写真1"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市北区豊崎3丁目 ●交通／OsakaMetro御堂筋線「中津」駅 徒歩1分、阪急電鉄京都線 梅田駅 徒歩6分、阪急電鉄神戸線 梅田駅 徒歩6分、阪急電鉄宝塚線 梅田駅 徒歩6分 ●築年月／2019年2月 ●構造・規模／RC造一部鉄骨造地上45階地下1階塔屋2階建 ●敷地面積／2,499.72㎡ ●用途地域／商業 ●総戸数／312戸 ●施工会社／竹中工務店●管理形式／全部委託（日勤） ●権利形態／所有権
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>ザファインタワー梅田豊崎</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/zyjTTpjfPasJEQYu7" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>4101号室のチャイムでお呼び出しいただいたら<br>
       担当者が11階のお部屋までご案内いたします。<br></p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜090-6731-1937</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261026_110613_483_%E3%82%B6%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E6%A2%85%E7%94%B0%E8%B1%8A%E5%B4%8E/floorplan_20261026_112115_f8acdc5f.jpg" alt="ザファインタワー梅田豊崎 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-02</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土)、8(日)10:00〜18:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-873465/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/fv_20261022_115039_06cd2219.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/fv_20261022_115039_06cd2219.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>グランドメゾン新梅田タワーザクラブレジデンス</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">14,980万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>88.55㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>3LDK+WIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南西角</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6518-6555</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7(土)</div><div class="date-chip">11/8(日)</div></div>
        <div class="event-time">開催時間 <strong>10:00〜18:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/floorplan_20261022_115045_dc289445.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">14,980<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>88.55㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>6<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>3LDK<small>+WIC</small></dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／17.26㎡</li>
          <li>管理費／18,580円</li>
          <li>修繕積立金／8,850円</li>
          <li>現状／居住中</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>専有面積88.55平米、ゆとりある３LDKの南西角住戸☆</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>約19.1帖のLDKを備えた開放的な間取り◎</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>LDKと洋室３室すべてに窓を配置！</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_01_20261022_115108_a517f1b9.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_02_20261022_115126_0bd8543e.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_03_20261022_115146_0d951e2d.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_04_20261022_115158_789d2477.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_05_20261022_115213_5f959a88.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真5"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_06_20261022_115229_a0182818.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真6"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/room_07_20261022_115252_0b02e7bc.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 室内写真7"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button><button class="gallery-dot" type="button" aria-label="6枚目"></button><button class="gallery-dot" type="button" aria-label="7枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市北区大淀南2丁目2-9 ●築年数／2022年1月 ●構造規模／RC造一部鉄骨造屋根地上51階・ 地下1階建 ●バルコニー面積：17.26㎡ ●敷地面積／10,337.43㎡ ●現状／居住中 ●用途地域／商業地域 ●分譲会社／積水ハウス、他5社 ●施工会社／竹中工務店 ●管理会社／積水ハウスGMパートナーズ ●管理方式／全部委託（常勤） ●交通／JR大阪環状線「福島」駅まで徒歩8分、JR線「大阪」駅まで徒歩14分●総戸数／871戸 ●管理費／18,580円 ●修繕積立金／8,850円 ●権利態様／所有権 ●取引態様／仲介
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>グランドメゾン新梅田タワーザクラブレジデンス</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/j3PaYrt47qSC3Pxt5" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6518-6555</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261022_113826_303_%E3%82%AF_%E3%83%A9%E3%83%B3%E3%83%88_%E3%83%A1%E3%82%BD_%E3%83%B3%E6%96%B0%E6%A2%85%E7%94%B0%E3%82%BF%E3%83%AF%E3%83%BC%E3%82%B5_%E3%82%AF%E3%83%A9%E3%83%95_%E3%83%AC%E3%82%B7_%E3%83%86_%E3%83%B3%E3%82%B9/floorplan_20261022_115045_dc289445.jpg" alt="グランドメゾン新梅田タワーザクラブレジデンス 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日) 10:00〜18:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-853723/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20260917_111020_305_%E3%82%B7%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E4%B8%AD%E4%B9%8B%E5%B3%B6/fv_20260917_111853_2ab5ff92.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20260917_111020_305_%E3%82%B7%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E4%B8%AD%E4%B9%8B%E5%B3%B6/fv_20260917_111853_2ab5ff92.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>シエリアタワー中之島</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">12,990万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>86.94㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>3SLDK+WIC+SIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南西角</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-3329-5602</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div></div>
        <div class="event-time">開催時間 <strong>10:00〜18:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_111020_305_%E3%82%B7%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E4%B8%AD%E4%B9%8B%E5%B3%B6/floorplan_20260917_111859_f9e4d481.jpg" alt="シエリアタワー中之島 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">12,990<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>86.94㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>18<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>3SLDK+WIC+SIC</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／5.04㎡</li>
          <li>管理費／26,000円</li>
          <li>修繕積立金／10,500円</li>
          <li>現状／空家</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>18階南西角住戸！開放感溢れるリバービュー！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>中之島5丁目開発の恩恵を受けられるエリア</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>スーパー、総合病院、公園が近く、生活利便◎</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_111020_305_%E3%82%B7%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E4%B8%AD%E4%B9%8B%E5%B3%B6/room_01_20260917_111904_6ddbb3f1.jpg" alt="シエリアタワー中之島 室内写真1"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市福島区福島2丁目 ●交通／ JR東西線「新福島」駅から徒歩4分、京阪中之島線「中之島」駅から徒歩5分、阪神本線「福島」駅から徒歩5分 ●築年月／2025年12月 ●構造・規<br>模／RC造一部S造地上46階建 ●敷地面積／2,972.83㎡ ●用途地域／商業地域 ●総戸数／364戸 ●施工会社／大林組 ●管理形式／全部委託（日勤） ●権利形態／一般定期借地権 ●月額地代／15,327円 ●解体準備金／5,300円 ●インターネット費／2,189円
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>シエリアタワー中之島</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/4rvs4hDUrcABv3EY8" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-3329-5602</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_111020_305_%E3%82%B7%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%BF%E3%83%AF%E3%83%BC%E4%B8%AD%E4%B9%8B%E5%B3%B6/floorplan_20260917_111859_f9e4d481.jpg" alt="シエリアタワー中之島 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日)時間要相談</title>
            <link>https://www.esandcompany.co.jp/blog/entry-881328/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/fv_20261102_152138_67b1aef3.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/fv_20261102_152138_67b1aef3.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>ローレルタワー御堂筋本町</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">8,680万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>67.87㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>2LDK+WIC+N</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>西</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-2326-2216</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div></div>
        <div class="event-time">開催時間 <strong>ご相談ください</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/floorplan_20261102_152145_a90c9405.jpg" alt="ローレルタワー御堂筋本町 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">8,680<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>67.87㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>3<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>+WIC</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／14.81㎡</li>
          <li>管理費／20,340円</li>
          <li>修繕積立金／11,740円</li>
          <li>現状／居住中</li>
          <li>引渡時期／2027年2月上旬以降</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>全居室がバルコニーに面した2SLDK住戸◎</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>収納豊富(約0.8帖納戸・WIC・物入等)</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>靱公園、御堂筋が生活圏、本町駅徒歩4分の好立地</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_01_20261102_152156_5036d4e1.jpg" alt="ローレルタワー御堂筋本町 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_02_20261102_152205_4ba1beee.jpg" alt="ローレルタワー御堂筋本町 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_03_20261102_152211_cf8123b2.jpg" alt="ローレルタワー御堂筋本町 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_04_20261102_152218_711c982f.jpg" alt="ローレルタワー御堂筋本町 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_05_20261102_152224_df5be8b4.jpg" alt="ローレルタワー御堂筋本町 室内写真5"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_06_20261102_152228_c9097d62.jpg" alt="ローレルタワー御堂筋本町 室内写真6"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/room_07_20261102_152239_bb566aab.jpg" alt="ローレルタワー御堂筋本町 室内写真7"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button><button class="gallery-dot" type="button" aria-label="6枚目"></button><button class="gallery-dot" type="button" aria-label="7枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市中央区瓦町4丁目 ●交通／OsakaMetro御堂筋線,中央線,四つ橋線「本町」駅から徒歩4分、谷町線「東梅田」駅から徒歩13分 ●築年月／2021年2月 ●構造・規模／RC造地上30階地下1階建 ●敷地面積／2,175.47㎡ ●用途地域／商業地域 ●総戸数／241戸 ●施工会社／長谷工コーポレーション ●管理形式／全部委託（日勤） ●権利形態／所有権
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>ローレルタワー御堂筋本町</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/5LvMXAc7qnhd6Wgo6" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜070-2326-2216</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261102_151759_592_%E3%83%AD%E3%83%BC%E3%83%AC%E3%83%AB%E3%82%BF%E3%83%AF%E3%83%BC%E5%BE%A1%E5%A0%82%E7%AD%8B%E6%9C%AC%E7%94%BA/floorplan_20261102_152145_a90c9405.jpg" alt="ローレルタワー御堂筋本町 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日)11:00〜17:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-866640/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/fv_20261008_104122_fd692bb4.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/fv_20261008_104122_fd692bb4.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>ザ・サッポロタワー琴似</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">6,390万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>88.01㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>3LDK+WIC</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南東</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-7550-4657</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7(土)</div><div class="date-chip">11/8(日)</div></div>
        <div class="event-time">開催時間 <strong>11:00〜17:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/floorplan_20261008_104128_a947a429.jpg" alt="ザ・サッポロタワー琴似 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">6,390<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>88.01㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>30<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>3LDK<small>+WIC</small></dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／11.76㎡</li>
          <li>管理費／17,970円</li>
          <li>修繕積立金／19,880円</li>
          <li>現状／空家</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>専有面積88.01平米、ゆとりある３LDKの南東中住戸☆</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>2025年12月に大型リフォーム完了◎</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>JRと地下鉄のダブルアクセスの好立地！</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_01_20261008_104135_a3342ad0.jpg" alt="ザ・サッポロタワー琴似 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_02_20261008_104140_7d6df715.jpg" alt="ザ・サッポロタワー琴似 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_03_20261008_104147_cfa5d102.jpg" alt="ザ・サッポロタワー琴似 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_04_20261008_104155_f297072c.jpg" alt="ザ・サッポロタワー琴似 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_05_20261008_104205_d327dbee.jpg" alt="ザ・サッポロタワー琴似 室内写真5"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_06_20261008_104211_be8b6be8.jpg" alt="ザ・サッポロタワー琴似 室内写真6"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/room_07_20261008_104220_e2797d84.jpg" alt="ザ・サッポロタワー琴似 室内写真7"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button><button class="gallery-dot" type="button" aria-label="6枚目"></button><button class="gallery-dot" type="button" aria-label="7枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市中央区瓦町4丁目 ●交通／OsakaMetro御堂筋線・中央線・四つ橋線「本町」駅から徒歩4分 ●築年月／2021年2月 ●構造・規模／RC造地上30階地下1階建 ●敷地面積／2,175.47㎡ ●用途地域／商業地域 ●総戸数／241戸 ●施工会社／長谷工コーポレーション ●管理形式／全部委託（日勤） ●権利形態／所有権 ●リフォーム内容／システムキッチン(浄水器付き水栓、食洗機交換)、浴室＆洗面室(浴室換気乾燥機、洗面化粧台水栓交換)、トイレ(LIXIL製便座交換)、床(フローリング・塩ビタイル)、他(クロス、建具、電気温水器、照明器具交換、巾木交換、ロスナイセントラル換気交換)(2025年12月完了)
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>ザ・サッポロタワー琴似</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/TuTYFN4E2BXkv5G78" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-7550-4657</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261008_095900_055_%E3%82%B6_%E3%82%B5%E3%83%83%E3%83%9D%E3%83%AD%E3%82%BF%E3%83%AF%E3%83%BC%E7%90%B4%E4%BC%BC/floorplan_20261008_104128_a947a429.jpg" alt="ザ・サッポロタワー琴似 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日),14(土),15(日)11:00〜17:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-870177/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/fv_20261015_134801_c601017a.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/fv_20261015_134801_c601017a.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>シティタワー円山神宮鳥居前</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">14,880万円（税込）</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>133.97㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>4SLDK+N</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>南西角</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-7550-4657</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div><div class="date-chip">11/14（土）</div><div class="date-chip">11/15（日）</div></div>
        <div class="event-time">開催時間 <strong>11:00〜17:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/floorplan_20261015_134807_5604ba37.jpg" alt="シティタワー円山神宮鳥居前 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">14,880<small>万円（税込）</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>133.97㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>2<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>4SLDK+N</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／20.91㎡</li>
          <li>管理費／26,430円</li>
          <li>修繕積立金／27,900円</li>
          <li>現状／居住中</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>2住戸連結(専有面積133.97㎡)ならではのゆとりある広さ！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>防音室完備で楽器演奏など趣味を楽しめる♪</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>円山公園駅徒歩5分！円山の豊かな住環境を享受できる好立地☆</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/room_01_20261015_134814_52138560.jpg" alt="シティタワー円山神宮鳥居前 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/room_02_20261015_134822_a74b6a64.jpg" alt="シティタワー円山神宮鳥居前 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/room_03_20261015_134830_64e9a6a1.jpg" alt="シティタワー円山神宮鳥居前 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/room_04_20261015_134836_1aeec315.jpg" alt="シティタワー円山神宮鳥居前 室内写真4"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／北海道札幌市中央区北一条西26丁目 ●交通／札幌市営地下鉄東西線「円山公園」駅から徒歩5分、「西28丁目」駅から徒歩7分 ●築年月／2005年10月 ●構造・規模／RC28階地下1階建 ●用途地域／近隣商業地域、第一種住居地域 ●総戸数／146戸 ●施工会社／伊藤組土建 ●管理形式／全部委託（日駐） ●権利形態／所有権
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>シティタワー円山神宮鳥居前</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/RGf2Sn6UTw8E4wth7" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-7550-4657</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20261015_132509_276_%E3%82%B7%E3%83%86%E3%82%A3%E3%82%BF%E3%83%AF%E3%83%BC%E5%86%86%E5%B1%B1%E7%A5%9E%E5%AE%AE%E9%B3%A5%E5%B1%85%E5%89%8D/floorplan_20261015_134807_5604ba37.jpg" alt="シティタワー円山神宮鳥居前 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日)13:00〜18:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-853883/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/fv_20260917_145600_ab6a793d.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/fv_20260917_145600_ab6a793d.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>ザ・ファインタワー大手前</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">9,780万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>56.8㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>2LDK</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>北</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6719-0336</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7（土）</div><div class="date-chip">11/8（日）</div></div>
        <div class="event-time">開催時間 <strong>13:00〜18:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/floorplan_20260917_145605_02f4bff5.jpg" alt="ザ・ファインタワー大手前 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">9, 780<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>56.8㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>14<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>2LDK</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／5.55㎡</li>
          <li>管理費／14,614円</li>
          <li>修繕積立金／6,000円</li>
          <li>現状／居住中</li>
          <li>引渡時期／要相談</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>コンパクト2LDK！無駄のないきれいな間取り＆FIX窓の開放感あるLDK◎</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>14階北向きで眺望も◎大阪城が美しく見えるのスカイラウンジは圧巻です！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>天満橋駅徒歩2分＆フィットネスジム完備＆1階におしゃれなカフェも♪</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/room_01_20260917_145616_29caafeb.jpg" alt="ザ・ファインタワー大手前 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/room_02_20260917_145621_52a5c478.jpg" alt="ザ・ファインタワー大手前 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/room_03_20260917_145625_a3c81dd1.jpg" alt="ザ・ファインタワー大手前 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/room_04_20260917_145632_3c1d1d74.jpg" alt="ザ・ファインタワー大手前 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/room_05_20260917_145637_20030b71.jpg" alt="ザ・ファインタワー大手前 室内写真5"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市中央区谷町2丁目 ●交通／Osaka Metro谷町線「天満橋」駅徒歩2分、 京阪本線・中之島線「天満橋」駅徒歩4分、 Osaka Metro谷町線・中央線「谷町四丁目」駅徒歩5分 ●築年月／2021年10月 ●構造・規模／RC造（一部S造） ●敷地面積／1,759.3㎡ ●用途地域／商業地域 ●総戸数／241戸 ●施工会社／鴻池組 ●管理形式／全<br>部委託（日勤） ●権利形態／所有権 ●その他費用／1,078円
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>ザ・ファインタワー大手前</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/Fy119TGK4YX5ew4m9" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6719-0336</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20260917_135123_353_%E3%82%B6_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%AF%E3%83%BC%E5%A4%A7%E6%89%8B%E5%89%8D/floorplan_20260917_145605_02f4bff5.jpg" alt="ザ・ファインタワー大手前 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
                
        <item>
            <title>【予約制】11/7(土),8(日) 11:00〜17:00</title>
            <link>https://www.esandcompany.co.jp/blog/entry-850568/</link>
            <description><![CDATA[<style>

#towerz-openroom-root{
  --navy:#18224a;
  --navy2:#25388f;
  --blue:#2e43a0;
  --text:#171717;
  --muted:#6b7280;
  --line:#d8dce5;
  --light:#f6f8fc;
  --red:#c92d2d;
  --green:#0e8b80;
  --gold:#c7a15a;
  --content:960px;
  --radius:16px;
  --shadow:0 10px 30px rgba(18,34,74,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--text);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.75;
}
#towerz-openroom-root,
#towerz-openroom-root *{box-sizing:border-box}
#towerz-openroom-root img{display:block;max-width:100%;height:auto}
#towerz-openroom-root a{color:inherit;text-decoration:none}
#towerz-openroom-root button{font:inherit}

    #towerz-openroom-root{
      --navy:#18224a;
      --navy2:#25388f;
      --blue:#2e43a0;
      --text:#171717;
      --muted:#6b7280;
      --line:#d8dce5;
      --light:#f6f8fc;
      --red:#c92d2d;
      --green:#0e8b80;
      --gold:#c7a15a;
      --content:960px;
      --radius:16px;
      --shadow:0 10px 30px rgba(18,34,74,.08);
    }

    #towerz-openroom-root, #towerz-openroom-root *{box-sizing:border-box;}
    #towerz-openroom-root{scroll-behavior:smooth;}
    #towerz-openroom-root{
      margin:0;
      color:var(--text);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
      line-height:1.75;
    }
    #towerz-openroom-root img{display:block;max-width:100%;height:auto;}
    #towerz-openroom-root a{color:inherit;text-decoration:none;}
    #towerz-openroom-root button{font:inherit;}

    #towerz-openroom-root .openroom{overflow:hidden;}
    #towerz-openroom-root .section{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      padding:62px 0;
    }
    #towerz-openroom-root .eyebrow{
      margin:0 0 8px;
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
    }
    #towerz-openroom-root .section-title{
      margin:0;
      font-size:clamp(24px,3vw,34px);
      line-height:1.35;
      color:var(--navy);
    }
    #towerz-openroom-root .section-lead{
      margin:10px 0 0;
      color:var(--muted);
      font-size:14px;
    }

     
    #towerz-openroom-root .hero{
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      padding:58px 16px;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),
        url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
    }
    #towerz-openroom-root .hero-inner{
      width:min(100%,var(--content));
      margin:auto;
    }
    #towerz-openroom-root .event-icon{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 10px;
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(8px);
      font-size:14px;
      font-weight:900;
      letter-spacing:.06em;
    }
    #towerz-openroom-root .event-icon::before{
      content:"";
      width:30px;
      height:30px;
      border-radius:6px;
      background:
        linear-gradient(#fff,#fff) 7px 9px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 15px/16px 2px no-repeat,
        linear-gradient(#fff,#fff) 7px 21px/10px 2px no-repeat,
        linear-gradient(#fff,#fff) 9px 3px/2px 7px no-repeat,
        linear-gradient(#fff,#fff) 19px 3px/2px 7px no-repeat;
      border:2px solid #fff;
      box-sizing:border-box;
    }
    #towerz-openroom-root .hero h1{
      max-width:none;
      margin:22px 0 0;
      color:#fff !important;
      font-size:clamp(28px,3.6vw,42px);
      line-height:1.2;
      letter-spacing:.01em;
      white-space:nowrap;
      text-shadow:0 2px 12px rgba(0,0,0,.35);
    }
    #towerz-openroom-root .hero-specs{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:900px;
      margin-top:30px;
    }
    #towerz-openroom-root .hero-spec{
      padding:15px 16px;
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:var(--navy);
      box-shadow:0 8px 22px rgba(0,0,0,.12);
    }
    #towerz-openroom-root .hero-spec span{
      display:block;
      color:#697386;
      font-size:12px;
      font-weight:800;
    }
    #towerz-openroom-root .hero-spec strong{
      display:block;
      margin-top:3px;
      font-size:21px;
      line-height:1.3;
    }
    #towerz-openroom-root .hero-spec strong.price{font-size:28px;}

    #towerz-openroom-root .cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:700px;
      margin-top:28px;
    }
    #towerz-openroom-root .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:58px;
      padding:14px 20px;
      border-radius:10px;
      font-weight:900;
      text-align:center;
      box-shadow:0 6px 18px rgba(18,34,74,.16);
      transition:.18s ease;
    }
    #towerz-openroom-root .btn:hover{transform:translateY(-1px);}
    #towerz-openroom-root .btn-primary{background:#fff;color:var(--navy);}
    #towerz-openroom-root .btn-secondary{background:var(--green);color:#fff;}

     
    #towerz-openroom-root .event-wrap{
      position:relative;
      z-index:2;
      margin-top:-38px;
    }
    #towerz-openroom-root .event-card{
      width:min(calc(100% - 32px),var(--content));
      margin:auto;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .event-dates{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    #towerz-openroom-root .date-chip{
      padding:12px 10px;
      border-radius:10px;
      background:var(--light);
      color:var(--navy);
      text-align:center;
      font-size:14px;
      font-weight:900;
    }
    #towerz-openroom-root .event-time{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid var(--line);
      color:#333;
      font-size:15px;
      font-weight:700;
    }
    #towerz-openroom-root .event-time strong{
      margin-left:8px;
      color:var(--navy);
      font-size:22px;
    }
    #towerz-openroom-root .reserve-note{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100%;
      padding:20px;
      border-radius:12px;
      background:#fff6f6;
      color:#a33131;
      text-align:center;
      font-weight:900;
    }

     
    #towerz-openroom-root .property-layout{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:34px;
      align-items:start;
      margin-top:28px;
    }
    #towerz-openroom-root .floorplan-card{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .floorplan-button{
      position:relative;
      display:block;
      width:100%;
      padding:0;
      border:0;
      background:none;
      cursor:zoom-in;
    }
    #towerz-openroom-root .floorplan-button::after{
      content:"タップして拡大";
      position:absolute;
      right:10px;
      bottom:10px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(18,34,74,.88);
      color:#fff;
      font-size:11px;
      font-weight:800;
    }
    #towerz-openroom-root .property-info{
      border-top:1px solid #aaa;
    }
    #towerz-openroom-root .property-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:22px;
      align-items:center;
      min-height:88px;
      padding:14px 0;
      border-bottom:1px solid #aaa;
    }
    #towerz-openroom-root .property-row dt{
      margin:0;
      font-size:18px;
      color:#222;
    }
    #towerz-openroom-root .property-row dd{
      margin:0;
      text-align:right;
      font-size:31px;
      font-weight:900;
      color:#17100f;
      line-height:1.15;
    }
    #towerz-openroom-root .property-row dd.price{
      font-size:46px;
      letter-spacing:.01em;
    }
    #towerz-openroom-root .property-row dd small{
      font-size:.55em;
      font-weight:900;
    }
    #towerz-openroom-root .property-sublist{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      font-size:18px;
      line-height:1.55;
    }
    #towerz-openroom-root .property-sublist li{
      position:relative;
      padding-left:21px;
    }
    #towerz-openroom-root .property-sublist li::before{
      content:"";
      position:absolute;
      left:0;
      top:.7em;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#211716;
      transform:translateY(-50%);
    }

     
    #towerz-openroom-root .lightbox{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
      background:rgba(0,0,0,.82);
    }
    #towerz-openroom-root .lightbox.is-open{display:flex;}
    #towerz-openroom-root .lightbox-inner{
      position:relative;
      width:min(94vw,1100px);
      max-height:92vh;
      overflow:auto;
      padding:12px;
      border-radius:12px;
      background:#fff;
    }
    #towerz-openroom-root .lightbox img{width:100%;height:auto;}
    #towerz-openroom-root .lightbox-close{
      position:absolute;
      z-index:2;
      top:10px;
      right:10px;
      width:42px;
      height:42px;
      border:0;
      border-radius:50%;
      background:rgba(18,34,74,.94);
      color:#fff;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

     
    #towerz-openroom-root .points{background:var(--light);}
    #towerz-openroom-root .point-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }
    #towerz-openroom-root .point-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:230px;
      padding:28px 22px;
      border-radius:50%;
      background:var(--navy2);
      color:#fff;
      text-align:center;
      aspect-ratio:1/1;
      box-shadow:var(--shadow);
    }
    #towerz-openroom-root .point-no{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      opacity:.72;
    }
    #towerz-openroom-root .point-card strong{
      display:block;
      margin-top:10px;
      font-size:19px;
      line-height:1.5;
    }

     
    #towerz-openroom-root .gallery-shell{
      position:relative;
      margin-top:28px;
    }
    #towerz-openroom-root .gallery-viewport{
      overflow:hidden;
      border-radius:14px;
      background:#eef1f6;
    }
    #towerz-openroom-root .gallery-track{
      display:flex;
      transition:transform .35s ease;
    }
    #towerz-openroom-root .gallery-slide{
      flex:0 0 100%;
      margin:0;
    }
    #towerz-openroom-root .gallery-slide img{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
    }
    #towerz-openroom-root .gallery-arrow{
      position:absolute;
      top:50%;
      z-index:3;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(24,34,74,.86);
      color:#fff;
      font-size:24px;
      cursor:pointer;
      transform:translateY(-50%);
      box-shadow:0 4px 12px rgba(0,0,0,.16);
    }
    #towerz-openroom-root .gallery-prev{left:12px;}
    #towerz-openroom-root .gallery-next{right:12px;}
    #towerz-openroom-root .gallery-dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:14px;
    }
    #towerz-openroom-root .gallery-dot{
      width:9px;
      height:9px;
      padding:0;
      border:0;
      border-radius:50%;
      background:#c9cfdb;
      cursor:pointer;
    }
    #towerz-openroom-root .gallery-dot.is-active{background:var(--navy);}

    #towerz-openroom-root .building-summary{
      margin-top:28px;
      padding:22px 24px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fbfcfe;
      color:#444;
      font-size:14px;
      line-height:1.9;
    }
    #towerz-openroom-root .building-summary strong{
      display:block;
      margin-bottom:8px;
      color:var(--navy);
      font-size:16px;
    }

     
    #towerz-openroom-root .access-card{
      display:grid;
      grid-template-columns:1fr auto;
      gap:18px;
      align-items:center;
      margin-top:26px;
      padding:24px;
      border:1px solid #e7c2bd;
      border-radius:14px;
      background:#fff7f6;
    }
    #towerz-openroom-root .access-card strong{
      display:block;
      font-size:20px;
      color:#31201f;
    }
    #towerz-openroom-root .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:10px 18px;
      border-radius:9px;
      background:#b43d34;
      color:#fff;
      font-weight:900;
      white-space:nowrap;
    }
    #towerz-openroom-root .campaign-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:60px;
      margin:18px auto 0;
      padding:14px 24px;
      border:1px solid #d3a84e;
      border-radius:10px;
      background:linear-gradient(135deg,#fff9e7,#f4d887);
      color:#5b4716;
      font-size:18px;
      font-weight:900;
      box-shadow:0 6px 18px rgba(149,113,36,.12);
    }
    #towerz-openroom-root .final-cta{
      margin-top:22px;
      padding:34px;
      border-radius:var(--radius);
      background:var(--navy);
      color:#fff;
      text-align:center;
    }
    #towerz-openroom-root .final-cta h3{
      margin:0;
      color:#fff !important;
      font-size:clamp(24px,3vw,32px);
    }
    #towerz-openroom-root .final-cta p{
      margin:8px 0 0;
      color:rgba(255,255,255,.76);
    }
    #towerz-openroom-root .final-cta .cta-row{
      margin-left:auto;
      margin-right:auto;
    }

    #towerz-openroom-root .mobile-sticky{display:none;}

    @media(max-width:768px){#towerz-openroom-root .section{
        width:min(calc(100% - 28px),var(--content));
        padding:46px 0;
      }#towerz-openroom-root .hero{
        min-height:550px;
        align-items:flex-end;
        padding:34px 14px 78px;
        background:
          linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),
          url("https://cdn.img-asp.jp/cms/833532_4_0_0_1.jpg") center/cover no-repeat;
      }#towerz-openroom-root .hero h1{color:#fff !important;font-size:28px;white-space:normal;line-height:1.25;}#towerz-openroom-root .hero-specs{grid-template-columns:1fr 1fr;}#towerz-openroom-root .hero-spec strong{font-size:18px;}#towerz-openroom-root .hero-spec strong.price{font-size:23px;}#towerz-openroom-root .cta-row{grid-template-columns:1fr;}#towerz-openroom-root .event-wrap{margin-top:-28px;}#towerz-openroom-root .event-card{grid-template-columns:1fr;padding:20px;}#towerz-openroom-root .event-dates{grid-template-columns:1fr 1fr;}#towerz-openroom-root .event-time strong{font-size:20px;}#towerz-openroom-root .property-layout{grid-template-columns:1fr;gap:24px;}#towerz-openroom-root .property-row{
        grid-template-columns:100px 1fr;
        min-height:74px;
        gap:14px;
      }#towerz-openroom-root .property-row dt{font-size:15px;}#towerz-openroom-root .property-row dd{font-size:25px;}#towerz-openroom-root .property-row dd.price{font-size:35px;}#towerz-openroom-root .property-sublist{font-size:15px;}#towerz-openroom-root .point-grid{grid-template-columns:1fr;gap:14px;}#towerz-openroom-root .point-card{
        min-height:0;
        aspect-ratio:auto;
        align-items:flex-start;
        padding:20px;
        border-radius:14px;
        text-align:left;
      }#towerz-openroom-root .point-card strong{
        margin-top:5px;
        font-size:17px;
      }#towerz-openroom-root .gallery-slide img{aspect-ratio:4/3;}#towerz-openroom-root .gallery-arrow{
        width:40px;
        height:40px;
      }#towerz-openroom-root .building-summary{
        padding:18px;
        font-size:13px;
      }#towerz-openroom-root .access-card{grid-template-columns:1fr;}#towerz-openroom-root .final-cta{padding:26px 18px;}#towerz-openroom-root .mobile-sticky{
        position:fixed;
        z-index:99;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:8px;
        padding:8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:rgba(255,255,255,.96);
        box-shadow:0 -8px 24px rgba(15,23,42,.10);
        backdrop-filter:blur(10px);
      }#towerz-openroom-root .mobile-sticky a{
        min-height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        font-size:14px;
        font-weight:900;
      }#towerz-openroom-root .mobile-sticky .web{background:var(--navy);color:#fff;}#towerz-openroom-root .mobile-sticky .tel{background:#def4f0;color:#0f655d;}#towerz-openroom-root{padding-bottom:72px;}}
  

#towerz-openroom-root .hero{
  background:linear-gradient(90deg,rgba(8,17,50,.82),rgba(8,17,50,.30)),url('https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/fv_20260910_162040_b1179622.jpg') center/cover no-repeat;
}
#towerz-openroom-root .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#towerz-openroom-root .gallery-viewport::-webkit-scrollbar{display:none}
#towerz-openroom-root .gallery-slide{scroll-snap-align:start}
#towerz-openroom-root .gallery-arrow,#towerz-openroom-root .gallery-dots{display:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-viewport{overflow:hidden;scroll-snap-type:none}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-arrow{display:block}
#towerz-openroom-root .gallery-shell.gallery-js .gallery-dots{display:flex}
@media(max-width:768px){
  #towerz-openroom-root .hero{
    background:linear-gradient(180deg,rgba(8,17,50,.10),rgba(8,17,50,.90) 80%),url('https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/fv_20260910_162040_b1179622.jpg') center/cover no-repeat;
  }
}
</style>
<div id="towerz-openroom-root">
<main class="openroom">

  <section class="hero">
    <div class="hero-inner">
      <div class="event-icon">予約制内覧会</div>
      <h1>プレサンスレジェンド大阪新町タワー</h1>

      <div class="hero-specs">
        <div class="hero-spec">
          <span>販売価格</span>
          <strong class="price">6,580万円</strong>
        </div>
        <div class="hero-spec">
          <span>専有面積</span>
          <strong>54.39㎡</strong>
        </div>
        <div class="hero-spec">
          <span>間取り</span>
          <strong>1LDK</strong>
        </div>
        <div class="hero-spec">
          <span>主要採光</span>
          <strong>東</strong>
        </div>
      </div>

      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6518-6564</a>
      </div>
    </div>
  </section>

  <div class="event-wrap">
    <section class="event-card">
      <div>
        <p class="eyebrow">EVENT INFORMATION</p>
        <h2 class="section-title">開催情報</h2>
        <div class="event-dates"><div class="date-chip">11/7(土)</div><div class="date-chip">11/8(日)</div></div>
        <div class="event-time">開催時間 <strong>11:00〜17:00</strong></div>
      </div>
      <div class="reserve-note">
        こちらの物件の内覧には、事前予約が必要です。<br>
        WEBまたはお電話よりご予約ください。
      </div>
    </section>
  </div>

  <section class="section">
    <p class="eyebrow">PROPERTY</p>
    <h2 class="section-title">物件の詳細</h2>

    <div class="property-layout">
      <figure class="floorplan-card">
        <button class="floorplan-button" type="button" id="floorplanOpen" aria-label="間取り図を拡大表示">
          <img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/floorplan_20260910_162046_2b7801d1.jpg" alt="プレサンスレジェンド大阪新町タワー 間取り図">
        </button>
      </figure>

      <div>
        <dl class="property-info">
          <div class="property-row">
            <dt>販売価格</dt>
            <dd class="price">6,580<small>万円</small></dd>
          </div>
          <div class="property-row">
            <dt>専有面積</dt>
            <dd>54.39㎡</dd>
          </div>
          <div class="property-row">
            <dt>階数</dt>
            <dd>9<small>階部分</small></dd>
          </div>
          <div class="property-row">
            <dt>間取り</dt>
            <dd>1LDK</dd>
          </div>
        </dl>

        <ul class="property-sublist">
          <li>バルコニー面積／8.34㎡</li>
          <li>管理費／13,920円</li>
          <li>修繕積立金／3,810円</li>
          <li>現状／居住中</li>
          <li>引渡時期／2027年2月以降</li>
          <li>取引態様／仲介</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="points">
    <div class="section">
      <p class="eyebrow">RECOMMEND</p>
      <h2 class="section-title">物件のおすすめポイント</h2>

      <div class="point-grid">
        <article class="point-card">
          <span class="point-no">POINT 01</span>
          <strong>4路線4駅利用のマルチアクセス！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 02</span>
          <strong>3つの人気エリア（本町・心斎橋・堀江）が徒歩圏内！</strong>
        </article>
        <article class="point-card">
          <span class="point-no">POINT 03</span>
          <strong>スーパー、公園、総合病院が近く、生活利便◎</strong>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">GALLERY</p>
    <h2 class="section-title">内観写真</h2>
    <p class="section-lead">PC・スマートフォンともにスライダー形式で閲覧できます。</p>

    <div class="gallery-shell" id="gallery">
      <button class="gallery-arrow gallery-prev" type="button" aria-label="前の写真">‹</button>
      <div class="gallery-viewport">
        <div class="gallery-track"><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/room_01_20260910_162058_e79abe44.jpg" alt="プレサンスレジェンド大阪新町タワー 室内写真1"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/room_02_20260910_162110_1a5430c9.jpg" alt="プレサンスレジェンド大阪新町タワー 室内写真2"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/room_03_20260910_162120_22eb4fb0.jpg" alt="プレサンスレジェンド大阪新町タワー 室内写真3"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/room_04_20260910_162134_39f4d141.jpg" alt="プレサンスレジェンド大阪新町タワー 室内写真4"></figure><figure class="gallery-slide"><img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/room_05_20260910_162139_118e86c2.jpg" alt="プレサンスレジェンド大阪新町タワー 室内写真5"></figure></div>
      </div>
      <button class="gallery-arrow gallery-next" type="button" aria-label="次の写真">›</button>
      <div class="gallery-dots" aria-label="写真選択"><button class="gallery-dot is-active" type="button" aria-label="1枚目"></button><button class="gallery-dot" type="button" aria-label="2枚目"></button><button class="gallery-dot" type="button" aria-label="3枚目"></button><button class="gallery-dot" type="button" aria-label="4枚目"></button><button class="gallery-dot" type="button" aria-label="5枚目"></button></div>
    </div>

    <div class="building-summary">
      <strong>物件概要</strong>
      ●所在地／大阪市西区新町1丁目 ●交通／OsakaMetro御堂筋・長堀鶴見緑地線｢心斎橋｣駅から徒歩6分、 OsakaMetro四つ橋線｢四ツ橋｣駅から徒歩5分、 ●築年月／2022年7月 ●構造・規模／RC造・地下1階 地上20階建 ●敷地面積／1,218.79㎡ ●用途地域／商業地域 ●総戸数／120戸 ●施工会社／大末建設 ●管理形式／全部委託（日勤） ●権利形態／所有権 ●権利形態／所有権
    </div>
  </section>

  <section class="section">
    <p class="eyebrow">ACCESS</p>
    <h2 class="section-title">現地アクセス</h2>

    <div class="access-card">
      <div>
        <strong>プレサンスレジェンド大阪新町タワー</strong>
        <span>現地位置はGoogle Mapでご確認いただけます。</span>
      </div>
      <a class="map-btn" href="https://maps.app.goo.gl/hbisiStvRGuiMp6f8" target="_blank" rel="noopener">Google Mapを開く</a>
    </div>

    

    <div class="final-cta">
      <h3>実際のお部屋をご覧になりませんか？</h3>
      <p>予約制のため、ご希望日時を事前にお知らせください。</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEBで内覧を予約する</a>
        <a class="btn btn-secondary" href="tel:0120905323">電話で予約する｜080-6518-6564</a>
      </div>
    </div>
  </section>

</main>

<div class="mobile-sticky" aria-label="予約メニュー">
  <a class="web" href="https://forms.gle/cAJiHjaox3YRZQHZA" target="_blank" rel="noopener">WEB予約</a>
  <a class="tel" href="tel:0120905323">電話予約</a>
</div>

<div class="lightbox" id="floorplanLightbox" role="dialog" aria-modal="true" aria-label="間取り図拡大表示">
  <div class="lightbox-inner">
    <button class="lightbox-close" type="button" id="floorplanClose" aria-label="閉じる">×</button>
    <img src="https://esandcompanyholdings.com/openroom-images/OR20260910_161202_325_%E3%83%95_%E3%83%AC%E3%82%B5%E3%83%B3%E3%82%B9%E3%83%AC%E3%82%B7_%E3%82%A7%E3%83%B3%E3%83%88_%E5%A4%A7%E9%98%AA%E6%96%B0%E7%94%BA%E3%82%BF%E3%83%AF%E3%83%BC/floorplan_20260910_162046_2b7801d1.jpg" alt="プレサンスレジェンド大阪新町タワー 間取り図 拡大">
  </div>
</div>
</div>

<script>
(function(){
  const root=document.getElementById('towerz-openroom-root');
  if(!root) return;

  const openBtn=root.querySelector('#floorplanOpen');
  const closeBtn=root.querySelector('#floorplanClose');
  const lightbox=root.querySelector('#floorplanLightbox');

  function openLightbox(){
    if(!lightbox) return;
    lightbox.classList.add('is-open');
  }
  function closeLightbox(){
    if(!lightbox) return;
    lightbox.classList.remove('is-open');
  }

  if(openBtn) openBtn.addEventListener('click',openLightbox);
  if(closeBtn) closeBtn.addEventListener('click',closeLightbox);
  if(lightbox) lightbox.addEventListener('click',function(e){if(e.target===lightbox) closeLightbox();});

  const gallery=root.querySelector('#gallery');
  if(!gallery) return;
  gallery.classList.add('gallery-js');

  const track=gallery.querySelector('.gallery-track');
  const slides=Array.from(gallery.querySelectorAll('.gallery-slide'));
  const prev=gallery.querySelector('.gallery-prev');
  const next=gallery.querySelector('.gallery-next');
  const dots=Array.from(gallery.querySelectorAll('.gallery-dot'));
  let index=0;
  let touchStartX=0;

  function showSlide(i){
    if(!slides.length) return;
    index=(i+slides.length)%slides.length;
    track.style.transform='translateX(-'+(index*100)+'%)';
    dots.forEach((dot,n)=>dot.classList.toggle('is-active',n===index));
  }

  if(prev) prev.addEventListener('click',()=>showSlide(index-1));
  if(next) next.addEventListener('click',()=>showSlide(index+1));
  dots.forEach((dot,n)=>dot.addEventListener('click',()=>showSlide(n)));

  if(track){
    track.addEventListener('touchstart',function(e){
      touchStartX=e.changedTouches[0].clientX;
    },{passive:true});
    track.addEventListener('touchend',function(e){
      const diff=e.changedTouches[0].clientX-touchStartX;
      if(Math.abs(diff)>40) showSlide(index+(diff<0?1:-1));
    },{passive:true});
  }

  showSlide(0);
})();
</script>]]></description>
            <pubDate>2026-11-01</pubDate>
        </item>
            </channel>
</rss>
