内窓・バスルーム・キッチン・カーポート・その他リフォーム全般は五城目トーヨー住器へ

エクステリアの施工例

ガーデンルームのある暮らし

2023.03.26
エクステリアの施工例

<ul class="side-menu">
	<li>ガーデンルームの施工例になります。<br />
	半分を折戸、半分を腰壁にするなど、ライフスタイルに合わせて組み合わせ可能です。</li>
	<li>
	<div align="right">
	<p class="ichigyou"><img src="https://www.lixil-madolier.jp/5000096/img/20210522201919.png" width="60" /><span>担当：岩手支店　工藤</span></p>
	</div>
	</li>
	<li>
	<table class="syousai">
		<tbody>
			<tr>
				<th>採用商品</th>
				<td>LIXIL ガーデンルームGF<br />
				<a href="https://www.lixil.co.jp/lineup/gardenspace/garden_room_gf/" rel="noopener" target="_blank">採用商品の詳細情報</a></td>
			</tr>
			<tr>
				<th>施工店情報</th>
				<td>五城目トーヨー住器㈱ 岩手支店<br />
				岩手県盛岡市東安庭二丁目１０−６<br />
				<a href="https://www.lixil-madolier.jp/madolier/pub/merchant/page/EntryDetailPage.df?post_blogdir=5000096&oya_id=2&party_id=3421&subparty_id=3455" rel="noopener">お店の詳細情報</a> </td>
			</tr>
		</tbody>
	</table>
	</li>
	
</ul>
</div>

<table class="bfaf">
	<tbody>
		<tr>
			<td class="bf">
			<h3 class="bf">During 施工中</h3>
			<a href="https://www.lixil-madolier.jp/5000096/img/20230318114658.jpg" target="_blank"><img alt="During　施工中" src="https://www.lixil-madolier.jp/5000096/img/20230318114658.jpg" /></a></td>
			<td>
			<p id="p-1" style="transform: scaleX(3.0);">▼</p>

<p id="p-3" style="transform: scaleY(3.0);">▶</p>
			</td>
			<td class="af">
			<h3 class="af">After 施工後</h3>
			<a href="https://www.lixil-madolier.jp/5000096/img/20230318115030.jpg" target="_blank"><img alt="After　施工後" src="https://www.lixil-madolier.jp/5000096/img/20230318115030.jpg" /></a></td>
		</tr>
	</tbody>
</table>

<table class="bfaf">
	<tbody>
		<tr>
			<td class="bf">
			<h3 class="bf">During 施工中</h3>
			<a href="https://www.lixil-madolier.jp/5000096/img/20230318115147.jpg" target="_blank"><img alt="During 施工中" src="https://www.lixil-madolier.jp/5000096/img/20230318115147.jpg" /></a></td>
			<td>
			<p id="p-1" style="transform: scaleX(3.0);">▼</p>

<p id="p-3" style="transform: scaleY(3.0);">▶</p>
			</td>
			<td class="af">
			<h3 class="af">After</h3>
			<a href="https://www.lixil-madolier.jp/5000096/img/20230318115214.jpg" target="_blank"><img alt="After　施工後" src="https://www.lixil-madolier.jp/5000096/img/20230318115214.jpg" /></a></td>
		</tr>
	</tbody>
</table>

<h3 class="h3">LIXIL ガーデンルームGFとは</h3>

<div align="center"><img alt="ガーデンルームGF" src="https://www.lixil-madolier.jp/5000096/img/20230318115521.jpg" /><br />
<br />
 <a class="cp_textlink01" href="https://www.lixil.co.jp/lineup/gardenspace/garden_room_gf/" rel="noopener" target="_blank">LIXIL | ガーデンスペース | ガーデンルームGF</a><br />
 </div>

<p>お好みの本体仕様をセレクト<br />
ガーデンルームGF は、敷地条件やライフスタイルに合わせて仕様のセレクトが可能。オプションとの組み合わせで暮らしのお悩みも解決したら、あなただけのガーデンルームが実現します。</p>
</div>

<h3 class="h3">正面と2つの側面の開口を、それぞれ選ぶことができます。</h3>

<p>テラスサッシ<br />
オーソドックスな開閉の引き違い戸。開放感とお求めやすい価格が魅力です。</p>
</div>
<img alt="折戸" src="https://www.lixil-madolier.jp/5000096/img/20230318115915.jpg" /><br />
 
<div class="box27"><span class="box-title">引用</span>

<p>折戸<br />
コンパクトでスリムな折戸を開けると、フルオープンに！開放感とともに、庭との一体感を感じることができます。</p>
</div>
<img alt="腰壁+高窓" src="https://www.lixil-madolier.jp/5000096/img/20230318115948.jpg" /><br />
 
<div class="box27"><span class="box-title">引用</span>

<p>腰壁 + 高窓<br />
足元が隠れる腰壁仕様。見せたくない部分を上手にかくして、居心地を高めます。</p>
</div>
 <a class="cp_textlink01" href="https://www.lixil.co.jp/lineup/gardenspace/garden_room_gf/feature/#anchor01" rel="noopener" target="_blank">LIXIL | ガーデンスペース | ガーデンルームGF| 特長</a></div>

<div class="balloon5">
<div class="faceicon"><img alt="" src="http://www.lixil-madolier.jp/5000096/img/20221212112946.png" />
<div align="center"><font size="2">たこ社員<br />
たこしくん</font></div>
</div>

<div class="chatting">
<div class="says">
<p>こちらの商品はLIXIL オリジナル金具もあり、ご自身で更にDIY（改造）もすることができます！<br />
カスタマイズ性に富んだ商品なので、暮らしの中でずっと、愛されるガーデンルームになるでしょう。</p>
</div>
</div>
</div>

<h3 class="h3">ガーデンルームの施工なら、五城目トーヨー住器(株)にお任せください。</h3>

<h4 class="h4">五城目トーヨー住器㈱全店舗共通</h4>

<h4 class="h4">五城目トーヨー住器㈱各支店情報</h4>

<div align="center"><a class="cp_textlink01" href="https://www.lixil-madolier.jp/madolier/pub/merchant/page/EntryDetailPage.df?post_blogdir=5000096&oya_id=2&party_id=3421&subparty_id=3455" title="各支店情報"><img alt="各支店情報" src="https://www.lixil-madolier.jp/5000096/img/20230112155908.jpg" /><br />
各支店情報（営業エリア）ページへ</a><br />
<br />
  <a href="https://www.lixil-madolier.jp/inquiry/inquiry2.php?post_cmd=inquiryrfp&type=1&post_blogdir=5000096" title="お問い合わせはこちら"> <img alt="お問い合わせフォームからも、依頼を受け付けております！" src="https://www.lixil-madolier.jp/5000096/img/20221006111319.jpg" /> </a><br />
<br />
 
<p style="text-align:center;"><a href="https://twitter.com/gjm_mymy" target="_blank"><img class="icon" src="https://www.lixil-madolier.jp/1/img2/z011_icon3.png" style="border-width: 0px; border-style: solid; margin-left: 5px; margin-right: 5px;" /></a>  <a href="https://www.instagram.com/gjm_tkm/" target="_blank"> <img class="icon" src="https://www.lixil-madolier.jp/1/img2/z011_icon5.png" style="border-width: 0px; border-style: solid; margin-left: 5px; margin-right: 5px;" /></a>  <a href="https://www.tiktok.com/@gjm_tkm?_t=8YzRzSyYyjy&_r=1" target="_blank"> <img class="icon" src="https://www.lixil-madolier.jp/5000096/img/20230112104311.png" style="border-width: 0px; border-style: solid; margin-left: 5px; margin-right: 5px;" /></a></p>
<br />
  <img alt="キャラクター紹介" src="https://www.lixil-madolier.jp/5000096/img/20221014163112.jpg" />  <a href="https://www.lixil-madolier.jp/madolier/pub/merchant/page/MerchantTopPage.df?post_blogdir=5000096"> <img alt="サイトトップへ戻る" src="https://www.lixil-madolier.jp/5000096/img/20220323102224.png" style="margin:100px 0 0 0 ;" /></a></div>
</div>
<style type="text/css"><!--
    /* ☆行間の設定 */
    .kiji {
        font-size: 100%;
        color: #333;
        line-height: 1.7;
        margin-bottom: 2.2em;
    }

/* □囲みボックス 上に線 */
    .text {
        padding: 0.5em 1em;
        margin: 3em 0;
        color: #030408;
        background: #FFF4E6;
        border-top: solid 2px #FF8A00;
        /* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); */
    }

.text p {
        margin: 0;
        padding: 0;

}

/* 記事の概要 */

table.samune td {
        text-align: left;
        vertical-align: top;
    }

table.syousai {
        max-width: 100%;
        font-size: 90%;
        border: none;
    }

table.syousai th,
    table.syousai td {

padding: 2px;
        background: #fff;
        border-top: solid 1px #888;
    }

table.syousai th {
        width: 40%;
    }

table.syousai td {
        width: 60%;
    }

table.syousai tr {
        border: solid 1px #333;
    }

/* pc 768px以上 */
    .wrap {
        overflow: hidden;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

.main {
        float: left;
        width: 50%;
        height: 400px;
    }

.side-menu {
        float: right;
        width: 50%;

}

.side-menu li {
        padding: 0 0 10px 15px;
    }

.side-menu li a {
        display: block;
        text-decoration: underline;
        color: #FF740B;
    }

/* スマホ 767px以下 */
    @media only screen and (max-width: 767px) {
        .wrap {
            width: 100%;
        }

.main {
            float: none;
            width: 90%;
            height: 350px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
        }

.side-menu {
            /* floatを解除 */
            float: none;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
    }

/* ●原稿　担当者 */
    .ichigyou img {
        vertical-align: middle;
        display: inline-block;
    }

.ichigyou span {
        display: inline-block;
    }

/* ●見出し h3 */
    h3.h3 {
        padding: 0.25em 0.5em;
        /*上下 左右の余白*/
        color: #030408;
        /*文字色*/
        background: transparent;
        /*背景透明に*/
        border-left: solid 5px #FF8A00;
        /*左線*/

font-size: 150%;
        margin-top: 50px;
    }

/* ビフォー h3 */
    h3.bf {
        margin: 0;
        font-weight: bold;
    }

/* アフター h3 */
    h3.af {
        margin: 0;
        font-weight: bold;
        color: #DE6500;
        /*文字をオレンジに*/
    }

/* ギャラリー h3 */
    h3.ga {
        margin: 50px 0 0 0;
        font-weight: bold;
        color: #DE6500;
        /*文字をオレンジに*/
    }

/* ビフォーアフター画像のテーブルのレスポンシブ設定 */

table.bfaf {

box-sizing: border-box;
        border-collapse: collapse;
        margin: 0px auto 50px auto;
        text-align: left;
        width: 100%;
    }

table.bfaf th,
    table.bfaf td {
        padding: .5em 1em;
        background: #ffffff;
    }

/* ビフォーの背景を灰色に */
    table.bfaf td.bf {

background: #eee;
        width: 50%;
    }

/* アフターの背景を黄色に */
    table.bfaf td.af {
        background: #FFFDE5;
        /*背景色*/
        width: 50%;
    }

@media (max-width: 750px) {

table.bfaf,
        table.samune,
        table.bfaf td.bf,
        table.bfaf td.af {
            padding: 0;
            width: 100%;
        }

table.bfaf th,
        table.bfaf td,
        table.samune th,
        table.samune td {
            display: block;
        }

table.bfaf th,
        table.bfaf td,
        table.samune th,
        table.samune td {
            border-top: none;
        }
    }

/* 間のオレンジ矢印 */

#p-1,
    #p-2,
    #p-3 {
        font-size: 180%;
        color: #FF740B;
        text-align: center;
    }

#p-2 {
        display: none;
    }

#p-3 {
        display: none;
    }

@media (min-width: 520px) {
        #p-1 {
            display: none;
        }

#p-2 {
            display: block;
        }
    }

@media (min-width: 960px) {
        #p-2 {
            display: none;
        }

#p-3 {
            display: block;
        }
    }

/* ▼複数枚画像のギャラリー　キャプション付き画像全体を囲むボックスの装飾 */
    p.imagebox {
        display: inline-block;
        /* インラインブロック化 */
        margin: 0px 10px 10px 0px;
        /* 外側に余白を追加(※右に3px・下に7px) */
        background-color: #FFFDE5;
        /* 背景色黄色 */
    }

/* ▼画像に対する装飾 */
    p.imagebox img {
        max-width: 170px;
        display: block;
        /* 余計な余白が出ないようにする */
        margin: 0px 0px 3px 0px;
        /* 下側にだけ3pxの余白を追加 */
    }

/* ▼キャプションに対する装飾 */
    p.imagebox span.caption {
        font-size: 0.9em;
        /* 文字サイズを90%に */
        text-align: center;
        /* 中身をセンタリング */
    }

/* ●見出し h4 */

h4 {
        background: #FFF4E6;
        box-shadow: 0px 0px 0px 5px #FFF4E6;
        border: dashed 2px white;
        padding: 0.2em 0.5em;
        margin: 2em 0;
    }

/*　アフター */

/* ●リンク */
    .cp_textlink01,
    #toc_container a {
        position: relative;
        padding: 0.1em 0.3em;
        text-decoration: none;
        color: #009688;
    }

.cp_textlink01::after,
    #toc_container a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        content: '';
        transition: all 0.3s ease;
        opacity: 0.8;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #009688;
    }

.cp_textlink01:hover::after {
        opacity: 1;
        border-bottom-width: 2px;
        border-bottom-style: dashed;
    }

/* ●テーブル */

.cp_table *,
    .cp_table *:before,
    .cp_table *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.cp_table {
        width: 100%;
        border-collapse: collapse;
    }

.cp_table th,
    .cp_table td {
        padding: 10px;
        border: 1px solid #dddddd;
    }

.cp_table th {
        width: 30%;
        text-align: left;
        background: #ffe4b5;
    }

table tr:nth-child(odd) {
        background: #F9F9F9;
    }

@media only screen and (max-width:480px) {
        .cp_table {
            margin: 0;
        }

.cp_table th,
        .cp_table td {
            width: 100%;
            display: block;
            border-top: none;
        }

.cp_table tr:first-child th {
            border-top: 1px solid #dddddd;
        }
    }

/* ●写真画像枠 */

.waku01 {

max-height: 200px;
        max-width: 80%;
        padding: 7px;
        margin: 10px;
        border: 1px solid #ccc;
        background: #fff;
        box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.2);
        /* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
    }

/*　●商品紹介、引用のボックス*/

.box27 {
        position: relative;
        margin: 2em 0;
        padding: 0.5em 1em;
        border: solid 3px #62c1ce;
    }

.box27 .box-title {
        position: absolute;
        display: inline-block;
        top: -27px;
        left: -3px;
        padding: 0 9px;
        height: 25px;
        line-height: 25px;
        font-size: 17px;
        background: #62c1ce;
        color: #ffffff;
        font-weight: bold;
        border-radius: 5px 5px 0 0;
    }

.box27 p {
        margin: 0;
        padding: 0;
    }

/* ●吹き出し */

.balloon5 {
        width: 100%;
        margin: 1.5em 0;
        overflow: hidden;
    }

.balloon5 .faceicon {
        float: left;
        margin-right: -90px;
        width: 80px;
        color: #FF8A00;
    }

.balloon5 .faceicon img {
        width: 100%;
        height: auto;
        border: solid 3px #FF8A00;
        border-radius: 50%;
    }

.balloon5 .chatting {
        width: 100%;
    }

.says {
        display: inline-block;
        position: relative;
        margin: 5px 0 0 105px;
        padding: 17px 13px;
        border-radius: 12px;
        background: #FFF4E6;
    }

.says:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 18px;
        left: -24px;
        border: 12px solid transparent;
        border-right: 12px solid #FFF4E6;
    }

.says p {
        margin: 0;
        padding: 0;
    }

.youtube {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

.youtube iframe {
        width: 100%;
        height: 100%;
    }
    -->
</style>

更新情報

洗面化粧台を新しくしました！
2023年05月29日

洗面化粧台の施工事例です。施工前の写真...

洗面台
風除室取付けられますか？
2023年05月22日

一見、風除室の取付が難しい場合でも、入口...
2023 GW 3日目後編
2023年05月20日

5/3～5/5の3日間に及ぶ東北旅行に出...
2023 GW 3日目前編
2023年05月18日

5/3～5/5の3日間に及ぶ東北旅行に出...
2023 GW 2日目前編&後編
2023年05月16日

5/3～5/5の3日間に及ぶ東北旅行に出...

一覧へ

ブログ

工務店・建築会社紹介

SNS

↓もっと見る

営業エリア

リンク

サイトトップへ戻る

↓もっと見る

ショールーム紹介

「LIXIL FC マドリエ」は、トステム商品を専門に取り扱うプロショップのトステムフランチャイズチェーン「TFC」を前身として、2011年4月にスタートした株式会社LIXILのフランチャイズチェーンです。地域密着度を高め、皆様のより良い住まいづくりのお役に立ち信頼される「住まいの何でも相談窓口」となるべく、日々活動しています。

Contact

018-852-2743

南秋田郡五城目町高崎字行内沢86番地1

お問い合わせ・資料請求

08:00～ 17:30

お任せください！サッシ、ガラスは五城目トーヨー住器（株）

ガーデンルームのある暮らし

コメントを投稿する