Skip to content

sora / sanitary-net

Go to a project
Commit 1e69d598 by o.kimura
Options

tnav108

parent 0279d200
Inline Side-by-side
Showing with 155 additions and 86 deletions
clean/index.html
......@@ -271,6 +271,11 @@
<div class="text_caution">
<p class="midashi">＜その他の注意事項＞</p>
<p>■より長くお使いいただくために</p>
<ul>
<li>・金属ブラシ、研磨剤入りナイロンタワシ等を使用しないでください。</li>
<li>・温水洗浄便座の樹脂部を清掃する際には乾いた布やトイレットペーパーは使用しないでください。（キズ付の原因になります。）</li>
</ul>
<p>■安全にお使いいただくために</p>
<ul>
<li>・製品に異常があるときには、すぐに使用を中止し各メーカーにご連絡ください。</li>
......@@ -278,13 +283,18 @@
<li>・個別の製品により清掃時に必要な実施項目（点検項目含む）がある場合は取扱説明書等に従ってください。（脱臭フィルタ清掃等）</li>
<li>・個別の製品により清掃時における注意事項がある場合は取扱説明書等に従ってください。</li>
</ul>
<p>■より長くお使いいただくために</p>
<ul>
<li>・金属ブラシ、研磨剤入りナイロンタワシ等を使用しないでください。</li>
<li>・温水洗浄便座の樹脂部を清掃する際には乾いた布やトイレットペーパーは使用しないでください。（キズ付の原因になります。）</li>
</ul>
<p>■洗剤・薬品は正しい使い方を実践しましょう。</p>
<img src="/clean/images/clean01/2022anzen_p6.jpg" alt="使い方にご注意を" width="640" height="auto">
<p>■洗剤の使い方に注意しましょう</p>
<p>洗剤の選択ミスや誤った使い方、便器鉢内に洗剤の放置は、洗剤から発生するガスにより金属部品が腐食・劣化し、
<span class="notice">発煙・発火などの原因</span>となります。使用できる洗剤でも直接かけてしまうと<span class="notice">発煙・発火などの原因</span>となります。
</p>
<div class="flex_wrapper mb40">
<p><img src="/clean/public/images/010.jpg" alt="" width="200" height="auto" class="mr10"></p>
<p><img src="/clean/public/images/008.jpg" alt="" width="210" height="auto" class="mr10"></p>
<p><img src="/clean/public/images/009_02.jpg" alt="" width="210" height="auto"></p>
</div>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
......
reform/index.html
......@@ -10,12 +10,24 @@
<title>リフォームのポイント－トイレをリフォーム｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
<!--各ページ共通項目 -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N4F24ZD');</script>
<!-- End Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
</script>
<!-- End Google Tag Manager -->
<script type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
......@@ -48,10 +60,9 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
</head>
<body class="toiletinfo reform" id="reform01">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="container">
<div id="head_area">
<h1><a href="/"><img src="../shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a></h1>
......@@ -193,7 +204,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<h6 class="left_margin">便器交換ができない場合でも、温水洗浄便座を取り替えることで<br />
最新機能を備えたトイレにすることができます。</h6>
<div class="caution_box clearfix">
<h6><img src="images/index/section_d_text02.gif" alt="注意点1 トイレ内に電源混戦とはありますか？" width="666" height="40" /></h6>
<h6><img src="images/index/section_d_text01.png" alt="注意点1 トイレ内に電源混戦とはありますか？" width="666" height="40" /></h6>
<div class="left02">
<p><img src="images/index/section_d_photo01.gif" alt="" width="314" height="250" /></p>
</div>
......@@ -223,15 +234,34 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<p>※温水洗浄便座には、2種類の規格に対応するため、「大形（エロンゲートサイズ）専用」「普通（レギュラーサイズ）専用」「兼用サイズ」が用意されています。</p>
</div>
</div>
<div class="caution_box clearfix">
<h6><img src="images/index/section_d_text03.png" alt="注意点3 止水栓、分岐金具のタイプや給水管の必要な長さを確認しておきましょう" width="666" height="40" /></h6>
<div class="flex_wrapper">
<p class="mr30"><img src="images/index/sisuisen.png" alt="" width="auto" height="155" class="mb10"><br>
ロータンクの側面から給水管(または<br>フレキホース)が出ていて既設の<br>分岐金具がないタイプの例</p>
<p class="ml30"><img src="images/index/bunkikanagu.png" alt="" width="150" height="auto" class="mb10"><br>
ロータンクの下面からフレキホース<br>
が出ていて既設の分岐金具がある<br>
タイプの例</p>
</div>
<div class="mt20">
<p>止水栓と分岐金具のタイプで給水接続の方法が異なります。<br>
給水取り出し位置によっては温水洗浄便座に付属した給水ホースでは長さが足りない場合があります。<br>
寒冷地用給水管で止水栓がない場合やフラッシュバルブの場合では、配管工事が必要です。製品をご購入される販売店にご相談ください。</p>
</div>
</div>
<div class="caution_box clearfix">
<div class="left03">
<h6><img src="images/index/section_d_text04.gif" alt="注意点3 消費電力を確認しておきましょう" width="323" height="40" /></h6>
<h6><img src="images/index/section_d_text04.jpg" alt="注意点4 消費電力を確認しておきましょう" width="323" height="40" /></h6>
<p>温水洗浄便座には、貯湯式と瞬間式の2種類があります。
貯湯式に比べ、瞬間式の総合的な消費電力は小さく省エネになりますが、使用時のピーク消費電力が貯湯式よりも大きくなります。<br />
電気配線の状況に応じた機種を選びましょう。 </p>
</div>
<div class="right03">
<h6><img src="images/index/section_d_text05.gif" alt="注意点4 取り付け方を確認しておきましょう" width="323" height="40" /></h6>
<h6><img src="images/index/section_d_text05.jpg" alt="注意点5 取り付け方を確認しておきましょう" width="323" height="40" /></h6>
<p>メーカーによって便器からの取り外し方法・便器の取り付け方法が異なります。<br />
事前に各メーカーサイトをご確認ください。</p>
</div>
......
shared/css/common.css
......@@ -1411,4 +1411,11 @@ div#head_area #search_area {
.mg_center {
display: block;
margin: 0 auto;
}
#clean .flex_wrapper,
#reform01 .flex_wrapper {
display: flex;
justify-content: center;
}
\ No newline at end of file
shared/css/parts.css
......@@ -746,4 +746,9 @@ table {
.bluePlus {
color: #00B7CE;
}
\ No newline at end of file
}
span.notice {
color: #fb0000;
}
sp/clean/css/parts.css
......@@ -2323,6 +2323,6 @@ p.notice {
font-size: 16px;
}
.section_menu03{
.section_menu03 {
background-color: #ECF6F7;
}
\ No newline at end of file
sp/clean/index.php
......@@ -234,91 +234,100 @@
</div>
</div>
<div class="text_caution">
<p class="midashi">＜その他の注意事項＞</p>
<p>■安全にお使いいただくために</p>
<div class="text_caution mt20">
<p class="midashi mb00">＜その他の注意事項＞<br>■より長くお使いいただくために</p>
<ul>
<li>・金属ブラシ、研磨剤入りナイロンタワシ等を使用しないでください。</li>
<li>・温水洗浄便座の樹脂部を清掃する際には乾いた布やトイレットペーパーは使用しないでください。（キズ付の原因になります。）</li>
</ul>
<p class="mt20 mb00">■安全にお使いいただくために</p>
<ul class="mt00">
<li>・製品に異常があるときには、すぐに使用を中止し各メーカーにご連絡ください。</li>
<li>・温水洗浄便座や便器を傷める酸性洗剤、アルカリ性洗剤、研磨剤を含む洗剤、塩素系カビ取り剤は使用しないでください。</li>
<li>・個別の製品により清掃時に必要な実施項目（点検項目含む）がある場合は取扱説明書等に従ってください。（脱臭フィルタ清掃等）</li>
<li>・個別の製品により清掃時における注意事項がある場合は取扱説明書等に従ってください。</li>
</ul>
<p>■より長くお使いいただくために</p>
<ul>
<li>・金属ブラシ、研磨剤入りナイロンタワシ等を使用しないでください。</li>
<li>・温水洗浄便座の樹脂部を清掃する際には乾いた布やトイレットペーパーは使用しないでください。（キズ付の原因になります。）</li>
</ul>
</div>
<p class="mt20 mb00">■洗剤・薬品は正しい使い方を実践しましょう。</p>
<img src="/clean/images/clean01/2022anzen_p6.jpg" alt="使い方にご注意を" width="640" height="auto">
<p class="mt20 mb00">■洗剤の使い方に注意しましょう</p>
<p>洗剤の選択ミスや誤った使い方、便器鉢内に洗剤の放置は、洗剤から発生するガスにより金属部品が腐食・劣化し、
<span class="notice">発煙・発火などの原因</span>となります。使用できる洗剤でも直接かけてしまうと<span class="notice">発煙・発火などの原因</span>となります。
</p>
<div class="flex_wrapper mb40">
<p><img src="/clean/public/images/010.jpg" alt="" width="100" height="auto" class="mr10"></p>
<p><img src="/clean/public/images/008.jpg" alt="" width="120" height="auto" class="mr10"></p>
<p><img src="/clean/public/images/009_02.jpg" alt="" width="120" height="auto"></p>
</div>
<!--ノズルの伸出方法 -->
<div class="content clearfix mt30">
<h6 id="section_c">＜参考＞ノズルの出し・戻し方法</h6>
<p class="normal">ノズルの出し・戻し方法には、「ノズルそうじ」ボタンまたはリモコン操作による自動方式のものと手で引き出す手動方式があります。詳細は取扱説明書を確認してください。<br />
取扱説明書はこちらからご確認いただけます。<br>
<a href="/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<div class="left02"><span class="box_title">自動方式の例</span><br />
<img src="images/clean01/section_e_img01.jpg" alt="" width="240" height="172" />
<!--ノズルの伸出方法 -->
<div class="content clearfix mt30">
<h6 id="section_c">＜参考＞ノズルの出し・戻し方法</h6>
<p class="normal">ノズルの出し・戻し方法には、「ノズルそうじ」ボタンまたはリモコン操作による自動方式のものと手で引き出す手動方式があります。詳細は取扱説明書を確認してください。<br />
取扱説明書はこちらからご確認いただけます。<br>
<a href="/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<div class="left02"><span class="box_title">自動方式の例</span><br />
<img src="images/clean01/section_e_img01.jpg" alt="" width="240" height="172" />
</div>
<div class="right03 mt20"><span class="box_title">手動方式の例</span><br />
<img src="images/clean01/section_e_img02.jpg" alt="" width="240" height="172" />
</div>
</div>
<div class="right03 mt20"><span class="box_title">手動方式の例</span><br />
<img src="images/clean01/section_e_img02.jpg" alt="" width="240" height="172" />
</div>
</div>
<!--便座の取り外し方・便座のリフトアップ -->
<div class="content clearfix">
<h6 id="section_d">＜参考＞便座の取り外し方・便座のリフトアップ</h6>
<p class="normal">便器と便座の隙間のお掃除には、便座を取外すか、便座リフトアップ機能を用いてお掃除します。機種によっては、便座の取り外しができないものもあります。詳細は取扱説明書を確認してください。<br />
取扱説明書はこちらからご確認いただけます。<br>
<a href="/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<p><span class="box_title">取り外す場合の例</span></p>
<div class="left02">
<p>（例1）</p>
<img src="images/clean01/section_f_img01.jpg" alt="" width="240" height="172" />
</div>
<div class="right03">
<p>（例2）</p>
<img src="images/clean01/section_f_img02.jpg" alt="" width="240" height="172" />
</div>
<!--便座の取り外し方・便座のリフトアップ -->
<div class="content clearfix">
<h6 id="section_d">＜参考＞便座の取り外し方・便座のリフトアップ</h6>
<p class="normal">便器と便座の隙間のお掃除には、便座を取外すか、便座リフトアップ機能を用いてお掃除します。機種によっては、便座の取り外しができないものもあります。詳細は取扱説明書を確認してください。<br />
取扱説明書はこちらからご確認いただけます。<br>
<a href="/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<p><span class="box_title">取り外す場合の例</span></p>
<div class="left02">
<p>（例1）</p>
<img src="images/clean01/section_f_img01.jpg" alt="" width="240" height="172" />
</div>
<div class="right03">
<p>（例2）</p>
<img src="images/clean01/section_f_img02.jpg" alt="" width="240" height="172" />
</div>
<p class="clear mt20"><span class="box_title">リフトアップの場合の例</span></p>
<div class="left02">
<p>（例1）手動の場合</p>
<img src="images/clean01/section_g_img01.jpg" alt="" width="240" height="172" />
<p class="clear mt20"><span class="box_title">リフトアップの場合の例</span></p>
<div class="left02">
<p>（例1）手動の場合</p>
<img src="images/clean01/section_g_img01.jpg" alt="" width="240" height="172" />
</div>
<div class="right03">
<p>（例2）電動の場合</p>
<img src="images/clean01/section_g_img02.jpg" alt="" width="240" height="172" />
</div>
</div>
<div class="right03">
<p>（例2）電動の場合</p>
<img src="images/clean01/section_g_img02.jpg" alt="" width="240" height="172" />
</div>
</div>
</div>
</div>
<div class="section_menu mb30">
<div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32"></p>
<ul class="clearfix spUnder2">
<li class="on">大便器・温水洗浄便座のお掃除方法（住宅向け）</li>
<li><a href="/sp/clean/public/">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</a></li>
</ul>
<div class="section_menu mb30">
<div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32"></p>
<ul class="clearfix spUnder2">
<li class="on">大便器・温水洗浄便座のお掃除方法（住宅向け）</li>
<li><a href="/sp/clean/public/">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</a></li>
</ul>
</div>
</div>
<!--section_b -->
</div>
<!--section_b -->
</div>
</div>
</div>
<!--/content-->
<!-- foot -->
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!-- /foot -->
</div>
<!--/content-->
<!-- foot -->
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!-- /foot -->
</div>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/sp/shared/js/common.js"></script>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/sp/shared/js/common.js"></script>
</body>
</html>
sp/shared/css/common.css
......@@ -2840,4 +2840,10 @@ li.listStyle {
#section_last {
border: 2px solid #FF5B4C;
padding: 10px 0;
}
#clean .flex_wrapper,
#reform01 .flex_wrapper {
display: flex;
justify-content: center;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment