マドリエNET 全国版 > 北海道・東北 > マドリエ五城目｜五城目トーヨー住器株式会社

マドリエ五城目｜五城目トーヨー住器株式会社

2019.08.11
スーパーウォール
シェア

ARTICLE

【トレッティオ】時間はお金より大事！迷う時間を無くして決められたおうち作り【SW規格住宅】

<div class="kiji">

<img src="https://www.lixil-madolier.jp/5000096/img/20190808123655.jpg" alt="">
<br>
<br>
欲しいものがある！そんな時、インターネットで調べたりしますよね。<br>
おススメ商品、関連商品、比較サイト・・エトセトラ<br>

<div class="box8">
    <p>「もー！情報が多すぎて選べなーい！」</p>
</div>

<br>
インターネットでなくても、例えば自販機で飲み物を買うとき。<br>
どれにしよう、うーんうーん。ちょっと迷ったりする時って、ありますよね。<br>
<br>
今の時代は、良いものが沢山あり、沢山売られています！<br>

<div class="box8">
    <p>「どれにしたらいいだろう。」</p>
</div>

<div align="center"><img src="https://www.lixil-madolier.jp/5000096/img/20190808111529.jpg" alt=""><br>
沢山ありすぎて、選べないんじゃ</div>

<br>
このように<b>情報過多の今の時代、何かを買うとき私たちは悩む事が多くなりました。</b><br>
そんなあなたが、３０歳になり、家庭を持ち始め、おうち作りをしたいと思っているとき。おススメしたい商品がございます。

<h3 class="h3">それは、TRETTIO（トレッティオ）</h3>

<div align="center"><img src="https://www.lixil-madolier.jp/5000096/img/20190808110717.jpg" alt="" height="400"><img src="https://www.lixil-madolier.jp/5000096/img/20190808110718.jpg" alt="" width="300"><br>

<a href="https://www.trettio.net/" target="_blank" class="cp_textlink01">TRETTIO　さぁ！はじめよう　３０歳からの家づくり(公式サイトへ)</a></div>

<br>
<br>
トレッティオは、より良い家作りをしたいが、情報が多くて悩みすぎてしまうあなたにピッタリです。<br>
なぜ、ピッタリかというと、トレッティオは外壁の色、種類、住設、サッシ等の<b>仕様が基本的に決められているから</b>です。<br>
<br>
<div class="balloon5">
  <div class="faceicon">
    <img src="https://www.lixil-madolier.jp/5000096/img/20190418112006.jpg" alt=""><div align="center"><font size="2">営業　澤井</font></div>
  </div>
  <div class="chatting">
    <div class="says">
      <p>新築を建てるときに、外壁の色、種類、住設、サッシ等、決めることはたくさんありますよね？<br>
この規格<b>住宅TRETTIOの特徴として、基本的に仕様が決められています。</b><br>
<b>その代わり、家具等も付いてくる</b>他、SWの住宅を<b>お手ごろな価格</b>で建てることが出来ます！</p>
    </div>
  </div>
</div>
<br>
<blockquote>TRETTIOは白紙から考えるのではなく、いくつかの間取りから自分に合った間取りを選んでいく、商品化住宅ならではの考え方です。<br>
<a href="https://www.trettio.net/whats_trettio/chapter2/#sec02" target="_blank" class="cp_textlink01">TRETTIOの選べる間取り　https://www.trettio.net/whats_trettio/chapter2/#sec02</a></blockquote>
<br>
<div class="box8">
    <p>「どこに窓やドアがあればいいとか、悩んで決められないけど、なんかセンスがいいお家を建てたい。」</p>
</div>
<br>
<b>なんか〜と言いがちなあなた！</b>トレッティオなら、屋根型が２種類、向きが３種類、外観カラーが６種類、内装インテリアが３種類、外構が３種類の品揃えの中から選ぶだけ。<br>
<br>
お家は一生に一度建てるかどうか、という高価な買い物です。いろんな会社があり、情報も多くて悩むのは当たり前！ですが<b>トレッティオなら上の１０種類もない種類から選んでいくだけで、完成です！</b><br>

<h3 class="h3">こちら、弊社が施工した現場の写真です！</h3>

<h4>黒バージョン</h4>

<div align="center"><a href="https://www.lixil-madolier.jp/5000096/img/20190808113206.jpg" target="_blank"><img src="https://www.lixil-madolier.jp/5000096/img/20190808113206.jpg" alt="" class="waku01"></a></div>
<h4>白バージョン</h4>

<div align="center"><a href="https://www.lixil-madolier.jp/5000096/img/20190808113207.jpg" target="_blank"><img src="https://www.lixil-madolier.jp/5000096/img/20190808113207.jpg" alt="" class="waku01"></a></div>

<h3 class="h3">インテリアが３種類＝家具類もセットで購入するから、普通に家を建てるよりお得！</h3>

さぁ家を建てたから、<font color="#33cccc">〇トリ</font>で買おう…なんてことはせずに、お洒落な３種類のインテリアを選ぶだけで、家具もセットで家を建てることができます！トレッティオ、すっごーい！<br>
<br>
<br>
<br>

<div align="center"><a href="https://www.lixil-madolier.jp/5000096/img/20190808113707.png" target="_blank"><img src="https://www.lixil-madolier.jp/5000096/img/20190808113707.png" alt=""></a><br>
ビンテージ、ナチュラル、モダンの３種類となっております。<br>
<a href="https://www.trettio.net/whats_trettio/chapter1/#sec04" target="_blank" class="cp_textlink01">未来へ伝えるインテリア基準｜北欧デザインの背景となる、３つのスタイルバリエーション</a><br>
</div>

<br>
<div align="center"><img src="https://www.lixil-madolier.jp/5000096/img/20181206093337.png" alt=""></div>
<br>

<div class="balloon5">
  <div class="faceicon">
    <img src="https://www.lixil-madolier.jp/5000096/img/20181206093337.png" alt=""><div align="center"><font size="2">クマ社員<br>たくまくん</font></div>
  </div>
  <div class="chatting">
    <div class="says">
      <p>いいね！家具も迷ってしまう方にもおススメなのです！</p>
    </div>
  </div>
</div>
<br>
お家って、長く住むからこそ耐久性や飽きの来ないデザインが大事ですよね。<br>
<b>トレッティオのインテリアデザインの根底は、北欧のインテリアデザインにあります。</b><br>
北欧に住む彼らは、長く厳しい冬の殆どを家で過ごすので、その家は飽きの来ないシンプルなデザインや抜群の耐久性を兼ね備えています。それらを見習ったのが、トレッティオなのです。<br>

<h3 class="h3">どうして抜群の耐久性といえるのか？それはSW（スーパーウォール工法）だから！</h3>

<div align="center"><img src="https://www.lixil-madolier.jp/5000096/img/20190808115124.png" alt=""></div>
<br>
<blockquote>スーパーウォール工法は、<b>壁・床・天井が一体化した箱形</b>を構成するモノコック構造。航空機や自動車ボディの技術から発達した構造で、<b>大きな外力にも変形しにくい特徴</b>を持ちます。住宅においては、地震や台風などの外力が接合部などに集中しにくく、建物全体に分散するため、ひずみやくるいに強さを発揮します。<br>
<a href="https://www.lixil.co.jp/lineup/construction_method/sw/function/lineup.htm" target="_blank" class="cp_textlink01">スーパーウォール：スーパーウォール工法の基本構造　https://www.lixil.co.jp/lineup/construction_method/sw/function/lineup.htm</a></blockquote>

<br>
<div align="center"><img src="https://www.lixil-madolier.jp/5000096/img/20190808114618.jpg" alt=""><br>
一般的な在来工法だと、矢印の方向から力が加わったとき<b>歪んでしまうが…</b><br>
<br>
<img src="https://www.lixil-madolier.jp/5000096/img/20190808114617.jpg" alt=""><br>
SW（スーパーウォール工法）（モノコック構造）なら…ガチーン！と<b>耐える！</b>

<br>
<br>
<font size="2" color="#000000">見た目は〇インクラフトの土！でも頑丈さは黒曜石！（伝わらる人にしか伝わらない）</font></div>

<h3 class="h3">SW（スーパーウォール工法）でTRETTIO（トレッティオ）の家づくりをしたい゛ッ！！</h3>

<div class="balloon5">
  <div class="faceicon">
    <img src="https://www.lixil-madolier.jp/5000096/img/20190418112006.jpg" alt=""><div align="center"><font size="2">営業　澤井</font></div>
  </div>
  <div class="chatting">
    <div class="says">
      <p>一般の工務店には建てられない住宅ですので、ご希望やご相談の方は一度弊社にご相談ください。</p>
    </div>
  </div>
</div>
<br>
<br>
<br>
<h3 class="ap">五城目トーヨー住器は「SW（スーパーウォール工法）でTRETTIO（トレッティオ）の家づくり」ができます！</h3>

<div align="center"><img alt="" src="https://www.lixil-madolier.jp/5000096/img/20190328111315.png" /><br />
この記事では紹介しきれないトレッティオと、そのスーパーウォール工法の良さは沢山あります！<br />
ご相談、お問合せは<a class="cp_textlink01" href="https://www.lixil-madolier.jp/inquiry/inquiry2.php?post_cmd=inquiryrfp&type=1&post_blogdir=5000096">こちら</a>まで。<br />
<br />
<br />
<a class="btn-gradient-3d-orange" href="https://www.lixil-madolier.jp/inquiry/inquiry2.php?post_cmd=inquiryrfp&type=1&post_blogdir=5000096">お問合せ・資料請求をする</a></div>

<br>
<br>
<br>

<div class="ribbon13-wrapper">
  <div class="ribbon13">
  <h3>スーパーウォールの記事</h3>
  </div>
  <p><div align="center">
    <a href="https://www.lixil-madolier.jp/blog.php?post_cmd=article&post_blogdir=5000096&post_eid=63584"><img src="https://www.lixil-madolier.jp/5000096/img/s20090227155117.jpg" alt=""><br>
  <u>横手へ来ました！</u></a><br>
  <br>
    <a href="https://www.lixil-madolier.jp/blog.php?post_cmd=article&post_blogdir=5000096&post_eid=37996"><img src="https://www.lixil-madolier.jp/5000096/img/s20080826110447.jpg" alt=""><br>
  <u>スーパーウォール住宅</u></a><br>
  <br>
  <a href="https://www.lixil-madolier.jp/blog.php?post_cmd=article&post_blogdir=5000096&post_eid=11233"><img src="https://www.lixil-madolier.jp/1/img/s20080228180500.jpg" alt=""><br>
  <u>ＳＷ（スーパーウォール）工法について・・・Vol.1</u></a><br>
  <br>

<a href="https://www.lixil-madolier.jp/blog.php?post_cmd=productinfo&post_blogdir=5000096&oya_id=11">
  <u>＞＞商品情報記事一覧＜＜</u></a>
  </div>
  </p>
</div>

<br><br><br>

<div align="right">
<font size="2">この記事は、営業の　<b>「澤井」</b>　の原稿を元に、マヨマヨが編集しました。</font>
</div>

<div class="prof">
    <div class="box-titletk">たくまについて</div>
    <p><b>たくまくん</b><br>
	<img src="https://www.lixil-madolier.jp/5000096/img/s20190315142848.jpg" alt="" align="left">
	五城目トーヨー住器のブログ内の営業くまです。主に施工例記事内の和み役として働く！<br>
	眉毛が濃いのは熱意の証拠。<br>
	最新施工例記事を読みませんか？→<a href="https://twitter.com/gjm_mymy" target="_blank">twitter</a><br>
	<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=74605624" target="_blank">たくまくんをご紹介します〜五城目トーヨー住器ブログのくま〜</a><br><br clear="all"></p>
</div>

<div class="prof">
    <div class="box-title">マヨマヨについて</div>
    <p><b>マヨマヨ</b><br>
	<img src="https://www.lixil-madolier.jp/5000096/img/20190425133011.png" alt="" align="left">
	五城目トーヨー住器の施工例記事を、編集している主婦です。４歳の娘が一人。<br>
	たまに雑記ブログを書きます。<br>
	アニメ、ゲームが趣味。<br>
	<a href="https://www.lixil-madolier.jp/blog.php?post_cmd=blog&post_blogdir=5000096&oya_id=6&party_id=3428&subparty_id=21084">主婦マヨマヨの雑記ブログ　記事一覧</a><br>
	<a href="https://www.lixil-madolier.jp/blog.php?post_cmd=construction&post_blogdir=5000096&oya_id=18">マヨマヨが編集した施工例記事一覧</a>(2018.4〜)<br clear="all">
</p>

</div>

</div>

<style type="text/css">
<!--
/* リンク */
.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: 300px;
	      max-width: 80%;
      padding:7px;
	  margin:10px;
      border:1px solid #ccc;
      background:#fff;
      box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
    }

/* 行間など */
.kiji {
    font-size: 100%;
    color: #333;
    line-height: 1.7;
    margin-bottom: 2.2em;
}

/* 目次 */
#toc_container {
    /*background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;*/
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 10px;
    width: auto;
}

.toc_title {
    font-weight: 700;
    text-align: center;
}
 
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style-position: outside;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0;
    /* リストの記号を付けない場合は   
     list-style: outside none none !important;
    */
}

/* 見出し h3 */
h3.h3 {
  background: #F19730; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  margin:100px 0 70px 0;
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
      font-size: 150%;
}

/* 見出し h4 */

h4 {
  background: linear-gradient(transparent 70%, #CCD966 70%);
      font-size: 130%;
	    margin:100px 0 70px 0;
}

h4.a{
  background: linear-gradient(transparent 70%, #00ccff 70%);
} /*　アフター */

/* アピールポイント　見出し */

h3.ap {
  position: relative;
  padding: 0.2em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  color: white;
  font-weight: lighter;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
        font-size: 150%;
  
}

/* リスト */

ul.li, ol.li {
  padding: 0;
  position: relative;
}

ul.li li, ol.li li {
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
}

/* 引用 */
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* 吹き出し */

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

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

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #e6e6e6;
  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: #e6e6e6;
}

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

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

/* 囲みボックス 左にだけ太線 */
/* <div class="box8">
    <p>ここに文章</p>
</div> */
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/* プロフィール */
.prof {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.prof .box-title {
    font-size: 1.2em;
    background: #f08080;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.prof .box-titletk {
    font-size: 1.2em;
    background: #ffd700;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.prof p {
    padding: 15px 20px;
    margin: 0;
}

.prof p img{
padding-right:5px;
}

/* ボタン
<button class="cp_button07" onclick="location.href='移動先のファイルのパスを書く'">button</button>

*/
.cp_button07 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 90%;
	padding: 1em;
	cursor: pointer;
	line-height: 1.4;
	transition: color 0.3s cubic-bezier(0.02,0.01,0.47,1),transform 0.3s cubic-bezier(0.02,0.01,0.47,1);
	color: #ffffff;
	border: none;
	border-width: 0;
	border-color: transparent;
	border-radius: 100px;
	background: #009688;
}
.cp_button07:after, .cp_button07:before {
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	content: '';
	transition: transform 0.15s cubic-bezier(0.02,0.01,0.47,1),opacity 0.15s cubic-bezier(0.02,0.01,0.47,1);
	-webkit-transform: translate(100%,-25%) translateZ(0);
	        transform: translate(100%,-25%) translateZ(0);
	opacity: 0;
	border-radius: 50%;
	background: #009688;
}
.cp_button07:after, .cp_button07:before {
	background: #ffffff;
}
.cp_button07:hover {
	transition: all 0.5s cubic-bezier(0.02,0.01,0.47,1);
	-webkit-transform: scale(1.1) translateZ(0);
	        transform: scale(1.1) translateZ(0);
	color: #ffffff;
	box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.cp_button07:hover:before {
	transition: transform 0.2s cubic-bezier(0.02,0.01,0.47,1),opacity 0.2s cubic-bezier(0.02,0.01,0.47,1);
	-webkit-transform: translate3d(50%,0,0) scale(0.9);
	        transform: translate3d(50%,0,0) scale(0.9);
	opacity: 0.15;
}
.cp_button07:hover:after {
	transition: transform 0.2s cubic-bezier(0.02,0.01,0.47,1) 0.05s,opacity 0.2s cubic-bezier(0.02,0.01,0.47,1) 0.05s;
	-webkit-transform: translate(50%) scale(1.1);
	        transform: translate(50%) scale(1.1);
	opacity: 0.25;
}
.cp_button07:active {
	opacity: 0.5;
}
.cp_button07:focus {
	color: #ffffff;
}

/* お問合せボタン 
<a href="#" class="btn-gradient-3d-orange">BUTTON</a>
*/

.btn-gradient-3d-orange {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffffff;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-3d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/* [パーツ]矢印

<div class="cp_arrows">
	<div class="cp_arrow cp_arrowfirst"></div>
	<div class="cp_arrow cp_arrowsecond"></div>
</div> */

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 100px;/*画面いっぱいにする場合100vh*/
	margin: 2em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
}
.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 3px;
	content: '';
	background: #E91E63;
}
.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
	0% {
		top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes arrow-move08 {
	0% {
		top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*他 記事紹介 */

.ribbon13-wrapper {  
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 300px;
  background: #f1f1f1;
  }

.ribbon13 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  color: white;
  background: #F19730;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon13 h3{
  vertical-align: middle;
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
}

.ribbon13:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #f1f1f1 transparent transparent;
  border-style: solid;
}

.ribbon13:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #cd853f;
}
-->
</style>

COMMENT

コメントを投稿する

＊当サイトのフォームを利用した当社への売り込みの一切をお断りしています。
＊半角英数字のみの入力はできません。
＊いただいたコメントはサイト管理者による確認後に反映されます。

窓とドアの専門店として、当社が加盟するマド本舗サイトはこちら

ショールームのご紹介

当社最寄りのリクシルショールームをご紹介

住宅省エネ2025キャンペーン

超お得にリフォームできる補助金をご紹介
マドリエFC50周年記念サイト

50年の歩みとマドリエとは？をご紹介

営業エリア

アクセスマップ

情報更新を当社ホームページに移行します

岩手支店事務所移転完了のお知らせ

【保存版】施工費込み価格も！秋田住まいのリフォーム思案に最適なチラシが完成

サッシ・ドア

エクステリア

インテリア建材

スーパーウォール

サッシ・ドアの施工例

エクステリアの施工例

インテリア建材の施工例

水廻りの施工例

スーパーウォールの施工例

その他の施工例

・・R・・　カリンコ

ぶらり日記

↑マキシマム↑

マドリエ五城目｜五城目トーヨー住器株式会社

マドリエNET 全国版 > 北海道・東北 > マドリエ五城目｜五城目トーヨー住器株式会社

更新情報

サイト紹介

ショールーム紹介

グルメ日記

会社案内

商品情報

施工例

ブログ

工務店・建築会社紹介

お世話になっております。

イベント

キャンペーン

地域限定キャンペーン

フリースペース

リンク

各情報ホームページへどうぞ

ブログリンク

五城目トーヨー住器㈱能代店

Copyright © LIXIL FRANCHISE CHAIN. All rights reserved.