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

エクステリアの施工例

屋外手すり設置工事

2021.03.28
エクステリアの施工例

<div class="box8">
    <p>玄関に行く前に風除室があり、風除室に行くまでにコンクリートの階段があります。<br>
そこの階段の上り下りの際に<b>手すりが欲しい</b>ということで今回は<br>
<b>LIXILの「グリップライン」</b>という商品を採用しました。<br>
これで普段の階段の上り下りも楽になり、<b>冬になって足元に雪があっても安心</b>です。<br>
手すりの棒は樹脂でできており手にも馴染む素材になっています。<br>
色も種類があるのでご相談ください。</p>
</div>

<h3 class="h3">LIXILの「グリップライン」とは</h3>

<div align="center">
<img src="https://www.lixil-madolier.jp/5000096/img/20210325100254.jpg" alt="">
<br><br>
<a href="https://www.lixil.co.jp/lineup/gate_fence/gripline/" target="_blank" class="cp_textlink01" rel="noopener">LIXIL | 門まわり・塀・フェンス | グリップライン 歩行補助手すり</a>
<br><br>
</div>

<div class="box27">
    <span class="box-title">引用</span>
    <p><b>コンセプト</b><br>
ユニバーサルデザインの視点から、すべての人にやさしい手すりを追求した「グリップライン 歩行補助手すり」は、細部まで使いやすさと安全性に配慮したデザインです。階段やスロープなど、必要な場所に取り付けて、ご家族の暮らしをサポートします。</p>
</div>

<div class="balloon5">
  <div class="faceicon">
    <img src="http://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>

<h3 class="ap">わたしたち、五城目トーヨー住器は「グリップライン（手摺り）」の取付が出来ます！</h3>

<div align="center"><img alt="" src="https://www.lixil-madolier.jp/5000096/img/20210206115130.jpg" /><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>

<div align="center"><div class="profile-card">
  <div class="profile-card__inner">
  <div class="profile-thumb">
    <img src="https://www.lixil-madolier.jp/5000096/img/s20210129160230.png" alt="アイコン">
  </div>
  <div class="profile-content">
        <span class="profile-name">クマ社員　たくまくん</span>
    <span class="profile-job">五城目トーヨー住器WEB限定オリジナルキャラクター</span>
    <span class="profile-intro">施工事例を発信するお手伝いをしてるのです！応援よろしくなのです！<a href="https://twitter.com/gjm_mymy" target="_blank" class="cp_textlink01">twitterはこちら</a></span>
  </div>
    </div>
</div></div>

</div>

/* テーブル */

.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);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
    }
	
	
/*原稿担当名*/

.profile {
  display: flex;
  align-items: center;
  float: right;
}

.avatar {
  align-items: center;
  width: 5em;
  height: 5em;
  cursor: pointer;
  border-radius: 50%;
}

.name {
  align-items: center;
  margin: 0 0 0 10px;
  font-weight: bold;
}

.cb{
  /* floatを解除 */
  clear: both;
}

/*商品紹介などのボックス*/

.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;
}

/* 行間など */
.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:50px 0 50px 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%;
		  margin:100px 0 70px 0;

}

/* 吹き出し */

.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;
}

/* プロフィール */

.profile-card{
  width: 100%;
  max-width:400px;
  position: relative;
  background: #fff; /*背景の色*/
  box-shadow: 0px 1px 3px rgba(0,0,0,.18);
  overflow: hidden;
  margin:100px 0 0 0;
}

.profile-card:before{
 width:120%;
 height:100px;
 content:"";
 transform:skew(15deg,10deg);
 background: #ffcc00; /*斜め背景の色*/
 position:  absolute;
 top:-15%;
 left:-10%;
 z-index: 0;
}

.profile-card__inner{
 position: relative;
}

.profile-thumb{
    overflow: hidden;
    width: 110px;
    height: 110px;
    border: #fff 3px solid;
    border-radius: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background: #fff;
}

.profile-thumb img{
  display: block;
    width: 100%;
    height: auto;
}

.profile-content{
  padding: 15px;
}

.profile-content span{
  display: block;
}

.profile-name{
  margin-bottom: 3px;
  font-weight: bold;
  text-align: center;
}

.profile-job{
  margin-bottom: 10px;
  color: #ccc;
  font-size: 10px;
  text-align: center;
}

.profile-intro{
  font-size: 12px;
}

/* ボタン
<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;
}

-->
</style>

更新情報

生活空間に広がりをプラス、風を感じられるもうひとつのリビングを！
2021年04月11日

・リビングの先にもうひとつ、風を感じられ...
防火サッシ・シャッタ付きへの取付
2021年04月04日

施工前の様子防火地域...

サッシ・窓
屋外手すり設置工事
2021年03月28日

玄関に行く前に風除室があり、風除室に行く...
春になると思うこと　　物置き編
2021年03月21日

能代店福岡 ...
屋根から落ちる雪を玄関前から方向転換し回避！！
2021年03月07日

タイトルにもあるように、今回は屋根から落...

テラス・バルコニー

一覧へ

ブログ

工務店・建築会社紹介

『エルセ』、『ＳＳダンパー』

↓もっと見る

営業エリア

リンク

ショールーム紹介

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

Contact

018-852-2743

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

お問い合わせ・資料請求

08:00～ 17:30

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

屋外手すり設置工事

コメントを投稿する