SP/cleanの作成

54c65dd0 · o.kimura · a5528f54 · 54c65dd0 · 54c65dd0 · 54c65dd0
Commit 54c65dd0 authored Jun 22, 2022 by o.kimura
Showing with 194 additions and 5 deletions
sp/shared/css/common.css
sp/shared/inc/header.php
sp/trend/maintenance.php
--- a/sp/shared/css/common.css
+++ b/sp/shared/css/common.css
@@ -1106,13 +1106,15 @@ a:visited {
 border: solid 1px #ddd;
 }
-#main #study_index .section .content,
+#main #study_index .section .content{
-#main #index_other .section .content {
 margin-top: 1em;
 margin-bottom: 1em;
 width: 88%;
 background-color: #fff;
 }
+#main #index_other .section .content {
+ width: 92%;
+}
 #main #study_index .section h2,
 #main #index_other .section h2 {

--- a/sp/shared/inc/header.php
+++ b/sp/shared/inc/header.php
@@ -23,19 +23,19 @@
       <li><a href="/sp/trend/study/study02-6.php">ユニバーサルデザインに関する研究<br>車椅子使用者用便房における適切な便座高さの検証（2019年12月受理）</a></li>
      </ul>
     </li>
-     <li><img src="/sp/shared/images/clean.svg" class="svg" alt="" /><a href="" class="icon-technology">お掃除らくらく新技術</a>
+     <li><img src="/sp/shared/images/clean.svg" class="svg" alt="" /><a href="/sp/trend/maintenance.php" class="icon-technology">トイレのお手入れ</a>
      <ul class="technology-contents">
       <li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
       <li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
      </ul>
     </li>
-     <li><img src="/sp/shared/images/maintenance.svg" class="svg" alt="" /><a href="" class="icon-maintenance">トイレのメンテナンス</span></a>
+     <!--<li><img src="/sp/shared/images/maintenance.svg" class="svg" alt="" /><a href="" class="icon-maintenance">トイレのメンテナンス</span></a>
      <ul class="maintenance-contents">
       <li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
       <li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
      </ul>
     </li>
-     <li><img src="/sp/shared/images/manual.svg" class="svg" alt="" /><a href="" class="icon-manual">各社取扱説明書</a></li>
+     <li><img src="/sp/shared/images/manual.svg" class="svg" alt="" /><a href="" class="icon-manual">各社取扱説明書</a></li>-->
     <li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li>
    </ul>
   </div>

--- a/sp/trend/maintenance.php
+++ b/sp/trend/maintenance.php
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="keywords" content="トイレ,節水,節約,CO2削減,省エネ,リフォーム,日本レストルーム工業会">
+ <meta name="description" content="トイレナビはトイレでの節水,節約,CO2削減,省エネ,リフォームなどの情報を発信しています。日本レストルーム工業会が運営しています。">
+ <title>トイレのお手入れ｜トイレで節水・節約・CO2削減・省エネ　一般社団法人 日本レストルーム工業会</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 -->
+ <link rel="stylesheet" href="/sp/shared/css/slick.css" type="text/css" media="all">
+ <link rel="stylesheet" href="/sp/shared/css/common.css" type="text/css" media="all">
+</head>
+<body>
+ <!-- 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" class="toppage">
+  <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
+  <main>
+   <div id="main">
+    <section id="index_other">
+     <div class="section qa">
+      <h1 class="section_ttl">トイレのお手入れ</h1>
+      <div class="section content">
+       <img src="/sp/shared/images/trend/study02.png" alt="">
+       <div class="content">
+        <h2>お掃除らくらく新技術</h2>
+        <p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br>
+         会員各社では独自の新しい技術でそのような声にお応えしています。<br>
+         ここでは、それら「お掃除をらくにする」新技術の一例をご紹介します。</p>
+        <a href="/sp/clean/technology.php"></a>
+       </div>
+      </div>
+      <div class="section content">
+       <div class="content">
+        <h2>トイレのメンテナンス</h2>
+        <p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br>
+         ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。</p>
+        <a href="/sp/clean/maintenance.html"></a>
+       </div>
+      </div>
+      <div class="section content">
+       <div class="content">
+        <h2>各社取扱説明書</h2>
+        <p>会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内です。</p>
+        <a href="/sp/clean/manual.html"></a>
+       </div>
+      </div>
+     </div>
+    </section>
+   </div><!-- /#main -->
+  </main>
+  <footer>
+   <div id="footer">
+    <nav>
+     <div id="subnavi">
+      <strong>PCサイトを見る</strong>
+      <div>
+       <em>トイレ情報</em>
+       <ul>
+        <li><a href="/saving/">トイレでエコ</a></li>
+        <li><a href="/reform/reform.html">高齢社会の住宅トイレ</a></li>
+        <li><a href="/reform/">トイレをリフォーム</a></li>
+        <li><a href="/clean/">トイレのお手入れ</a></li>
+       </ul>
+       <em>統計・資料</em>
+       <ul>
+        <li><a href="/trend/spread.html">統計・資料</a></li>
+        <li><a href="/trend/research.html">各種調査</a></li>
+        <li><a href="/history/index.html">トイレの歴史</a></li>
+       </ul>
+       <em>トイレの歴史</em>
+       <ul>
+        <li><a href="/history/index.html">トイレ年表</a></li>
+        <li><a href="/history/transition.html">各社節水便器の変遷</a></li>
+       </ul>
+       <em>お知らせ</em>
+       <ul class="news">
+        <li><a href="/news/">新着情報</a></li>
+        <li><a href="/information/">重要なお知らせ</a></li>
+       </ul>
+       <div class="about">
+        <ul>
+         <li><a href="/association/">工業会について</a></li>
+         <li><a href="/safety/">製品の安全に関して</a></li>
+        </ul>
+       </div>
+       <ul>
+        <li><a href="/privacy/index.html">個人情報保護方針</a></li>
+        <li><a href="/contact/">お問い合わせ</a></li>
+       </ul>
+      </div>
+     </div>
+     <div class="links">
+      <div>
+       <strong>一般社団法人 日本レストルーム工業会　会員企業</strong>
+       <ul>
+        <li><a href="https://www.aisin.com/jp/" target="_blank">株式会社アイシン</a></li>
+        <li><a href="http://www.asahieito.co.jp/" target="_blank">アサヒ衛陶株式会社</a></li>
+        <li><a href="https://www.sanei.ltd" target="_blank">SANEI株式会社</a></li>
+        <li><a href="http://www.janis-kogyo.co.jp/" target="_blank">ジャニス工業株式会社</a></li>
+        <li><a href="https://www.toshiba-lifestyle.com/jp/" target="_blank">東芝ライフスタイル株式会社</a></li>
+        <li><a href="http://www.toto.co.jp/" target="_blank">TOTO株式会社</a></li>
+        <li><a href="https://www.panasonic.com/jp/home.html" target="_blank">パナソニック株式会社</a></li>
+        <li><a href="http://inax.lixil.co.jp/" target="_blank">株式会社LIXIL</a></li>
+       </ul>
+      </div>
+     </div>
+    </nav>
+    <div id="copyright">
+     copyright(c)一般社団法人日本レストルーム工業会
+    </div>
+   </div>
+  </footer>
+ </div><!-- /#container -->
+ <script type="text/javascript" src="/shared/js/jquery-3.3.1.min.js"></script>
+ <script type="text/javascript" src="/shared/js/jquery-migrate-3.0.1.min.js"></script>
+ <script type="text/javascript" src="/sp/shared/js/slick.min.js"></script>
+ <script type="text/javascript" src="/sp/shared/js/common.js"></script>
+ <script>
+  $(function() {
+   $('.main-MV').slick({
+    infinite: true,
+    dots: true,
+    arrows: true,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    centerMode: true,
+    centerPadding: '20%',
+    autoplay: true,
+    autoplaySpeed: 5000,
+    speed: 1000,
+    cssEase: 'linear',
+    responsive: [{
+      breakpoint: 1240,
+      settings: {
+       centerPadding: '10%',
+      }
+     },
+     {
+      breakpoint: 559,
+      settings: {
+       arrows: true,
+       centerPadding: '0',
+      }
+     },
+    ]
+   });
+  });
+ </script>
+</body>
+</html>