Skip to content

sora / sanitary-net

Go to a project
Commit c2b1bcaf by o.kimura
Options

SP対象ページ全整理

parent 85d5ee31
Inline Side-by-side
Showing with 542 additions and 4205 deletions
clean/technology02.html
...@@ -160,7 +160,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -160,7 +160,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
ウォシュレットの前方を持ち上げ、便器部との隙間がラクにお掃除できるようになっています。</p> ウォシュレットの前方を持ち上げ、便器部との隙間がラクにお掃除できるようになっています。</p>
</div> </div>
<br class="clear" /> <br class="clear" />
<div><img src="images/clean03/seat/toto_photo05.jpg" alt="" width="676" height="243" /></div> <div><img src="images/clean03/seat/toto_photo05.jpg" alt="" width="315" height="auto" /></div>
<p class="text"><span class="bold">クリーン便座（つぎ目なし）　クリーンノズル　クリーンケース</span><br /> <p class="text"><span class="bold">クリーン便座（つぎ目なし）　クリーンノズル　クリーンケース</span><br />
撥水性のあるクリーン樹脂が汚れをはじくので、サッとひとふきでお手入れできます。</p> 撥水性のあるクリーン樹脂が汚れをはじくので、サッとひとふきでお手入れできます。</p>
</div> </div>
......
sp/clean/index.html → sp/clean/index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <html lang="ja">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会"> <meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。"> <meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<title>トイレのお掃除方法－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title> <title>トイレのお掃除方法－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
...@@ -29,58 +27,16 @@ ...@@ -29,58 +27,16 @@
</script> </script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
<script type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css?v=220127" type="text/css" media="all">
<!--original --> <!--original -->
<link rel="stylesheet" href="css/parts.css?v=220127" type="text/css" media="all"> <link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
<!--original -->
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
});
})(jQuery);
//]]>
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head> </head>
<body class="toiletinfo clean" id="clean"> <body class="toiletinfo clean spCln" id="clean">
<!-- 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> <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) --> <!-- End Google Tag Manager (noscript) -->
<div id="container"> <div id="container">
<div id="head_area"> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<h1><a href="/"><img src="../shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a></h1>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area"> <div id="contents_area">
<div id="pan" class="pan"> <div id="pan" class="pan">
<ul> <ul>
...@@ -92,8 +48,8 @@ ...@@ -92,8 +48,8 @@
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
<!--maincontent --> <!--maincontent -->
<div id="main_contents"> <div id="main_contents">
<h2 class="pngfix"><span class="pngfix"><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2> <h2 class="pngfix"><span class="pngfix"><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="../shared/images/content/title_text/content_title_clean01.png" width="222" height="24" alt="トイレのお掃除方法" class="pngfix" /></span></h3> <h3 class="pngfix"><span class="pngfix"><img src="/shared/images/content/title_text/content_title_clean01.png" width="222" height="24" alt="トイレのお掃除方法" class="pngfix" /></span></h3>
<div id="section_read02"> <div id="section_read02">
<p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br /> <p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br />
トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br /> トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br />
...@@ -101,23 +57,21 @@ ...@@ -101,23 +57,21 @@
<span class="link_type_a"><a href="/clean/technology.html">お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span> <span class="link_type_a"><a href="/clean/technology.html">お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span>
</p> </p>
</div> </div>
<div class="section_menu"> <div class="section_menu">
<p class="index"><img src="../shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p> <div class="section_menu03 pingfix">
<ul class="clearfix"> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p>
<li class="menuTitle01">大便器・温水洗浄便座のお掃除方法（住宅向け）</li> <ul class="clearfix spUnder2">
<li><a href="#section_a" class="pageLink">便器本体のお掃除</a></li> <li class="on">大便器・温水洗浄便座のお掃除方法（住宅向け）</li>
<li><a href="#section_b" class="pageLink">温水洗浄便座・ロータンクのお掃除</a></li> <li><a href="/sp/clean/public/">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</a></li>
<li><a href="#section_c" class="pageLink">＜参考＞ノズルの出し・戻し方法</a></li>
<li><a href="#section_d" class="pageLink">＜参考＞便座の取り外し方・便座のリフトアップ</a></li>
<li class="menuTitle01"><a href="/clean/public/" class="ttl">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</a></li>
<li><a href="/clean/public/#section_a" class="pageLink">ご準備と清掃のポイント</a></li>
<li><a href="/clean/public/#section_b" class="pageLink">日常清掃 清掃手順とポイント動画</a></li>
<li><a href="/clean/public/#section_c" class="pageLink">定期清掃 清掃手順とポイント動画</a></li>
</ul> </ul>
</div> </div>
</div>
<!--section_a --> <!--section_a -->
<div class="section"> <div class="section">
<h4 id="section_top" class="pngfix blue"><img src="images/clean01/section_a_text01.gif" alt="大便器・温水洗浄便座のお掃除方法（住宅向け）" width="402" height="24" /></h4> <h3 class="pt">大便器・温水洗浄便座のお掃除方法</h3>
<h3 class="txtright">（住宅向け）</h3>
<span class="link_type_a"><a href="/sp/clean/index.php">⇒大便器・温水洗浄便座のお掃除方法（住宅向け）は<br>こちら</a></span>
<div class="content"> <div class="content">
<h5><img src="images/clean01/section_a_text02.gif" alt="清掃のポイント" width="676" height="40" /></h5> <h5><img src="images/clean01/section_a_text02.gif" alt="清掃のポイント" width="676" height="40" /></h5>
<div class="normal"> <div class="normal">
...@@ -157,7 +111,7 @@ ...@@ -157,7 +111,7 @@
</div> </div>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div> </div>
<!--section_b --> <!--section_b -->
<div class="section"> <div class="section">
...@@ -285,7 +239,6 @@ ...@@ -285,7 +239,6 @@
</ul> </ul>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--ノズルの伸出方法 --> <!--ノズルの伸出方法 -->
...@@ -301,7 +254,6 @@ ...@@ -301,7 +254,6 @@
</div> </div>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--便座の取り外し方・便座のリフトアップ --> <!--便座の取り外し方・便座のリフトアップ -->
<div class="content clearfix"> <div class="content clearfix">
...@@ -329,24 +281,12 @@ ...@@ -329,24 +281,12 @@
</div> </div>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div> </div>
<!--section_b --> <!--section_b -->
</div> </div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div> </div>
<div id="pan_b" class="pan"> <div id="pan_b" class="pan">
<ul> <ul>
...@@ -358,18 +298,11 @@ ...@@ -358,18 +298,11 @@
</div> </div>
<!--/content--> <!--/content-->
<!-- foot --> <!-- foot -->
<script type="text/javascript"> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot --> <!-- /foot -->
</div> </div>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/sp/shared/js/common.js"></script>
</body> </body>
</html> </html>
sp/clean/maintenance.html deleted 100644 → 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本衛生設備機器工業会,温水洗浄便座工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本衛生設備機器工業会・温水洗浄便座工業会が運営しています。">
<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 type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<!--original -->
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({opacity: "toggle"});
});
});
})(jQuery);
//]]>
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body class="toiletinfo clean" id="clean04">
<!-- 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>
<!-- head gmenu -->
<script type="text/javascript" >
<!--
includeHead();
includeGmenu();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのメンテナンス</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span class="pngfix"><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="../shared/images/content/title_text/content_title_clean04.png" width="246" height="23" alt="トイレのメンテナンス" class="pngfix"/></span></h3>
<div id="section_read02">
<p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br />ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。
<span class="link_type_a"><a href="/maintenance/" target="_blank">トイレのセルフチェック（ご使用中の製品についてチェックすることができます）</a></span></p>
</div>
<div class="section_menu">
<p class="index"><img src="../shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p>
<ul class="clearfix">
<li><a href="maintenance.html">トイレのセルフチェック</a></li>
<li><a href="maintenance02.html">トイレのセルフメンテナンス</a></li>
</ul>
</div>
<!--section_a -->
<div class="section">
<h4 id="section_top" class="pngfix blue"><img src="images/maintenance/section_a_text01.gif" alt="トイレのセルフチェック
" width="213" height="19" /></h4>
<div class="content">
<p class="text mb10">便器の不具合をそのまま放置すると、階下への漏水やケガにつながる場合があります。<br />
定期的にチェックして、不具合を発見したら直ちに販売店、工事店、またはメーカーにご連絡ください。<br />
また、温水洗浄便座は電気製品です。故障したまま使用をし続けると発煙・発火などの原因になります。不具合の症状がある場合、すぐに電源プラグを抜き止水栓を閉めてご使用を中止し、販売店・工事店、またはメーカーへご連絡ください。<br />
また、ご使用の製品が購入後10年以上になる場合は、買い替えもご検討ください。</p>
<div class="center mb30">
<h5><img src="images/maintenance/section_a_text04.gif" alt="定期的なトイレのセルフチェック" width="676" height="40" /></h5>
<p class="cap clearfix"><span class="img"><img src="images/maintenance/section_a_cap01.jpg" alt="" width="320" height="237" /></span><span class="text">ご使用中の製品をチェックすることができる「トイレのセルフチェック」<br />「便器・タンク」「温水洗浄便座」「温水洗浄便座一体型便器」から製品を選択し、あてはまる症状にチェックを入れてください。<br /><br />
<a href="../maintenance/" target="_blank">今すぐチェック</a></span></p>
</div>
<h5><img src="images/maintenance/section_a_text02.gif" alt="タンク内のチェック・点検方法" width="676" height="40" /></h5>
<div class="normal">
<p>便器内にずっと水が流れている、水が貯まらない、便器の流れが悪くなったなどの不具合はありませんか？<br />
このような症状がある場合、タンク内の不具合が考えられます。チェック・点検の方法は製品によって異なりますので、取扱説明書をご確認願います。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
</div>
<h5><img src="images/maintenance/section_a_text03.gif" alt="温水洗浄便座の安全に関して" width="676" height="40" /></h5>
<div class="normal">
<p>温水洗浄便座の安全に関する情報をご確認いただけます。<br />→<a href="/safety/">製品の安全について - 温水洗浄便座の安全に関して</a></p>
</div>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section_b --><!--パブリック --><!--section_b --></div>
<!-- side toilet -->
<script type="text/javascript" >
<!--
includeSideToilet();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのお掃除方法</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript" >
<!--
includeFoot();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
\ No newline at end of file
sp/clean/maintenance.php 0 → 100644
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本衛生設備機器工業会,温水洗浄便座工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本衛生設備機器工業会・温水洗浄便座工業会が運営しています。">
<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 -->
<!--original -->
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head>
<body class="toiletinfo clean spCln" id="clean04">
<!-- 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">
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<div id="contents_area">
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのメンテナンス</li>
</ul>
</div>
<h2 class="pngfix"><span class="pngfix"><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="/shared/images/content/title_text/content_title_clean04.png" width="246" height="23" alt="トイレのメンテナンス" class="pngfix" /></span></h3>
<div id="section_read02">
<p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br />ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。
<span class="link_type_a"><a href="/maintenance/" target="_blank">⇒トイレのセルフチェック（ご使用中の製品についてチェックすることができます）はこちら</a></span>
</p>
</div>
<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 spUnder">
<li class="on">トイレのセルフチェック</li>
<li><a href="maintenance02.php">トイレのセルフメンテナンス</a></li>
</ul>
</div>
<!--section_a -->
<div class="section">
<h3 class="pt">トイレのセルフチェック</h3>
<div class="content">
<p class="text mb10">便器の不具合をそのまま放置すると、階下への漏水やケガにつながる場合があります。<br />
定期的にチェックして、不具合を発見したら直ちに販売店、工事店、またはメーカーにご連絡ください。<br />
また、温水洗浄便座は電気製品です。故障したまま使用をし続けると発煙・発火などの原因になります。不具合の症状がある場合、すぐに電源プラグを抜き止水栓を閉めてご使用を中止し、販売店・工事店、またはメーカーへご連絡ください。<br />
また、ご使用の製品が購入後10年以上になる場合は、買い替えもご検討ください。</p>
<div class="center mb30">
<h4 class="label"><span>定期的なトイレのセルフチェック</span></h4>
<p class="cap clearfix"><span class="img"><img src="images/maintenance/section_a_cap01.jpg" alt="" width="320" height="237" /></span><span class="text">ご使用中の製品をチェックすることができる「トイレのセルフチェック」<br />「便器・タンク」「温水洗浄便座」「温水洗浄便座一体型便器」から製品を選択し、あてはまる症状にチェックを入れてください。<br /><br />
<a href="/maintenance/" target="_blank">⇒今すぐチェック</a></span></p>
</div>
<h4 class="label"><span>タンク内のチェック・点検方法</span></h4>
<div class="normal">
<p>便器内にずっと水が流れている、水が貯まらない、便器の流れが悪くなったなどの不具合はありませんか？<br />
このような症状がある場合、タンク内の不具合が考えられます。チェック・点検の方法は製品によって異なりますので、取扱説明書をご確認願います。<br /><a href="manual.php">⇒各社取扱説明書のご案内</a></p>
</div>
<h4 class="label mt30"><span>温水洗浄便座の安全に関して</span></h4>
<div class="normal">
<p>温水洗浄便座の安全に関する情報をご確認いただけます。<br /><a href="/safety/">⇒製品の安全について - 温水洗浄便座の安全に関して（PCページへ遷移します）</a></p>
</div>
</div>
</div>
<!--section_b -->
<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 spUnder">
<li class="on">トイレのセルフチェック</li>
<li><a href="maintenance02.php">トイレのセルフメンテナンス</a></li>
</ul>
</div>
<br>
<!--section_b -->
</div>
</div>
</div>
<!--/content-->
<!-- foot -->
<!--/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>
</body>
</html>
sp/clean/maintenance02.html deleted 100644 → 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<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 type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<!--original -->
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
});
})(jQuery);
//]]>
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body class="toiletinfo clean" id="clean04">
<!-- 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>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのメンテナンス</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span class="pngfix"><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="../shared/images/content/title_text/content_title_clean04.png" width="246" height="23" alt="トイレのメンテナンス" class="pngfix" /></span></h3>
<div id="section_read02">
<p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br />
ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。
<span class="link_type_a"><a href="/maintenance/" target="_blank">トイレのセルフチェック（ご使用中の製品についてチェックすることができます）</a></span></p>
</div>
<div class="section_menu">
<p class="index"><img src="../shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p>
<ul class="clearfix">
<li><a href="maintenance.html">トイレのセルフチェック</a></li>
<li><a href="maintenance02.html">トイレのセルフメンテナンス</a></li>
</ul>
</div>
<!--section_a -->
<div class="section">
<h4 id="section_top" class="pngfix blue"><img src="images/maintenance/section_b_text01.gif" alt="トイレのセルフメンテナンス" width="253" height="18" /></h4>
<div class="content">
<p>便器や温水洗浄便座には、ご自分でできる簡単なトラブル対処や、定期的な清掃・部品交換が必要な箇所があります。<br />製品を長く快適にお使いいただくため、ご自分でできる代表的なメンテナンスについて紹介します。</p>
<h5><img src="images/maintenance/section_b_text02.gif" alt="便器・タンク" width="676" height="40" /></h5>
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix">
<h6 class="h6midashi">ストレーナー（フィルター）の詰まり清掃</h6>
<div class="left01"><img src="images/maintenance/section_b_ill01.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>長期間使用して給水時間が長くなったり、便器の洗浄が弱くなりはじめたりした場合は、便器のストレーナー（フィルター）にゴミが詰まっている可能性があります。<br />取扱説明書をご確認いただき、ストレーナー（フィルター）掃除をお願いします。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
<div class="cautionsText01 clearfix">
<ul class="left">
<li><span class="midashi">＜注意事項＞</span></li>
<li>・温水洗浄便座がついている場合は電源を抜いてください。</li>
<li>・ストレーナーを外す時は、必ず止水栓を閉めて下さい。<br />また掃除後は止水栓を開けて下さい。</li>
<li>・漏水の原因となる為、ストレーナーを取り付けるときはすき間がないようにしっかりと閉めてください。</li>
</ul>
<p class="right"><img src="images/maintenance/section_b_ill06-2.gif" alt="" width="173" height="109" /></p>
</div>
</div>
</div>
<!--便器つまりの対処 -->
<div class="content clearfix">
<h6 class="h6midashi">便器詰まりの対処</h6>
<div class="left01"><img src="images/maintenance/section_b_ill02.gif" alt="" width="240" height="178" /></div>
<div class="right01">
<p>紙や異物が便器のトラップ部分に詰まっている場合、以下の手順で詰りを取り除きます。</p>
</div>
</div>
<div class="content clearfix">
<h6 class="h6midashi02">手順</h6>
<div class="left01"><img src="images/maintenance/section_b_ill03.gif" alt="" width="240" height="137" /></div>
<div class="right01">
<p class="line">&#9312; 止水栓を閉めます。</p>
<p>&#9313; 異物が見える場合<br />
ハンドポンプなどを使って、水を抜いてから異物を取り除きます。</p>
</div>
</div>
<div class="content clearfix">
<div class="left01"><img src="images/maintenance/section_b_ill04.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>&#9314; 異物が見えない場合<br />周囲に汚水が飛び散らないようにビニールシートの真ん中に穴をあけ、ラバーカップの柄を通しておきます。</p>
</div>
</div>
<div class="content clearfix">
<div class="left01"><img src="images/maintenance/section_b_ill05.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p class="line">&#9315; 便器の排水口にラバーカップを密着させ、静かに押し付け、勢いよく引きます。排水が引き込まれるまでこれを繰り返します。</p>
<p class="line">&#9316; バケツに水を入れ、少しずつ流してみます。水が流れたら大丈夫です。</p>
<p>&#9317; 止水栓を開きます。</p>
</div>
</div>
<div class="content clearfix">
<ul class="cautionsText01">
<li><span class="midashi">ポイント</span></li>
<li>・ラバーカップは、水がないと効果がありません。便器内の水がないときは、水を入れながら作業をしてください。</li>
<li>・詰まったまま、水を流してはいけません。※便器から汚水があふれて床を汚すことがあります。</li>
<li>・詰まりが直らない場合や、異物が取り除けないときは、販売店、工事店またはメーカーにご連絡ください。</li>
</ul>
</div>
<p class="mt15">※一部の便器には一般的なトラップ構造のものでなく、可動式のトラップ構造のものがあります。<br />
　詰まった場合の対処方法が異なります。詳しくは<a href="#last_section" class="pageLink">こちら</a>をご確認ください。<br />　【可動式トラップ便器の一例】<br />
　パナソニック株式会社／アラウーノ<br />
　ジャニス工業株式会社／スマートクリン</p>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section_b -->
<div class="section">
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix">
<h5><img src="images/maintenance/section_b_text03.gif" alt="温水洗浄便座" width="676" height="40" /></h5>
<h6 class="h6midashi">ストレーナー（フィルター）の詰り清掃</h6>
<div class="left01"><img src="images/maintenance/section_b_ill06.gif" alt="" width="240" height="188" /></div>
<div class="right01">
<p>温水洗浄時の水勢が弱くなったと感じる場合は、温水洗浄便座のストレーナー（フィルター）が詰まっている可能性があります。<br />取扱説明書をご確認いただき、ストレーナー（フィルター）掃除をお願いします。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
<div class="cautionsText01 clearfix">
<ul class="left">
<li><span class="midashi">＜注意事項＞</span></li>
<li>・電源を抜いてください。</li>
<li>・ストレーナーを外す時は、必ず止水栓を閉めて下さい。<br />また掃除後は止水栓を開けて下さい。</li>
<li>・漏水の原因となる為、ストレーナーを取り付けるときはすき間がないようにしっかりと閉めてください。</li>
</ul>
<p class="right"><img src="images/maintenance/section_b_ill07.gif" alt="" width="173" height="127" /></p>
</div>
</div>
</div>
<!--リモコンの電池交換 -->
<div class="content clearfix">
<h6 class="h6midashi">リモコンの電池交換</h6>
<div class="left01"><img src="images/maintenance/section_b_ill08.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>リモコンの電池が消耗すると操作ができなくなります。定期的に新しい電池に交換してください。<br />※交換方法は機種によって異なりますので、取扱説明書を確認の上、交換してください。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
</div>
</div>
<!--脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合） -->
<div class="content clearfix">
<h6 class="h6midashi">脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合）</h6>
<div class="left01"><img src="images/maintenance/section_b_ill09.gif" alt="" width="240" height="360" /></div>
<div class="right01">
<p>脱臭カートリッジやフィルターにホコリ等が付着すると十分な脱臭ができなくなります。臭いが気になりだしたら清掃してください。詳しくは各社取扱説明書をご確認ください。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
</div>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--section_b -->
</div>
<!--section_c -->
<div class="section" id="last_section">
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix">
<h5><img src="images/maintenance/section_b_text04.gif" alt="温水洗浄便座一体型便器" width="676" height="40" /></h5>
<p>温水洗浄便座一体型便器のセルフメンテナンスについては、「便器・タンク」「温水洗浄便座」の記載をご参照ください。</p>
<h6 class="h6midashi">可動式トラップ便器の詰り清掃</h6>
<p class="mb20">一部の便器には一般的なトラップ構造のものでなく、可動式のトラップ構造のものがあります。便器が詰まった場合は、市販のラバーカップを使用し、詰りを取り除いてください。<br />
ラバーカップが使用できるのは、汚物やトイレットペーパーが詰まった時です。それ以外の物（ボールペン、生理用品など固形の異物）が詰まった場合は、取れません。お近くの販売店・工事店、またはメーカーへご相談ください。<br />→<a href="/clean/manual.html">各社取扱説明書のご案内</a></p>
<div class="left01"><img src="images/maintenance/section_b_ill10.gif" alt="" width="240" height="158" /></div>
<div class="right01">
<p>【可動式トラップ便器とは】<br />
一般的な便器とは異なり、トラップ部分が上下に可動することで汚物を排出する便器。</p>
</div>
</div>
<!--リモコンの電池交換 -->
<!--脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合） -->
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--section_c -->
</div>
<!--パブリック -->
</div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのお掃除方法</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript">
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
sp/clean/maintenance02.php 0 → 100644
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<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 -->
<!--original -->
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head>
<body class="toiletinfo clean spCln" id="clean04">
<!-- 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">
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのメンテナンス</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span class="pngfix"><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="/shared/images/content/title_text/content_title_clean04.png" width="246" height="23" alt="トイレのメンテナンス" class="pngfix" /></span></h3>
<div id="section_read02">
<p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br />
ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。
<span class="link_type_a"><a href="/maintenance/" target="_blank">⇒トイレのセルフチェック（ご使用中の製品についてチェックすることができます）はこちら</a></span>
</p>
</div>
<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 spUnder">
<li><a href="maintenance.php">トイレのセルフチェック</a></li>
<li class="on">トイレのセルフメンテナンス</li>
</ul>
</div>
<!--section_a -->
<div class="section">
<h3 class="pt">トイレのセルフメンテナンス</h3>
<div class="content">
<p>便器や温水洗浄便座には、ご自分でできる簡単なトラブル対処や、定期的な清掃・部品交換が必要な箇所があります。<br />製品を長く快適にお使いいただくため、ご自分でできる代表的なメンテナンスについて紹介します。</p>
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix mt20">
<h6 class="h6midashi">【便器・タンク】<br>ストレーナー（フィルター）の詰まり清掃</h6>
<div class="left01"><img src="images/maintenance/section_b_ill01.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>長期間使用して給水時間が長くなったり、便器の洗浄が弱くなりはじめたりした場合は、便器のストレーナー（フィルター）にゴミが詰まっている可能性があります。<br />取扱説明書をご確認いただき、ストレーナー（フィルター）掃除をお願いします。<br /><a href="/sp/clean/manual.php">⇒各社取扱説明書のご案内</a></p>
<div class="cautionsText01 clearfix mt10">
<ul class="left">
<li><span class="midashi">＜注意事項＞</span></li>
<li>・温水洗浄便座がついている場合は電源を抜いてください。</li>
<li>・ストレーナーを外す時は、必ず止水栓を閉めて下さい。<br />また掃除後は止水栓を開けて下さい。</li>
<li>・漏水の原因となる為、ストレーナーを取り付けるときはすき間がないようにしっかりと閉めてください。</li>
</ul>
<p class="right"><img src="images/maintenance/section_b_ill06-2.gif" alt="" width="173" height="109" /></p>
</div>
</div>
</div>
<!--便器つまりの対処 -->
<div class="content clearfix">
<h6 class="h6midashi">便器詰まりの対処</h6>
<div class="left01"><img src="images/maintenance/section_b_ill02.gif" alt="" width="240" height="178" /></div>
<div class="right01">
<p>紙や異物が便器のトラップ部分に詰まっている場合、以下の手順で詰りを取り除きます。</p>
</div>
</div>
<div class="content clearfix">
<h6 class="h6midashi02">手順</h6>
<div class="left01"><img src="images/maintenance/section_b_ill03.gif" alt="" width="240" height="137" /></div>
<div class="right01">
<p class="line">&#9312; 止水栓を閉めます。</p>
<p>&#9313; 異物が見える場合<br />
ハンドポンプなどを使って、水を抜いてから異物を取り除きます。</p>
</div>
</div>
<div class="content clearfix">
<div class="left01"><img src="images/maintenance/section_b_ill04.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>&#9314; 異物が見えない場合<br />周囲に汚水が飛び散らないようにビニールシートの真ん中に穴をあけ、ラバーカップの柄を通しておきます。</p>
</div>
</div>
<div class="content clearfix">
<div class="left01"><img src="images/maintenance/section_b_ill05.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p class="line">&#9315; 便器の排水口にラバーカップを密着させ、静かに押し付け、勢いよく引きます。排水が引き込まれるまでこれを繰り返します。</p>
<p class="line">&#9316; バケツに水を入れ、少しずつ流してみます。水が流れたら大丈夫です。</p>
<p>&#9317; 止水栓を開きます。</p>
</div>
</div>
<div class="content clearfix">
<ul class="cautionsText01">
<li><span class="midashi">ポイント</span></li>
<li>・ラバーカップは、水がないと効果がありません。便器内の水がないときは、水を入れながら作業をしてください。</li>
<li>・詰まったまま、水を流してはいけません。※便器から汚水があふれて床を汚すことがあります。</li>
<li>・詰まりが直らない場合や、異物が取り除けないときは、販売店、工事店またはメーカーにご連絡ください。</li>
</ul>
</div>
<p class="mt15">※一部の便器には一般的なトラップ構造のものでなく、可動式のトラップ構造のものがあります。<br />
　詰まった場合の対処方法が異なります。詳しくは<a href="#last_section" class="pageLink">こちら</a>をご確認ください。<br />　【可動式トラップ便器の一例】<br />
　パナソニック株式会社／アラウーノ<br />
　ジャニス工業株式会社／スマートクリン</p>
</div>
</div>
<!--section_b -->
<div class="section">
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix mt20">
<h6 class="h6midashi">【温水洗浄便座】<br>ストレーナー（フィルター）の詰り清掃</h6>
<div class="left01"><img src="images/maintenance/section_b_ill06.gif" alt="" width="240" height="188" /></div>
<div class="right01">
<p>温水洗浄時の水勢が弱くなったと感じる場合は、温水洗浄便座のストレーナー（フィルター）が詰まっている可能性があります。<br />取扱説明書をご確認いただき、ストレーナー（フィルター）掃除をお願いします。<br>
<a href="/sp/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<div class="cautionsText01 clearfix mt10">
<ul class="left">
<li><span class="midashi">＜注意事項＞</span></li>
<li>・電源を抜いてください。</li>
<li>・ストレーナーを外す時は、必ず止水栓を閉めて下さい。<br />また掃除後は止水栓を開けて下さい。</li>
<li>・漏水の原因となる為、ストレーナーを取り付けるときはすき間がないようにしっかりと閉めてください。</li>
</ul>
<p class="right"><img src="images/maintenance/section_b_ill07.gif" alt="" width="173" height="127" /></p>
</div>
</div>
</div>
<!--リモコンの電池交換 -->
<div class="content clearfix">
<h6 class="h6midashi">リモコンの電池交換</h6>
<div class="left01"><img src="images/maintenance/section_b_ill08.gif" alt="" width="240" height="240" /></div>
<div class="right01">
<p>リモコンの電池が消耗すると操作ができなくなります。定期的に新しい電池に交換してください。<br />※交換方法は機種によって異なりますので、取扱説明書を確認の上、交換してください。<br /><a href="/sp/clean/manual.php">⇒各社取扱説明書のご案内</a></p>
</div>
</div>
<!--脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合） -->
<div class="content clearfix">
<h6 class="h6midashi mt20">脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合）</h6>
<div class="left01"><img src="images/maintenance/section_b_ill09.gif" alt="" width="240" height="360" /></div>
<div class="right01">
<p class="">脱臭カートリッジやフィルターにホコリ等が付着すると十分な脱臭ができなくなります。臭いが気になりだしたら清掃してください。詳しくは各社取扱説明書をご確認ください。<br /> <a href="/sp/clean/manual.php">⇒各社取扱説明書のご案内</a></p>
</div>
</div>
<!--section_b -->
</div>
<!--section_c -->
<div class="section" id="last_section">
<!--ストレーナー（フィルター）の詰り清掃 -->
<div class="content clearfix">
<h6 class="h6midashi">温水洗浄便座一体型便器</h6>
<p>温水洗浄便座一体型便器のセルフメンテナンスについては、「便器・タンク」「温水洗浄便座」の記載をご参照ください。</p>
<br>
<h6 class="h6midashi">可動式トラップ便器の詰り清掃</h6>
<p class="mb20">一部の便器には一般的なトラップ構造のものでなく、可動式のトラップ構造のものがあります。便器が詰まった場合は、市販のラバーカップを使用し、詰りを取り除いてください。<br />
ラバーカップが使用できるのは、汚物やトイレットペーパーが詰まった時です。それ以外の物（ボールペン、生理用品など固形の異物）が詰まった場合は、取れません。お近くの販売店・工事店、またはメーカーへご相談ください。<br />
<a href="/sp/clean/manual.php">⇒各社取扱説明書のご案内</a>
</p>
<div class="left01"><img src="images/maintenance/section_b_ill10.gif" alt="" width="240" height="158" /></div>
<div class="right01">
<p><br>【可動式トラップ便器とは】<br />
一般的な便器とは異なり、トラップ部分が上下に可動することで汚物を排出する便器。</p>
</div>
</div>
<!--リモコンの電池交換 -->
<!--脱臭カートリッジ又はフィルターの清掃（脱臭機能付便座の場合） -->
<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 spUnder">
<li><a href="maintenance.php">トイレのセルフチェック</a></li>
<li class="on">トイレのセルフメンテナンス</li>
</ul>
</div>
<!--パブリック -->
</div>
</div>
</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>
</body>
</html>
sp/clean/manual.html → sp/clean/manual.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <html lang="ja">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本衛生設備機器工業会,温水洗浄便座工業会"> <meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本衛生設備機器工業会,温水洗浄便座工業会">
<meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本衛生設備機器工業会・温水洗浄便座工業会が運営しています。"> <meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本衛生設備機器工業会・温水洗浄便座工業会が運営しています。">
<title>各社取扱説明書－トイレのお手入れ｜トイレナビ　一般社団法人 日本衛生設備機器工業会/一般社団法人 温水洗浄便座工業会</title> <title>各社取扱説明書－トイレのお手入れ｜トイレナビ　一般社団法人 日本衛生設備機器工業会/一般社団法人 温水洗浄便座工業会</title>
<!--各ページ共通項目 --> <!--各ページ共通項目 -->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': <script>
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], (function(w, d, s, l, i) {
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= w[l] = w[l] || [];
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); w[l].push({
})(window,document,'script','dataLayer','GTM-N4F24ZD');</script> 'gtm.start': new Date().getTime(),
<!-- End Google Tag Manager --> event: 'gtm.js'
<script type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
}); });
})(jQuery); 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> </script>
<!--[if lt IE 7]> <!-- End Google Tag Manager -->
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <!--original -->
<![endif]--> <link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head> </head>
<body class="toiletinfo clean" id="clean02"> <body class="toiletinfo clean spCln" id="clean02">
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
<!-- End Google Tag Manager (noscript) -->
<div id="container"> <div id="container">
<div id="head_area"> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<h1><a href="/"><img src="../shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a></h1>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area"> <div id="contents_area">
<div id="pan" class="pan"> <div id="pan" class="pan">
<ul> <ul>
...@@ -82,8 +50,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -82,8 +50,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
<!--maincontent --> <!--maincontent -->
<div id="main_contents"> <div id="main_contents">
<h2 class="pngfix"><span><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix" /></span></h2> <h2 class="pngfix"><span><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="../shared/images/content/title_text/content_title_clean02.png" width="299" height="24" alt="各社取扱説明書・相談窓口" class="pngfix" /></span></h3> <h3 class="pngfix"><span><img src="/shared/images/content/title_text/content_title_clean02.png" width="299" height="24" alt="各社取扱説明書・相談窓口" class="pngfix" /></span></h3>
<div id="section_read02"> <div id="section_read02">
<p>会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内です。</p> <p>会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内です。</p>
</div> </div>
...@@ -144,7 +112,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -144,7 +112,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</tr> </tr>
</table> </table>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div> </div>
<div class="section" id="section_b"> <div class="section" id="section_b">
<h4 class="pngfix blue"><img src="images/clean02/section_b_text01.jpg" alt="トイレ全体のお手入れ" width="297" height="20" /></h4> <h4 class="pngfix blue"><img src="images/clean02/section_b_text01.jpg" alt="トイレ全体のお手入れ" width="297" height="20" /></h4>
...@@ -207,41 +175,16 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -207,41 +175,16 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div> </div>
</div> </div>
</div> </div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>各社取扱説明書</li>
</ul>
</div>
</div>
<!--/content--> <!--/content-->
<!-- foot --> <!-- foot -->
<script type="text/javascript"> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot --> <!-- /foot -->
</div> </div>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/sp/shared/js/common.js"></script>
</body> </body>
</html> </html>
sp/clean/public/index.php
...@@ -28,12 +28,12 @@ ...@@ -28,12 +28,12 @@
</script> </script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
<!--original --> <!--original -->
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all"> <link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head> </head>
<body class="toiletinfo clean font_conditioned" id="clean"> <body class="toiletinfo clean font_conditioned spCln" id="clean">
<!-- 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> <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) --> <!-- End Google Tag Manager (noscript) -->
...@@ -56,29 +56,24 @@ ...@@ -56,29 +56,24 @@
<p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br> <p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br>
トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br> トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br>
「お掃除をらくにする」新技術は、下記のページでご覧いただけます。<br> 「お掃除をらくにする」新技術は、下記のページでご覧いただけます。<br>
<span class="link_type_a"><a href="/clean/technology.php">⇒お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span> <span class="link_type_a"><a href="/sp/clean/technology.php">⇒お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span>
</p> </p>
</div> </div>
<!--<div class="section_menu"> <div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32"></p>
<ul class="clearfix"> <ul class="clearfix spUnder2">
<li class="menuTitle01"><a href="/clean/" class="ttl">大便器・温水洗浄便座のお掃除方法（住宅向け）</a></li> <li><a href="/sp/clean/">大便器・温水洗浄便座のお掃除方法（住宅向け）</a></li>
<li><a href="/clean/#section_a" class="pageLink">便器本体のお掃除</a></li> <li class="on">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li>
<li><a href="/clean/#section_b" class="pageLink">温水洗浄便座・ロータンクのお掃除</a></li>
<li><a href="/clean/#section_c" class="pageLink">＜参考＞ノズルの出し・戻し方法</a></li>
<li><a href="/clean/#section_d" class="pageLink">＜参考＞便座の取り外し方・便座のリフトアップ</a></li>
<li class="menuTitle01">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li>
<li><a href="#section_a" class="pageLink">ご準備と清掃のポイント</a></li>
<li><a href="#section_b" class="pageLink">日常清掃 清掃手順とポイント動画</a></li>
<li><a href="#section_c" class="pageLink">定期清掃 清掃手順とポイント動画</a></li>
</ul> </ul>
</div>--> </div>
<!--パブリック --> <!--パブリック -->
<div class="section"> <div class="section">
<h3 class="pt">大便器・温水洗浄便座のお掃除方法</h3> <h3 class="pt">大便器・温水洗浄便座のお掃除方法</h3>
<h3 class="txtright">（パブリック施設向け）</h3> <h3 class="txtright">（パブリック施設向け）</h3>
<div class="content clearfix"> <div class="content clearfix">
<p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p> <p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p>
<p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p> <p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p>
...@@ -153,7 +148,7 @@ ...@@ -153,7 +148,7 @@
</div> </div>
<div class="flex_wrapper mb40"> <div class="flex_wrapper mb40">
<p><img src="/clean/public/images/010.jpg" alt="" width="200" height="auto" /></p> <p><img src="/clean/public/images/010.jpg" alt="" width="200" height="auto" /></p>
<p><img src="/clean/public/images/008.jpg" alt="" width="230" height="auto" /></p> <p><img src="/clean/public/images/008.jpg" alt="" width="230" height="auto" /></p>
<p><img src="/clean/public/images/009_02.jpg" alt="" width="230" height="auto" /></p> <p><img src="/clean/public/images/009_02.jpg" alt="" width="230" height="auto" /></p>
</div> </div>
...@@ -217,8 +212,8 @@ ...@@ -217,8 +212,8 @@
<div> <div>
<p class="normal mb20"><b>② 温水洗浄便座を取り外す</b></p> <p class="normal mb20"><b>② 温水洗浄便座を取り外す</b></p>
<img src="/clean/public/images/10.jpg" alt="" width="300" height="auto" /> <img src="/clean/public/images/10.jpg" alt="" width="300" height="auto" />
<p class="txt_r mt10"><a href="/clean/#section_d" target="_blank">⇒ <p class="txt_r mt10"><a href="/clean/#section_d" target="_blank">⇒
&lt;参考&gt;便座の取り外し方・便座のリフトアップへ</a></p> &lt;参考&gt;便座の取り外し方・便座のリフトアップへ</a></p>
</div> </div>
<div class="mt30"> <div class="mt30">
<p class="normal">温水洗浄便座を、所定の操作方法で便器から取り外す。</p> <p class="normal">温水洗浄便座を、所定の操作方法で便器から取り外す。</p>
...@@ -305,16 +300,18 @@ ...@@ -305,16 +300,18 @@
<!--<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>--> <!--<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>-->
</div> </div>
</div>
<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><a href="/sp/clean/">大便器・温水洗浄便座のお掃除方法（住宅向け）</a></li>
<li class="on">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li>
</ul>
</div>
<br>
</div>
</div> </div>
<!--<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのお掃除方法</li>
</ul>
</div>-->
</div> </div>
<!--/content--> <!--/content-->
<!-- foot --> <!-- foot -->
......
sp/clean/technology.html deleted 100644 → 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,一般社団法人レストルーム工業会">
<meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは一般社団法人レストルーム工業会が運営しています。">
<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 type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({opacity: "toggle"});
});
});
})(jQuery);
//]]>
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body class="toiletinfo clean" id="clean03">
<!-- 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>
<!-- head gmenu -->
<script type="text/javascript" >
<!--
includeHead();
includeGmenu();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>お掃除らくらく新技術</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="../shared/images/content/title_text/content_title_clean03.png" width="253" height="24" alt="お掃除らくらく新技術" class="pngfix"/></span></h3>
<div id="section_read02">
<p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br />
会員各社では独自の新しい技術でそのような声にお応えしています。<br />
ここでは、それら「お掃除をらくにする」新技術の一例をご紹介します。<br />
※詳しくは各社ホームページをご覧ください。</p>
</div>
<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">
<li class="on">便器の新技術</li>
<li><a href="technology02.html">温水洗浄便座の新技術</a></li>
</ul>
</div>
<!--section_a -->
<div class="section clearfix" id="section_a">
<h4 class="blue pngfix"><img src="images/clean03/toilet/section_a_text01.gif" alt="便器の新技術" width="126" height="20" /></h4>
<div class="content">
<div>
<p class="text">便器の汚れは放置しておくとなかなか取りにくいものです。「汚れがつきにくく、落としやすい便器を！」そのような要望に応えるため便器表面の状態を改良し、また、お掃除のしにくかった便器のフチ裏がない形状を開発することなどで、今ではお掃除のしやすいものが主流になっています。<br />
洗浄水量６リットル以下の節水便器も、これらの新しい技術によって支えられています。</p>
</div>
</div>
<!--section_b -->
<div id="section_b">
<h5><img src="images/clean03/toilet/section_a_text02.jpg" alt="汚れの付きにくい表面加工技術" width="676" height="40" /></h5>
<div class="content clearfix">
<div class="left02"><img src="images/clean03/toilet/section_b_photo01.jpg" alt="" width="346" height="235" /></div>
<div class="right02">
<p>陶器製の便器はもともと汚れの付きにくい素材ですが、最近の便器には各社の独自の技術によって、更に汚れが付きにくく、落としやすい表面改良・加工が施されています。<br />
また、陶器素材ではない有機ガラス系新素材の便器も登場しています。</p>
</div>
</div>
<div class="content clearfix">
<table class="fanction">
<tr>
<th scope="row">メーカー</th>
<th scope="row">陶器</th>
<th scope="row">表面加工名称</th>
<th scope="row">特長</th>
</tr>
<tr>
<td class="td01">アサヒ衛陶</td>
<td class="td02">陶器</td>
<td class="td03">トイレコート</td>
<td class="td04">親水性のコーティング剤により、便器表面の凹凸をガラスのように平滑にして汚れの付着を軽減し、落としやすくします。さらに細菌やカビの発生も抑制します。</td>
</tr>
<tr>
<td class="td01">ジャニス工業</td>
<td class="td02">陶器</td>
<td class="td03">Gコート</td>
<td class="td04">通常の釉薬層の上に透明な釉薬をかけることにより従来の陶器表面の粗さを3分の1に、ばらつきを5分の1にし、ガラスのようなツルツル表面を実現。汚れの付着を抑えます。</td>
</tr>
<tr>
<td class="td01">TOTO</td>
<td class="td02">陶器</td>
<td class="td03">セフィオンテクト</td>
<td class="td04">表面が非常にツルツルになる透明な釉薬を用いて焼成しています。<br />汚れがつきにくく落ちやすくなっていますので、お掃除の負荷も軽減されます。</td>
</tr>
<tr>
<td class="td01">パナソニック</td>
<td class="td02">有機ガラス系新素材</td>
<td class="td03">表面加工なし</td>
<td class="td04">撥水性の素材で水垢が表面に固着せず、簡単に落とせます。</td>
</tr>
<tr>
<td class="td01">LIXIL（INAX）</td>
<td class="td02">陶器</td>
<td class="td03">アクアセラミック</td>
<td class="td04">リング状の黒ずみや便器のくすみの原因となる水アカがこびりつかず、かんたんお掃除で新品のときの輝きが保てます。</td>
</tr>
</table>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
</div>
<!--section_c -->
<div class="section" id="section_c">
<h5><img src="images/clean03/toilet/section_b_text01.jpg" alt="フチ形状と洗浄方式" width="676" height="40" /></h5>
<div class="content clearfix">
<p class="text">これまで便器のフチ裏は汚れが付きやすく、落としにくかったところです。各社ではこのフチを無くし、洗浄水をボウル(便鉢)面に沿って「ぐるっと回す」洗浄方式で、お掃除の手間を軽減すると共に節水化を実現しています。</p>
<div class="center"><img src="images/clean03/toilet/section_a_photo01.jpg" alt="" width="600" height="242" />
</div>
</div>
<!--asahi -->
<div class="content clearfix">
<h6>アサヒ衛陶</h6>
<div class="left03"><img src="images/clean03/toilet/asahi_photo01.jpg" alt="" width="315" height="235" /></div>
<div class="right03">
<p><span class="bold">パワー洗浄</span><br />洗浄水の渦作用と強力な水流により、しっかりと便器内を洗い流します。</p>
</div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--ジャニス工業 -->
<div class="content clearfix">
<h6>ジャニス工業</h6>
<div class="left03"><img src="images/clean03/toilet/janis_photo01.jpg" alt="" width="315" height="274" />
<p><span class="bold">フロントスリム</span><br />
便器手前のフチを極限まで薄くすることで、返しがまったくなく、便器の内側と外側をつまんでひと拭き掃除ができます。</p></div>
<div class="right03"><img src="images/clean03/toilet/janis_photo02.jpg" alt="" width="315" height="274" />
<p><span class="bold">全周フチなし</span><br />フチの裏をなくすことで、従来隠れて掃除のしにくかった場所をなくし、お掃除の負担を軽減します。</p>
</div>
<br class="clear" />
<div class="left03"><img src="images/clean03/toilet/janis_photo03.jpg" alt="" width="315" height="319" />
<p><span class="bold">サイクロン洗浄</span><br />
「洗う」と「流す」の2つの水流で、便器内をくまなく洗いながら流すたて水流で、回転にひねりを加え効果的に汚物を流します。</p>
</div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--TOTO -->
<div class="content clearfix">
<h6>TOTO</h6>
<div class="left03"><img src="images/clean03/toilet/toto_photo01.jpg" alt="" width="315" height="231" />
<p><span class="bold">フチなし形状</span><br />
お手入れがしにくく、汚れが溜まりやすかった便器のフチをなくし、お掃除をラクにしています。</p></div>
<div class="right03"><img src="images/clean03/toilet/toto_photo02.jpg" alt="" width="315" height="231" />
<p><span class="bold">トルネード洗浄</span><br />
渦を巻くようなトルネード水流が、少ない水を有効に使いながら汚れを効率よく洗浄します。</p>
</div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--パナソニック -->
<div class="content clearfix">
<h6>パナソニック</h6>
<div class="mb30"><img src="images/clean03/toilet/panasonic_photo04.jpg" alt="" width="676" height="189" />
<p class="text"><span class="bold">トリプル汚れガード</span><br />
「ハネガード」は便座をあげると自動で水位が下がり、泡を投入することで、主に男性が立ちながら用を足した時のハネを抑制します。<br />
また「タレガード」で便器周辺に3mmの縁の立ち上がりを設け、便器外側への小便のタレを抑制し、さらに便座裏に突起をつけた「モレガード」で、座り小便時の便器外側への小便のモレにも配慮しています。</p>
</div>
<div class="left03"><img src="images/clean03/toilet/panasonic_photo01.jpg" alt="" width="315" height="224" />
<p><span class="bold">ひとふき形状</span><br />
これまで手が届きにくかったフチの裏がなく、掃除が楽になります。</p></div>
<div class="right03"><img src="images/clean03/toilet/panasonic_photo02.jpg" alt="" width="315" height="224" />
<p><span class="bold">激落ちバブル</span><br />
毎使用後に2種類の洗剤の泡で自動洗浄し、お掃除を楽にします。</p>
</div>
<br class="clear" />
<div class="left03"><img src="images/clean03/toilet/panasonic_photo03.jpg" alt="" width="315" height="229" />
<p><span class="bold">スパイラル水流</span><br />
便器を水が勢いよく旋回して、しつこい汚れも一気に流します。</p></div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<!--LIXIL -->
<div class="content clearfix">
<h6>LIXIL（INAX）</h6>
<div class="left03"><img src="images/clean03/toilet/lixil_photo01.jpg" alt="" width="315" height="227" />
<p><span class="bold">フチレス形状</span><br />
フチを丸ごとなくし、サッとひと拭き、お掃除ラクラクです。</p></div>
<div class="right03"><img src="images/clean03/toilet/lixil_photo02.jpg" alt="" width="315" height="227" />
<p><span class="bold">パワーストリーム洗浄</span><br />
強力な水流が便器鉢内のすみずみまで回り、少ない水でもしっかり汚れを洗い流します。</p>
</div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section_c -->
<div class="section" id="section_c">
<h5><img src="images/clean03/toilet/section_c_text01.jpg" alt="清掃しやすい外観形状" width="676" height="40" /></h5>
<div class="content clearfix">
<p class="text">これまでの便器は横や後ろの形状が複雑で、床固定のビス(化粧キャップ付)が露出しているなど、ホコリが溜まりやすくお掃除がしにくい形状でした。<br />
最近の便器では、外観形状がシンプルでホコリ溜りも少なく、お掃除がしやすい形状のものが主流になってきています。</p>
<div class="center"><img src="images/clean03/toilet/section_c_photo01.jpg" alt="" width="447" height="450" />
</div>
</div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<div class="section_last">
<div class="section_member">
<p>便器の新技術詳細は、各社のサイトにてご覧いただけます。</p>
<ul>
<li><a href="https://www.asahieito.co.jp/" target="_blank"><img src="../shared/images/logo/logo_asahi.png" class="pngfix" alt="アサヒ衛陶株式会社" width="205" height="61" /></a></li><!--
--><li><a href="https://www.janis-kogyo.co.jp/" target="_blank"><img src="../shared/images/logo/logo_janis.png" class="pngfix" alt="ジャニス工業株式会社" width="204" height="61" /></a></li><!--
--><li><a href="https://jp.toto.com/" target="_blank"><img src="../shared/images/logo/logo_toto.png" alt="株式会社TOTO" class="pngfix" width="204" height="61" /></a></li><!--
--><li><a href="https://sumai.panasonic.jp/" target="_blank"><img src="../shared/images/logo/logo_panasonic.png" class="pngfix" alt="パナソニック株式会社" width="204" height="61" /></a></li><!--
--><li><a href="https://inax.lixil.co.jp/" target="_blank"><img src="../shared/images/logo/logo_lixil.png" class="pngfix" alt="株式会社LIXIL" width="204" height="61" /></a></li>
</ul>
</div>
</div>
<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">
<li class="on">便器の新技術</li>
<li><a href="technology02.html">温水洗浄便座の新技術</a></li>
</ul>
</div>
</div>
</div>
<!-- side toilet -->
<script type="text/javascript" >
<!--
includeSideToilet();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>お掃除らくらく新技術</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript" >
<!--
includeFoot();
//-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
\ No newline at end of file
sp/clean/technology.php
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
<!--original --> <!--original -->
<link rel="stylesheet" href="/sp/clean/css/parts.css" type="text/css" media="all"> <link rel="stylesheet" href="/sp/clean/css/parts.css" type="text/css" media="all">
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head> </head>
<body class="toiletinfo clean" id="clean03"> <body class="toiletinfo clean spCln" id="clean03">
<!-- 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> <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) --> <!-- End Google Tag Manager (noscript) -->
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
<!--maincontent --> <!--maincontent -->
<div id="main_contents"> <div id="main_contents">
<h2 class="pngfix"><span><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix"></span></h2>
<h3 class="pngfix"><span><img src="../../shared/images/content/title_text/content_title_clean03.png" width="253" height="24" alt="お掃除らくらく新技術" class="pngfix" /></span></h3> <h3 class="pngfix"><span><img src="../../shared/images/content/title_text/content_title_clean03.png" width="253" height="24" alt="お掃除らくらく新技術" class="pngfix" /></span></h3>
<div id="section_read02"> <div id="section_read02">
<p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br /> <p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br />
...@@ -61,9 +62,9 @@ ...@@ -61,9 +62,9 @@
</div> </div>
<div class="section_menu03 pingfix"> <div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p>
<ul class="clearfix"> <ul class="clearfix spUnder">
<li class="on">便器の新技術</li> <li class="on">便器の新技術</li>
<li><a href="technology02.html">温水洗浄便座の新技術</a></li> <li><a href="technology02.php">温水洗浄便座の新技術</a></li>
</ul> </ul>
</div> </div>
<!--section_a --> <!--section_a -->
...@@ -226,65 +227,26 @@ ...@@ -226,65 +227,26 @@
<div class="center"><img src="images/clean03/toilet/section_c_photo01.jpg" alt="" width="447" height="450" /> <div class="center"><img src="images/clean03/toilet/section_c_photo01.jpg" alt="" width="447" height="450" />
</div> </div>
</div> </div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<div class="section_last">
<div class="section_member">
<p>便器の新技術詳細は、各社のサイトにてご覧いただけます。</p>
<ul>
<li><a href="https://www.asahieito.co.jp/" target="_blank"><img src="../shared/images/logo/logo_asahi.png" class="pngfix" alt="アサヒ衛陶株式会社" width="205" height="61" /></a></li>
<!--
-->
<li><a href="https://www.janis-kogyo.co.jp/" target="_blank"><img src="../shared/images/logo/logo_janis.png" class="pngfix" alt="ジャニス工業株式会社" width="204" height="61" /></a></li>
<!--
-->
<li><a href="https://jp.toto.com/" target="_blank"><img src="../shared/images/logo/logo_toto.png" alt="株式会社TOTO" class="pngfix" width="204" height="61" /></a></li>
<!--
-->
<li><a href="https://sumai.panasonic.jp/" target="_blank"><img src="../shared/images/logo/logo_panasonic.png" class="pngfix" alt="パナソニック株式会社" width="204" height="61" /></a></li>
<!--
-->
<li><a href="https://inax.lixil.co.jp/" target="_blank"><img src="../shared/images/logo/logo_lixil.png" class="pngfix" alt="株式会社LIXIL" width="204" height="61" /></a></li>
</ul>
</div>
</div>
<div class="section_menu03 pingfix"> <div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p>
<ul class="clearfix"> <ul class="clearfix spUnder">
<li class="on">便器の新技術</li> <li class="on">便器の新技術</li>
<li><a href="technology02.html">温水洗浄便座の新技術</a></li> <li><a href="technology02.php">温水洗浄便座の新技術</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>お掃除らくらく新技術</li>
</ul>
</div> </div>
<!--/content-->
<!-- foot -->
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!-- /foot -->
</div> </div>
<!--/content--> <script type="text/javascript" src="/shared/js/jquery.js"></script>
<!-- foot --> <script type="text/javascript" src="/sp/shared/js/common.js"></script>
<?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>
</body> </body>
</html> </html>
sp/clean/technology02.html → sp/clean/technology02.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <html lang="ja">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本レストルーム工業会"> <meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本レストルーム工業会が運営しています。"> <meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本レストルーム工業会が運営しています。">
<title>お掃除らくらく新技術－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title> <title>お掃除らくらく新技術－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
<!--各ページ共通項目 --> <!--各ページ共通項目 -->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': <script>
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], (function(w, d, s, l, i) {
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= w[l] = w[l] || [];
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); w[l].push({
})(window,document,'script','dataLayer','GTM-N4F24ZD');</script> 'gtm.start': new Date().getTime(),
<!-- End Google Tag Manager --> event: 'gtm.js'
<script type="text/javascript" src="../shared/js/commonparts.js"></script>
<script type="text/javascript" src="../shared/js/jquery.js"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
}); });
})(jQuery); 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> </script>
<!--[if lt IE 7]> <!-- End Google Tag Manager -->
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
<script type="text/javascript" src="../shared/js/analytics.js"></script>
<!--original -->
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
<link rel="stylesheet" href="/sp/shared/css/common.css?v=20220412" type="text/css" media="all">
</head> </head>
<body class="toiletinfo clean" id="clean03"> <body class="toiletinfo clean spCln" id="clean03">
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
--> <div id="container">
</script> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area"> <div id="contents_area">
<div id="pan" class="pan"> <div id="pan" class="pan">
<ul> <ul>
...@@ -82,8 +50,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -82,8 +50,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
<!--maincontent --> <!--maincontent -->
<div id="main_contents"> <div id="main_contents">
<h2 class="pngfix"><span><img src="../shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix" /></span></h2> <h2 class="pngfix"><span><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレでお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="../shared/images/content/title_text/content_title_clean03.png" width="253" height="24" alt="お掃除らくらく新技術" class="pngfix" /></span></h3> <h3 class="pngfix"><span><img src="/shared/images/content/title_text/content_title_clean03.png" width="253" height="24" alt="お掃除らくらく新技術" class="pngfix" /></span></h3>
<div id="section_read02"> <div id="section_read02">
<p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br /> <p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br />
会員各社では独自の新しい技術でそのような声にお応えしています。<br /> 会員各社では独自の新しい技術でそのような声にお応えしています。<br />
...@@ -92,8 +60,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -92,8 +60,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div> </div>
<div class="section_menu03 pingfix"> <div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p>
<ul class="clearfix"> <ul class="clearfix spUnder">
<li><a href="technology.html">便器の新技術</a></li> <li><a href="technology.php">便器の新技術</a></li>
<li class="on">温水洗浄便座の新技術</li> <li class="on">温水洗浄便座の新技術</li>
</ul> </ul>
</div> </div>
...@@ -148,7 +116,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -148,7 +116,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
さらに使用していない時でも定期的に洗浄します。<br /> さらに使用していない時でも定期的に洗浄します。<br />
<span class="bold">ノズルきれい</span><br /> <span class="bold">ノズルきれい</span><br />
使用後に、汚れや菌を分解・除菌<sup>※1</sup>する「きれい除菌水」<sup>※2</sup>がノズルの内側も外側も自動で洗浄・除菌します。<br /> 使用後に、汚れや菌を分解・除菌<sup>※1</sup>する「きれい除菌水」<sup>※2</sup>がノズルの内側も外側も自動で洗浄・除菌します。<br />
さらに使用していない時でも定期的に洗浄します。<span class="small_txt">※1 試験機関：（一財）日本食品分析センター、試験方法：除菌効果試験、除菌方法：電解した水道水により洗浄、対象部分：ノズル表面全体および通水路、試験結果：99％以上　※2 試験機関：（一財）北里環境科学センター、試験方法：電解水の除菌効力試験、除菌方法：電解した水道水と菌液を混合し除菌効果を確認、試験結果：99＆以上、効果効能：「きれい除菌水」は、汚れを抑制するもので清掃不要になるものではありません。使用・環境条件（水質・便器形状など）によっては、効果が異なります。</span></p> さらに使用していない時でも定期的に洗浄します。<span class="small_txt">※1 試験機関：（一財）日本食品分析センター、試験方法：除菌効果試験、除菌方法：電解した水道水により洗浄、対象部分：ノズル表面全体および通水路、試験結果：99％以上　※2 試験機関：（一財）北里環境科学センター、試験方法：電解水の除菌効力試験、除菌方法：電解した水道水と菌液を混合し除菌効果を確認、試験結果：99＆以上、効果効能：「きれい除菌水」は、汚れを抑制するもので清掃不要になるものではありません。使用・環境条件（水質・便器形状など）によっては、効果が異なります。</span>
</p>
</div> </div>
<br class="clear" /> <br class="clear" />
<div class="left03"><img src="images/clean03/seat/toto_photo03.jpg" alt="" width="315" height="254" /> <div class="left03"><img src="images/clean03/seat/toto_photo03.jpg" alt="" width="315" height="254" />
...@@ -234,24 +203,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -234,24 +203,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div> </div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p> <p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<div class="section_last">
<div class="section_member">
<p>温水洗浄便座の新技術詳細は、各社のサイトにてご覧いただけます。</p>
<ul>
<li><a href="https://www.asahieito.co.jp/" target="_blank"><img src="../shared/images/logo/logo_asahi.png" class="pngfix" alt="アサヒ衛陶株式会社" width="205" height="61" /></a></li>
<li><a href="https://www.janis-kogyo.co.jp/" target="_blank"><img src="../shared/images/logo/logo_janis.png" class="pngfix" alt="ジャニス工業株式会社" width="204" height="61" /></a></li>
<li><a href="https://www.sanei.ltd" target="_blank"><img src="../shared/images/logo/logo_sanei.png" class="pngfix" alt="SANEI株式会社" width="204" height="61" /></a></li>
<li><a href="https://www.toshiba-lifestyle.com/jp/" target="_blank"><img src="../shared/images/logo/logo_toshiba.png" class="pngfix" alt="東芝ライフスタイル株式会社" width="204" height="61" /></a></li>
<li><a href="https://jp.toto.com/" target="_blank"><img src="../shared/images/logo/logo_toto.png" alt="株式会社TOTO" class="pngfix" width="204" height="61" /></a></li>
<li><a href="https://sumai.panasonic.jp/" target="_blank"><img src="../shared/images/logo/logo_panasonic.png" class="pngfix" alt="パナソニック株式会社" width="204" height="61" /></a></li>
<li><a href="https://inax.lixil.co.jp/" target="_blank"><img src="../shared/images/logo/logo_lixil.png" class="pngfix" alt="株式会社LIXIL" width="204" height="61" /></a></li>
</ul>
</div>
</div>
<div class="section_menu03 pingfix"> <div class="section_menu03 pingfix">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p> <p class="index"><img src="/shared/images/common/icon_inex_blue.png" alt="" width="86" height="32" /></p>
<ul class="clearfix"> <ul class="clearfix spUnder">
<li><a href="technology.html">便器の新技術</a></li> <li><a href="technology.php">便器の新技術</a></li>
<li class="on">温水洗浄便座の新技術</li> <li class="on">温水洗浄便座の新技術</li>
</ul> </ul>
</div> </div>
...@@ -259,41 +214,17 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -259,41 +214,17 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!--section_c --> <!--section_c -->
</div> </div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>お掃除らくらく新技術</li>
</ul>
</div> </div>
</div> </div>
<!--/content--> <!--/content-->
<!-- foot --> <!-- foot -->
<script type="text/javascript"> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/footer.php'; ?>
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot --> <!-- /foot -->
</div> </div>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/sp/shared/js/common.js"></script>
</body> </body>
</html> </html>
sp/index.php
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
<div id="study_index" class="content"> <div id="study_index" class="content">
<section> <section>
<h1 class="section_ttl">研究など<small>（インタビュー）</small></h1> <h1 class="section_ttl">研究</h1>
<div class="section"> <div class="section">
<img src="/sp/shared/images/trend/study01.jpg" alt=""> <img src="/sp/shared/images/trend/study01.jpg" alt="">
<div class="content"> <div class="content">
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
<section id="index_other"> <section id="index_other">
<div class="section qa"> <div class="section qa">
<h1 class="section_ttl">トイレのお手入れ</h1> <h1 class="section_ttl">トイレのお手入れ</h1>
<div class="section content"> <div class="section content wht">
<img src="/sp/shared/images/trend/study02.png" alt=""> <img src="/sp/shared/images/trend/study02.png" alt="">
<div class="content"> <div class="content">
<h2>お掃除らくらく新技術</h2> <h2>お掃除らくらく新技術</h2>
......
sp/shared/css/common.css
...@@ -797,6 +797,10 @@ a:visited { ...@@ -797,6 +797,10 @@ a:visited {
background-image: url(/sp/shared/images/maual.svg); background-image: url(/sp/shared/images/maual.svg);
} }
#global_nav > ul > li > a.icon-manual:before {
background-image: url(/sp/shared/images/maual.svg);
}
#global_nav .study-contents, #global_nav .study-contents,
#global_nav .technology-contents, #global_nav .technology-contents,
#global_nav .maintenance-contents { #global_nav .maintenance-contents {
...@@ -1106,16 +1110,21 @@ a:visited { ...@@ -1106,16 +1110,21 @@ a:visited {
border: solid 1px #ddd; border: solid 1px #ddd;
} }
#main #study_index .section .content{ #main #study_index .section .content {
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
width: 88%; width: 88%;
background-color: #fff; background-color: #fff;
} }
#main #index_other .section .content { #main #index_other .section .content {
width: 92%; width: 92%;
} }
#main #index_other .section .content.wht {
background-color: #fff;
}
#main #study_index .section h2, #main #study_index .section h2,
#main #index_other .section h2 { #main #index_other .section h2 {
margin-bottom: 1em; margin-bottom: 1em;
...@@ -2267,9 +2276,10 @@ h2.pngfix { ...@@ -2267,9 +2276,10 @@ h2.pngfix {
padding: 10px; padding: 10px;
} }
h3{ h3 {
font-size: 18px; font-size: 18px;
} }
h3.pngfix { h3.pngfix {
margin: 20px 0 20px 0; margin: 20px 0 20px 0;
} }
...@@ -2322,6 +2332,18 @@ p img { ...@@ -2322,6 +2332,18 @@ p img {
margin: 20px auto; margin: 20px auto;
} }
.spCln p img {
margin: 10px auto;
}
.spCln .spUnder{
padding: 0px 10px 10px 60px;
}
.spCln .spUnder2{
padding: 0px 10px 10px 20px;
}
p.notice { p.notice {
color: #fb0000; color: #fb0000;
} }
...@@ -2336,6 +2358,6 @@ p.notice { ...@@ -2336,6 +2358,6 @@ p.notice {
font-size: 16px; font-size: 16px;
} }
.section_menu03{ .section_menu03 {
background-color: #ECF6F7; background-color: #ECF6F7;
} }
\ No newline at end of file
sp/shared/css/common.min.css deleted 100644 → 0
html{font:62.5%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;color:#333}body{font-size:140%;font-size:1.4rem}html,body,ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}em{font-style:normal}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto;margin:auto;border:0}@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?hdlcni');src:url('fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?hdlcni') format('truetype'),url('fonts/icomoon.woff?hdlcni') format('woff'),url('fonts/icomoon.svg?hdlcni#icomoon') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-keyboard_arrow_right:before{content:"\e910"}.icon-keyboard_arrow_left:before{content:"\e911"}.icon-faq:before{content:"\e900"}.icon-home:before{content:"\e902"}.icon-pt_faq:before{content:"\e903"}.icon-pt_ttl:before{content:"\e904"}.icon-study:before{content:"\e905"}.icon-search:before{content:"\e901"}a{color:#4371ba;text-decoration:none}a:visited{color:#4371ba;text-decoration:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}.mt00{margin-top:0!important}.mt05{margin-top:5px!important}.mt10{margin-top:10px!important}.mt12{margin-top:12px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mr00{margin-right:0!important}.mr05{margin-right:5px!important}.mr10{margin-right:10px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mb00{margin-bottom:0!important}.mb05{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb12{margin-bottom:12px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb100{margin-bottom:100px!important}.ml00{margin-left:0!important}.ml05{margin-left:5px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.pt00{padding-top:0!important}.pt05{padding-top:5px!important}.pt10{padding-top:10px!important}.pt12{padding-top:12px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pr00{padding-right:0!important}.pr05{padding-right:5px!important}.pr10{padding-right:10px!important}.pr12{padding-right:12px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pb00{padding-bottom:0!important}.pb05{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb12{padding-bottom:12px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pl00{padding-left:0!important}.pl05{padding-left:5px!important}.pl10{padding-left:10px!important}.pl12{padding-left:12px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}#header{position:fixed;top:0;height:85px;width:100%;background-color:#fff;line-height:1;z-index:100}#header .description{padding:7px 4%;background-color:#00b7ce;font-size:85.7%;color:#fff}#header .logo{position:relative;left:4%;display:block;width:40%;height:60px;padding:0}#header .logo img{position:absolute;top:0;bottom:0;margin:auto;display:block}.menu-link{position:absolute;display:block;top:25px;right:0;background-color:#657a85;z-index:10;width:60px;height:auto;padding:22px 0 10px}.menu-link:after{content:"MENU";display:block;padding:14px 0 0;vertical-align:middle;text-align:center;font-size:10px;color:#fff}.menu-link span{position:relative;display:block;width:50%}.menu-link span,.menu-link span:before,.menu-link span:after{background-color:#fff;height:4px;margin:auto}.menu-link span:before,.menu-link span:after{position:absolute;width:100%;margin-top:10px;content:"";left:0}.menu-link span:after{margin-top:-10px}.menu-link.active{padding-top:0;line-height:1}.menu-link:hover,.menu-link.active:hover{text-decoration:none}.menu-link.active:before{content:"×";display:block;margin:8px auto 0;line-height:32px;text-align:center;font-size:40px;color:#fff}.menu-link.active:after{padding-top:0}.menu-link.active span{display:none}#global_nav{position:absolute;top:85px;left:0;width:100%;display:none;padding-bottom:2em;background-color:#00b7ce;z-index:10}#global_nav>ul{width:92%;margin:auto}#global_nav li a{position:relative;display:block;padding:16px 0;font-weight:bold;color:#fff}#global_nav li a span{font-size:80%}#global_nav>ul>li>a{border-bottom:solid 1px #fff}#global_nav>ul>li>a:before{margin-right:6px;margin-left:2%;vertical-align:top;font-size:120%}#global_nav>ul>li li a{padding:14px 16% 14px 4%;background-color:#fff;border-bottom:solid 1px #00b7ce;line-height:1.2;color:#333}#global_nav>ul>li li a span{display:block;margin-bottom:4px}#global_nav>ul>li>a.pc_site{margin-top:1em;padding:14px 16% 14px 4%;background-color:#657a85;border:0}#global_nav>ul>li>a.icon-home:after,#global_nav>ul>li>a.icon-faq:after,#global_nav>ul>li>a.pc_site:after,#global_nav>ul>li li a:after{content:"\e910";position:absolute;right:4%;top:0;bottom:0;margin:auto;display:block;width:30px;height:14px;padding:8px 0;border:solid 2px #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-family:"icomoon"!important}#global_nav>ul>li li a:after{border-color:#00b7ce;color:#00b7ce}#global_nav>ul>li li:nth-child(2) a:after{border-color:#ff7270;color:#ff7270}#search_area{width:92%;margin-left:auto;padding:1em 4%;background-color:#73d7e5}#search_area form.gsc-search-box,#search_area table.gsc-search-box{margin-bottom:0}#search_area .gsc-input{padding:0;border-spacing:0!important;width:98%!important;height:23px!important}#search_area .gsc-input-box{border:none!important;padding:0!important;margin:0!important;height:32px!important}#search_area .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0!important}#search_area table.gsc-search-box td{vertical-align:top}#search_area #gs_tti50{border:0;line-height:20px!important;outline:0}#search_area input[type="text"]{background:none!important}#search_area .gsib_b .gsst_b{padding:0!important}#search_area td.gsc-search-button{width:32px!important;height:20px!important;background:#657a85;border:0;line-height:14px;height:14px;outline:0;padding:3px 0!important;margin:9px 2px 0 2px!important;border:0}#search_area td.gsc-search-button input.gsc-search-button{padding:3px 8px!important}#search_area td.gsc-search-button input.gsc-search-button input{background:none!important;border:none!important}#search_area td.gsc-clear-button{line-height:14px;height:14px;background:#e5e5e5}.gsc-result .gs-title{height:1.5em!important}#search_area td.gsib_a{padding-right:1%;padding-left:1%;padding-bottom:4px}#footer .bnr{padding:2em 0;border-top:solid 1px #ddd}#footer .bnr img{max-width:92%}#footer #subnavi{text-align:center;font-weight:bold}#footer #subnavi>div{display:none}#footer #subnavi strong,#footer #subnavi em{display:block;color:#fff}#footer #subnavi strong{padding:.7em 0;background-color:#657a85;font-size:128.6%}#footer #subnavi strong:after{content:"\e910";display:inline-block;width:34px;padding:3px 0;margin-left:1em;transform:rotate(90deg);border:solid 3px #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-family:"icomoon"!important}#footer #subnavi strong.active:after{transform:rotate(-90deg)}#footer #subnavi em{padding:1em 0;background-color:#00b7ce}#footer #subnavi ul:after{content:"";display:block;clear:both}#footer #subnavi li{display:block;width:50%;float:left;border-bottom:solid 1px #00b7ce}#footer #subnavi li:nth-child(3),#footer #subnavi li:nth-child(4),#footer #subnavi ul.news li{border-bottom:0}#footer #subnavi li a{display:block;padding:1em 0;color:#00b7ce}#footer #subnavi li:nth-child(2n+1) a{border-right:solid 1px #00b7ce}#footer #subnavi .about{padding:1em 3%;background-color:#73d7e5}#footer #subnavi .about li{border:0}#footer #subnavi .about a{width:92%;margin:auto;background-color:#fff;border:solid 1px #00b7ce;color:#333}#footer .links{padding:1em 4%;margin:auto;background-color:#f2f3f6}#footer .links>div{padding:1em;background-color:#fff;box-sizing:border-box;border:solid 1px #e1e4ed}#footer .links strong{display:block;padding-bottom:.5em;margin-bottom:.5em;border-bottom:solid 1px #ddd}#footer .links li a{display:block;padding:.5em 0}#footer .links li a:before{content:"\e910";display:inline-block;margin-right:5px;font-family:'icomoon'!important;font-weight:bold;color:#bbb}#footer #copyright{padding:1em;background-color:#00b7ce;text-align:center;font-size:85.7%;color:#fff}#main{position:relative;margin-top:85px}#main .ttl_header{padding:1.5em 0;background:-moz-linear-gradient(left,#00b7ce,#84e0ed);background:-webkit-gradient(linear,left top,right bottom,from(#00b7ce),to(#84e0ed));line-height:1.4;text-align:center;font-size:171.4%;font-weight:bold;color:#fff}#main .content,#aside .content{width:92%;margin:auto}#main .content .list p{text-indent:-1em;margin-left:1em}#main #study_index .section{margin:2em auto;box-sizing:border-box;border:solid 1px #ddd}#main #study_index .section .content{margin-top:1em;margin-bottom:1em;width:88%}#main #study_index .section h2{margin-bottom:1em;padding-bottom:.5em;border-bottom:solid 2px #00b7ce;line-height:1.2;font-size:128.6%}#main #study_index .section h2 span{display:block;margin-bottom:4px;font-size:75%}#main #study_index .section a{display:block;margin-top:1em}#main #study_index .section a:before{content:"\e910";display:block;width:34px;padding:3px 0;border:solid 3px #00b7ce;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-family:"icomoon"!important;font-weight:bold;font-size:18px;color:#00b7ce}#main #study_index .section .pink h2{border-color:#ff7270}#main #study_index .section .pink a:before{border-color:#ff7270;color:#ff7270}#main #study .lead{padding:1em 4%}#main #study .lead .ttl{display:block;line-height:1.4;font-size:128.6%;font-weight:bold;color:#00b7ce}#main #study .lead .ttl span{display:block;font-size:66.6%}#main #study .lead p{margin-top:.5em;font-size:114.3%}#main #study .section{padding:2em 0;border-top:solid 1px #ddd}#main #study .section .pt{margin-bottom:1em;margin-left:2.3em;text-indent:-2.3em;line-height:1;font-size:128.6%}#main #study .section .pt:before{content:"\e904";display:inline;margin-right:8px;padding:2px 2px 1px 1px;vertical-align:middle;background-image:-webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-family:'icomoon'!important}#main #study .section .block:after{content:"";display:block;clear:both}#main #study .section .lft{width:36%;float:left}#main #study .section .rgt{width:60%;float:right}#main #study .section ul{margin-top:1.5em;border:solid 1px #ddd}#main #study .section li a{position:relative;display:block;padding:1em 18% 1em 4%;border:solid 1px #ddd;line-height:1.4;font-weight:bold;font-size:128.6%;color:#333}#main #study .section li a:after{content:"\e910";position:absolute;right:4%;top:0;bottom:0;margin:auto;display:block;width:34px;height:18px;padding:8px 0;border:solid 3px #00b7ce;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;line-height:1;font-family:"icomoon"!important;font-weight:bold;font-size:18px;color:#00b7ce}#main #study .section li a span{display:block;margin-bottom:4px;font-size:66.6%}#main #study.study02 .box{margin-bottom:1em}#main #study.study02 .box em{display:block;font-weight:bold}#main #study.study02 table{border-spacing:0;border-collapse:collapse;font-size:85%}#main #study.study02 table td{border:1px solid #ccc}#main #study.study02 table td.tr02,#main #study.study02 table td.tr03{width:31%}#main #study.study02 table td.tr04{width:18%}#main #study.study02 table .blue{background-color:#cef9ff}#main #study.study02 table .red{background-color:#ffc5c1}#main #study.study02 table .center{text-align:center}#main #study.study02 table .right{text-align:right}#main #study.pink .lead .ttl,#main #study.pink .lead p{color:#ff7270}#main #study.pink .section .pt:before{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d))}#main #study.pink .section li a:after{border-color:#ff7270;color:#ff7270}#main #study.interview .section .page_ttl{margin-bottom:1em;line-height:1.4;font-weight:bold;font-size:128.6%}#main #study.interview .section .page_ttl:after{content:"";display:block;clear:both}#main #study.interview .section .page_ttl em{display:block;float:left;padding:28px 0;margin-right:10px;margin-bottom:1em;width:70px;background-image:-webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;line-height:1;text-align:center;font-size:14px;color:#fff}#main #study.interview .section .page_ttl span{display:block;margin-top:4px;font-size:77.7%}#main #study.interview .section .box{padding:1em}#main #study.interview .section .profile{margin:1em 0 3em;border:solid 2px #ddd}#main #study.interview .section .profile em{font-weight:bold}#main #study.interview .section .profile p{font-size:85.7%}#main #study.interview .section .index{position:relative;background-color:#fff3e6}#main #study.interview .section .index strong{position:absolute;top:-1em;left:1em;display:inline-block;padding:.2em 1em;background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d));border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:142.9%;color:#fff}#main #study.interview .section .index ul{border:0}#main #study.interview .section .index li a{padding:0 0 .5em 0;margin-left:2.5em;text-indent:-2.5em;border:0;font-size:114.3%;color:#4371be}#main #study.interview .section .index li a:before{content:"\e910";display:inline-block;width:34px;padding:6px 0;margin-right:.5em;transform:rotate(90deg);background-image:-webkit-gradient(linear,left top,left bottom,from(#68b7f0),to(#1d84ce));border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;text-indent:0;font-family:"icomoon"!important;color:#fff}#main #study.interview .section .index li a:after{content:none}#main #study.interview .section .faq .q,#main #study.interview .section .faq .a{font-size:114.3%}#main #study.interview .section .faq .q{margin-bottom:.5em;font-weight:bold;color:#00b7cc}#main #study.interview .section .faq .q:after{content:"";display:block;clear:both}#main #study.interview .section .faq .q .q_no{display:block;width:14%;float:left}#main #study.interview .section .faq .q .q_text{display:block;width:86%;float:left}#main #study.interview .section .faq .a{margin-bottom:1em}#main #study.interview .section .faq .a p{margin-bottom:1em}#main #study.interview .section .faq .a .sub_text{padding:1em;background-color:#eee;font-size:87.5%}#main #study.interview .section .faq .a .sub_text .text{display:block;font-weight:bold;color:#ff7270}#main #study.interview .section .faq .a .answer_ul{margin:0 0 1em;padding:1em;border:double #ccc}#main #study.interview .section .faq .a .answer_ul li{margin-left:1em;text-indent:-1em}#main #study.interview .section .faq .notes{font-size:87.5%}#main #study.interview .section .faq .notes h3{padding:.3em;margin:1em 0;background-color:#edecfc;font-size:100%;color:#0244a4}#main #study.interview .section .faq .notes strong{display:block;margin-bottom:1em;border-bottom:1px solid #3252a6;color:#3252a6}#main #study.interview .section .faq .notes dt span{padding:.1em .5em;background-color:#00b7cc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:80%;color:#fff}#main #study.interview .section .faq .notes dd{margin:0}#main #study.interview.pink .section .page_ttl em{background-image:-webkit-gradient(linear,left top,left bottom,from(#ffa7a0),to(#fd5e54))}#main #study.interview.pink .section .profile em{color:#ff7270}#main #study.interview.pink .section .faq .q{color:#ff7270}#main #study.interview .news{padding:1em;border:double 3px #fcb6b4;font-size:114.3%}#main #study.interview .news strong{display:block;margin-bottom:1em;text-align:center;line-height:1.4;font-size:112.5%;color:#ff7270}#main #study.interview .news em{display:block;font-weight:bold;color:#ff7270}#main #study.interview .news>em{margin:1em 0 1em 1em;text-indent:-1em}#main #study.interview .news p{margin-bottom:.5em}#main #study.interview .news .box{padding:1em;background-color:#eee;font-size:87.5%}#main #study.interview .news{margin-bottom:1em}#main #study.interview .news .notice{font-size:60%}#main #study.interview .news .ok{color:#66a1cc}#main #study.interview .news .no{color:#ff5b4b}#main #study.interview .news table{table-layout:fixed;width:100%;margin-bottom:1em;border-collapse:collapse;border-spacing:0;font-size:60%}#main #study.interview .news table th{word-wrap:break-word}#main #study.interview .news table th,#main #study.interview .news table td{border:solid 1px #ccc}#main #study.interview .news table td{text-align:center}#main #study.interview .news .list_num:after{content:"";display:block;clear:both}#main #study.interview .news .list_num p{margin-bottom:0}#main #study.interview .news .list_num .num{display:block;float:left;width:14%;text-align:right}#main #study.interview .news .list_num .text{display:block;float:left;width:86%}#aside{margin:3em 0}#aside .ttl{display:block;line-height:1.4;font-size:128.6%;font-weight:bold}#aside .ttl span{display:block;font-size:66.6%}#aside nav ul{margin-top:1.5em;border:solid 1px #ddd}#aside nav li a{position:relative;display:block;padding:1em 18% 1em 4%;border:solid 1px #ddd;line-height:1.4;font-weight:bold;font-size:128.6%;color:#333}#aside nav li a:after{content:"\e910";position:absolute;right:4%;top:0;bottom:0;margin:auto;display:block;width:34px;height:18px;padding:8px 0;border:solid 3px #00b7ce;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;line-height:1;font-family:"icomoon"!important;font-weight:bold;font-size:18px;color:#00b7ce}#aside nav li a span{display:block;margin-bottom:4px;font-size:66.6%}#aside .pink .ttl{color:#ff7270}#aside .pink nav li a:after{border-color:#ff7270;color:#ff7270}.interview01 #aside nav li:first-child{display:none}.interview02 #aside nav li:nth-child(2){display:none}.interview03 #aside nav li:nth-child(3){display:none}.interview04 #aside nav li:nth-child(4){display:none}.qa #main .lead{padding:1em;text-align:center}.qa #main .lead p{font-size:114.3%}.qa .submenu ul:after{content:"";display:block;clear:both}.qa .submenu ul{border-right:solid 1px #e1e4ed;border-left:solid 1px #e1e4ed}.qa .submenu li{display:block;width:33.33%;border-top:solid 1px #e1e4ed;float:left;font-size:85.7%}.qa .submenu li a,.qa .section .ttl{display:block;text-align:center;font-weight:bold;color:#00b7ce}.qa .submenu li a{padding:1em 0;border-right:solid 1px #e1e4ed}.qa .submenu li:nth-child(3n) a{border-right:0}.qa .section .ttl{padding:1em 0;background-color:#fff;border-bottom:solid 1px #e1e4ed;font-size:128.6%}.qa .submenu li a:before,.qa .section .ttl:before{content:"";display:block;width:50px;height:50px;margin:0 auto .5em;background-repeat:no-repeat;background-position:center;background-size:100% auto}.qa .section .ttl:before{width:78px;height:78px}.qa .submenu li.toilet a:before,.qa .section .ttl.toilet:before{background-image:url(/sp/shared/images/icon_qa_toilet.png)}.qa .submenu li.seat a:before,.qa .section .ttl.seat:before{background-image:url(/sp/shared/images/icon_qa_seat.png)}.qa .submenu li.urinal a:before,.qa .section .ttl.urinal:before{background-image:url(/sp/shared/images/icon_qa_urinal.png)}.qa .submenu li.etc a:before,.qa .section .ttl.etc:before{background-image:url(/sp/shared/images/icon_qa_etc.png)}.qa .submenu li.pro a:before,.qa .section .ttl.pro:before{background-image:url(/sp/shared/images/icon_qa_pro.png)}.qa section{background-color:#f2f3f6;border-top:solid 1px #e1e4ed}.qa .section{margin-top:-85px;padding-top:85px}.qa .section>.content{padding:1em 0}.qa .section .pt{margin-top:.8em;margin-bottom:.6em;margin-left:2.3em;text-indent:-2.3em;line-height:1;font-size:128.6%}.qa .section .pt:before{content:"\e900";display:inline;margin-right:8px;padding:2px 2px 1px 1px;vertical-align:middle;background-image:-webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-family:'icomoon'!important}.qa .section .question_list{margin-bottom:2em;border-top:solid 1px #e1e4ed}.qa .section h4{position:relative;padding:.5em 1em;background-color:#c8e9fb;border-right:solid 1px #e1e4ed;border-left:solid 1px #e1e4ed;border-bottom:solid 1px #ddd;font-size:128.6%;color:#0070b0}.qa .section h4:after{content:"\e910";position:absolute;right:4%;top:0;bottom:0;margin:auto;display:block;width:14px;height:22px;padding:3px 8px 5px;transform:rotate(90deg);border:solid 2px #0070b0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-family:"icomoon"!important;font-size:16px;font-weight:normal}.qa .section h4.active{border-bottom-color:#e1e4ed}.qa .section h4.active:after{transform:rotate(-90deg)}.qa .section ul{display:none}.qa .section li{position:relative;padding:1em 4em 1em 1em;background-color:#fff;border-right:solid 1px #e1e4ed;border-left:solid 1px #e1e4ed;border-bottom:solid 1px #e1e4ed}.qa .section li:after{content:"\e910";position:absolute;top:0;bottom:0;right:.6em;margin:auto;display:inline-block;width:34px;height:28px;padding:3px 0;border:solid 3px #00b7ce;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-family:"icomoon"!important;font-weight:bold;font-size:18px;color:#00b7ce}.qa .section li .q{display:block;font-size:128.6%;font-weight:bold;color:#00b7ce}.qa .section li a{color:#333}.qa .submenu li.pro a,.qa .section .ttl.pro{color:#fba800}.qa .section .pro .pt:before{background-image:-webkit-gradient(linear,left top,left bottom,from(#f5d068),to(#eaa417))}.qa .section .pro h4{background-color:#ffe9bd;color:#f97d15}.qa .section .pro li .q{color:#f97d15}.qa .section .pro li:after{border-color:#f97d15;color:#f97d15}.qa .pagenation ul{background-color:#f2f8fb}.qa .pagenation ul li{display:inline-block;padding:.5em 2em .5em 1em;background:url(/faq/shared/images/page_nation_nav.png) no-repeat right top;background-color:transparent;background-size:auto 100%;border:0;font-weight:bold;font-size:85.7%;color:#00b7ce}.qa .pagenation ul li:after{content:none}.qa .pagenation ul li a{color:#4371be}.qa .section .qa_box{padding-top:2em;padding-bottom:2em;background-color:#fff}.qa .section .qa_box h1{margin-left:2em;text-indent:-2em;font-size:114.3%}.qa .section .qa_box h1 span{margin-right:.5em;color:#00b7ce}.qa .section .qa_box .a{margin:1.5em 0 0;padding:1.5em 1em 1.5em 4.5em;background:url(/faq/shared/images/common/bk_a.png) no-repeat left 1em #e3e6e9}.qa .section .each h2{margin-top:.5em;margin-bottom:.5em;font-size:128.6%;color:#00b7ce}.qa .section .each h2::before{content:"\e903";display:inline-block;vertical-align:middle;font-family:'icomoon'!important;font-size:30px}.qa .pro .pagenation ul{background-color:#fdf6e9}.qa .pro .pagenation ul li{color:#f9a700}.qa .pro .pagenation ul li a{color:#e26700}.qa .pro .section .qa_box h1 span{color:#e26700}.qa .pro .section .each h2{color:#e26700}.toppage #showcase p{padding:1em;font-size:85.7%}.toppage #showcase p:nth-child(2){padding-bottom:0;color:#00b7ce}.toppage #showcase p:nth-child(3){padding-top:.5em}.toppage .section_ttl{padding-top:1.5em;text-align:center;font-size:171.4%}.toppage .section_ttl:after{content:"―";display:block;width:50%;margin:auto;transform:scaleX(2);line-height:1;color:#00b7ce}.toppage .section.qa{padding-bottom:2em;background-color:#f2f3f6}.toppage .section .tbl{display:table;border-collapse:separate;border-spacing:1em}.toppage .section .tbl .row{display:table-row}.toppage .section .tbl .box{display:table-cell;padding:10px;background-color:#fff;box-sizing:border-box;border:solid 1px #e1e4ed}.toppage .section .tbl .box .ttl{margin-bottom:.5em;border-bottom:solid 1px #ebeced;text-align:center;font-size:128.6%;color:#00b7ce}.toppage .section .tbl .box .ttl.pro{color:#fba800}.toppage .section .tbl .box .ttl:before{content:"";display:block;width:60px;height:60px;margin:0 auto .2em;background-repeat:no-repeat;background-position:center;background-size:100% auto}.toppage .section .tbl .box .ttl.toilet:before{background-image:url(/sp/shared/images/icon_qa_toilet.png)}.toppage .section .tbl .box .ttl.seat:before{background-image:url(/sp/shared/images/icon_qa_seat.png)}.toppage .section .tbl .box .ttl.urinal:before{background-image:url(/sp/shared/images/icon_qa_urinal.png)}.toppage .section .tbl .box .ttl.etc:before{background-image:url(/sp/shared/images/icon_qa_etc.png)}.toppage .section .tbl .box .ttl.pro:before{background-image:url(/sp/shared/images/icon_qa_pro.png)}.toppage .section .tbl .box li a{display:block;margin-bottom:.5em;margin-left:1.2em;text-indent:-1.2em}.toppage .section .tbl .box li a:before{content:"\e910";display:inline-block;margin-right:2px;text-indent:0;font-family:'icomoon'!important;font-weight:bold;color:#bbb}.toppage .section .btn{width:70%;margin:1em auto}.toppage .section .btn a{display:block;padding:.5em;background-color:#00b7ce;text-align:center;font-weight:bold;font-size:114.3%;color:#fff}.toppage .section .btn a:after{content:"\e910";display:inline-block;margin-right:2px;vertical-align:middle;text-indent:0;font-family:'icomoon'!important}.qa .section .qa_box .a .products_ttl{display:block;border-bottom:solid 1px #424252;margin:2em 0 .5em;line-height:1.2}.study03-1_gray{padding:1em;background:#f2f2f2;font-size:86%}.study03-2_line{padding:1em;border:1px solid #333;font-size:86%}table#table02{clear:both;margin-bottom:15px}table#table02 th,table#table02 td{padding:5px 10px;text-align:center;vertical-align:middle;font-size:77%}table#table02 th.nb{border:0}table#table02 td.ok{font-size:120%;color:#66a1cc;font-weight:bold}table#table02 td.no{font-size:120%;color:#ff5b4b;font-weight:bold}
\ No newline at end of file
sp/shared/css/common_170515.css deleted 100644 → 0
/*=========================================================
Site Name toiletnavi
File Name common.css
Create Date 2017/2/27
Update Date 2017/2/27
==========================================================*/
html {
font: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color: #333;
}
body {
font-size: 140%;
font-size: 1.4rem;
}
html, body, ul, ol, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
em {
font-style: normal;
}
ul, ol {
list-style: none;
}
img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
border: none;
}
/*----------------------------------------------------------
fonts
-----------------------------------------------------------*/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?hdlcni');
src: url('fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?hdlcni') format('truetype'),
url('fonts/icomoon.woff?hdlcni') format('woff'),
url('fonts/icomoon.svg?hdlcni#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-keyboard_arrow_right:before {
content: "\e910";
}
.icon-keyboard_arrow_left:before {
content: "\e911";
}
.icon-faq:before {
content: "\e900";
}
.icon-home:before {
content: "\e902";
}
.icon-pt_faq:before {
content: "\e903";
}
.icon-pt_ttl:before {
content: "\e904";
}
.icon-study:before {
content: "\e905";
}
.icon-search:before {
content: "\e901";
}
/*----------------------------------------------------------
Hypertext
-----------------------------------------------------------*/
a {
color: #4371ba;
text-decoration: none;
}
a:visited {
color: #4371ba;
text-decoration: none;
}
/*----------------------------------------------------------
Clearfix
-----------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
/*----------------------------------------------------------
space
-----------------------------------------------------------*/
/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0 !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0 !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb100 { margin-bottom:100px !important;}
.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
/* !Padding ---------------------------------------------------------------- */
.pt00 { padding-top: 0 !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
/*----------------------------------------------------------
header
-----------------------------------------------------------*/
#header {
position: fixed;
top: 0;
height: 85px;
width: 100%;
background-color: #fff;
line-height: 1;
z-index: 100;
}
#header .description {
padding: 7px 4%;
background-color: #00b7ce;
font-size: 85.7%;
color: #fff;
}
#header .logo {
position: relative;
left: 4%;
display: block;
width: 40%;
height: 60px;
padding: 0;
}
#header .logo img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
.menu-link {
position: absolute;
display: block;
top: 25px;
right: 0;
background-color: #657a85;
z-index: 10;
width: 60px;
height: auto;
padding: 22px 0 10px;
}
.menu-link:after {
content: "MENU";
display: block;
padding: 14px 0 0;
vertical-align: middle;
text-align: center;
font-size: 10px;
color: #fff;
}
.menu-link span {
position: relative;
display: block;
width: 50%;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
background-color: #fff;
height: 4px;
margin: auto;
}
.menu-link span:before,
.menu-link span:after {
position: absolute;
width: 100%;
margin-top: 10px;
content: "";
left: 0;
}
.menu-link span:after {
margin-top: -10px;
}
.menu-link.active {
padding-top: 0;
line-height: 1;
}
.menu-link:hover,
.menu-link.active:hover {
text-decoration: none;
}
.menu-link.active:before {
content: "×";
display: block;
margin: 8px auto 0;
line-height: 32px;
text-align: center;
font-size: 40px;
color: #fff;
}
.menu-link.active:after {
padding-top: 0;
}
.menu-link.active span {
display: none;
}
#global_nav {
position: absolute;
top: 85px;
left: 0;
width: 100%;
display: none;
padding-bottom: 2em;
background-color: #00b7ce;
z-index: 10;
}
#global_nav > ul {
width: 92%;
margin: auto;
}
#global_nav li a {
position: relative;
display: block;
padding: 16px 0;
font-weight: bold;
color: #fff;
}
#global_nav li a span {
font-size: 80%;
}
#global_nav > ul > li > a {
border-bottom: solid 1px #fff;
}
#global_nav > ul > li > a:before {
margin-right: 6px;
margin-left: 2%;
vertical-align: top;
font-size: 120%;
}
#global_nav > ul > li li {
}
#global_nav > ul > li li a {
padding: 14px 16% 14px 4%;
background-color: #fff;
border-bottom: solid 1px #00b7ce;
line-height: 1.2;
color: #333;
}
#global_nav > ul > li li a span {
display: block;
margin-bottom: 4px;
}
#global_nav > ul > li > a.pc_site {
margin-top: 1em;
padding: 14px 16% 14px 4%;
background-color: #657a85;
border: none;
}
#global_nav > ul > li > a.icon-home:after,
#global_nav > ul > li > a.icon-faq:after,
#global_nav > ul > li > a.pc_site:after,
#global_nav > ul > li li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 30px;
height: 14px;
padding: 8px 0;
border: solid 2px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
}
#global_nav > ul > li li a:after {
border-color: #00b7ce;
color: #00b7ce;
}
#global_nav > ul > li li:nth-child(2) a:after {
border-color: #ff7270;
color: #ff7270;
}
#search_area {
width: 92%;
margin-left: auto;
padding: 1em 4%;
background-color: #73d7e5;
}
#search_area form.gsc-search-box,
#search_area table.gsc-search-box {
margin-bottom: 0;
}
#search_area .gsc-input {
padding:0;
border-spacing: 0 !important;
width: 98% !important;
height: 23px !important;
}
#search_area .gsc-input-box {
border:none !important;
padding:0 !important;
margin:0 !important;
height: 32px !important;
}
#search_area .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0 !important;
}
#search_area table.gsc-search-box td {
vertical-align:top;
}
/*#search_area .gsc-input-box {
height:20px;
}*/
/*#search_area input[type="text"]*/
#search_area #gs_tti50 {
/*background: url(../images/head/search_box.jpg) no-repeat center left;*/
border: none;
line-height: 20px !important;
/*height: 20px !important;*/
outline: none;
}
#search_area input[type="text"] {
background: none !important;
}
#search_area .gsib_b .gsst_b {
padding:0 !important;
}
#search_area td.gsc-search-button {
width: 32px !important;
height: 20px !important;
/*background:url(../images/head/icon_search_off.jpg) no-repeat;*/
background: #657A85;
border: none;
line-height: 14px;
height: 14px;
outline: none;
/*text-indent: -9999px;*/
padding: 3px 0 !important;
margin: 9px 2px 0 2px !important;
border:none;
}
#search_area td.gsc-search-button input.gsc-search-button {
padding: 3px 8px !important;
/*margin-left: 5px !important;*/
}
#search_area td.gsc-search-button input.gsc-search-button input {
background:none !important;
border:none !important;
}
#search_area td.gsc-clear-button {
line-height: 14px;
height: 14px;
background:#e5e5e5;
}
.gsc-result .gs-title {
height: 1.5em !important;
}
#search_area td.gsib_a {
padding-right: 1%;
padding-left: 1%;
padding-bottom: 4px;
}
/*----------------------------------------------------------
footer
-----------------------------------------------------------*/
#footer .bnr {
padding: 2em 0;
border-top: solid 1px #ddd;
}
#footer .bnr img {
max-width: 92%;
}
#footer #subnavi {
text-align: center;
font-weight: bold;
}
#footer #subnavi > div {
display: none;
}
#footer #subnavi strong,
#footer #subnavi em {
display: block;
color: #fff;
}
#footer #subnavi strong {
padding: .7em 0;
background-color: #657a85;
font-size: 128.6%;
}
#footer #subnavi strong:after {
content: "\e910";
display: inline-block;
width: 34px;
padding: 3px 0;
margin-left: 1em;
transform: rotate(90deg);
border: solid 3px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
}
#footer #subnavi strong.active:after {
transform: rotate(-90deg);
}
#footer #subnavi em {
padding: 1em 0;
background-color: #00b7ce;
}
#footer #subnavi ul:after {
content: "";
display: block;
clear: both;
}
#footer #subnavi li {
display: block;
width: 50%;
float: left;
border-bottom: solid 1px #00b7ce;
}
#footer #subnavi li:nth-child(3),
#footer #subnavi li:nth-child(4),
#footer #subnavi ul.news li {
border-bottom: none;
}
#footer #subnavi li a {
display: block;
padding: 1em 0;
color: #00b7ce;
}
#footer #subnavi li:nth-child(2n+1) a {
border-right: solid 1px #00b7ce;
}
#footer #subnavi .about {
padding: 1em 3%;
background-color: #73d7e5;
}
#footer #subnavi .about li {
border: none;
}
#footer #subnavi .about a {
width: 92%;
margin: auto;
background-color: #fff;
border: solid 1px #00b7ce;
color: #333;
}
#footer .links {
padding: 1em 4%;
margin: auto;
background-color: #f2f3f6;
}
#footer .links > div {
padding: 1em;
background-color: #fff;
box-sizing: border-box;
border: solid 1px #e1e4ed;
}
#footer .links strong {
display: block;
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: solid 1px #ddd;
}
#footer .links li a {
display: block;
padding: .5em 0;
}
#footer .links li a:before {
content: "\e910";
display: inline-block;
margin-right: 5px;
font-family: 'icomoon' !important;
font-weight: bold;
color: #bbb;
}
#footer #copyright {
padding: 1em;
background-color: #00b7ce;
text-align: center;
font-size: 85.7%;
color: #fff;
}
/*----------------------------------------------------------
common style
-----------------------------------------------------------*/
#main {
position: relative;
margin-top: 85px;
}
#main .ttl_header {
padding: 1.5em 0;
background: -moz-linear-gradient(left, #00b7ce, #84e0ed);
background: -webkit-gradient(linear, left top, right bottom, from(#00b7ce), to(#84e0ed));
line-height: 1.4;
text-align: center;
font-size: 171.4%;
font-weight: bold;
color: #fff;
}
#main .content,
#aside .content {
width: 92%;
margin: auto;
}
#main .content .list p {
text-indent: -1em;
margin-left: 1em;
}
/*----------------------------------------------------------
study,interview
-----------------------------------------------------------*/
#main #study_index .section {
margin: 2em auto;
box-sizing: border-box;
border: solid 1px #ddd;
}
#main #study_index .section .content {
margin-top: 1em;
margin-bottom: 1em;
width: 88%;
}
#main #study_index .section h2 {
margin-bottom: 1em;
padding-bottom: .5em;
border-bottom: solid 2px #00b7ce;
line-height: 1.2;
font-size: 128.6%;
}
#main #study_index .section h2 span {
display: block;
margin-bottom: 4px;
font-size: 75%;
}
#main #study_index .section a {
display: block;
margin-top: 1em;
}
#main #study_index .section a:before {
content: "\e910";
display: block;
width: 34px;
padding: 3px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#main #study_index .section .pink h2 {
border-color: #ff7270;
}
#main #study_index .section .pink a:before {
border-color: #ff7270;
color: #ff7270;
}
#main #study .lead {
padding: 1em 4%;
}
#main #study .lead .ttl {
display: block;
line-height: 1.4;
font-size: 128.6%;
font-weight: bold;
color: #00b7ce;
}
#main #study .lead .ttl span {
display: block;
font-size: 66.6%;
}
#main #study .lead p {
margin-top: .5em;
font-size: 114.3%;
}
#main #study .section {
padding: 2em 0;
border-top: solid 1px #ddd;
}
#main #study .section .pt {
margin-bottom: 1em;
margin-left: 2.3em;
text-indent: -2.3em;
line-height: 1;
font-size: 128.6%;
}
#main #study .section .pt:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: middle;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
font-size: 32px;
font-family: 'icomoon' !important;
}
#main #study .section .block:after {
content: "";
display: block;
clear: both;
}
#main #study .section .lft {
width: 36%;
float: left;
}
#main #study .section .rgt {
width: 60%;
float: right;
}
#main #study .section ul {
margin-top: 1.5em;
border: solid 1px #ddd;
}
#main #study .section li a {
position: relative;
display: block;
padding: 1em 18% 1em 4%;
border: solid 1px #ddd;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
color: #333;
}
#main #study .section li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 34px;
height: 18px;
padding: 8px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
line-height: 1;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#main #study .section li a span {
display: block;
margin-bottom: 4px;
font-size: 66.6%;
}
#main #study.study02 .box {
margin-bottom: 1em;
}
#main #study.study02 .box em {
display: block;
font-weight: bold;
}
#main #study.study02 table {
border-spacing: 0;
border-collapse: collapse;
font-size: 85%;
}
#main #study.study02 table td {
border: 1px solid #ccc;
}
#main #study.study02 table td.tr02,
#main #study.study02 table td.tr03 {
width: 31%;
}
#main #study.study02 table td.tr04 {
width: 18%;
}
#main #study.study02 table .blue {
background-color: #cef9ff;
}
#main #study.study02 table .red {
background-color: #ffc5c1;
}
#main #study.study02 table .center {
text-align: center;
}
#main #study.study02 table .right {
text-align: right;
}
#main #study.pink .lead .ttl,
#main #study.pink .lead p {
color: #ff7270;
}
#main #study.pink .section .pt:before {
background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d));
}
#main #study.pink .section li a:after {
border-color: #ff7270;
color: #ff7270;
}
#main #study.interview .section .page_ttl {
margin-bottom: 1em;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
}
#main #study.interview .section .page_ttl:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .section .page_ttl em {
display: block;
float: left;
padding: 28px 0;
margin-right: 10px;
margin-bottom: 1em;
width: 70px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
line-height: 1;
text-align: center;
font-size: 14px;
color: #fff;
}
#main #study.interview .section .page_ttl span {
display: block;
margin-top: 4px;
font-size: 77.7%;
}
#main #study.interview .section .box {
padding: 1em;
}
#main #study.interview .section .profile {
margin: 1em 0 3em;
border: solid 2px #ddd;
}
#main #study.interview .section .profile em {
font-weight: bold;
}
#main #study.interview .section .profile p {
font-size: 85.7%;
}
#main #study.interview .section .index {
position: relative;
background-color: #fff3e6;
}
#main #study.interview .section .index strong {
position: absolute;
top: -1em;
left: 1em;
display: inline-block;
padding: .2em 1em;
background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d));
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 142.9%;
color: #fff;
}
#main #study.interview .section .index ul {
border: none;
}
#main #study.interview .section .index li a {
padding: 0 0 .5em 0;
margin-left: 2.5em;
text-indent: -2.5em;
border: none;
font-size: 114.3%;
color: #4371be;
}
#main #study.interview .section .index li a:before {
content: "\e910";
display: inline-block;
width: 34px;
padding: 6px 0;
margin-right: .5em;
transform: rotate(90deg);
background-image: -webkit-gradient(linear,left top,left bottom,from(#68b7f0),to(#1d84ce));
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
text-indent: 0;
font-family: "icomoon" !important;
color: #fff;
}
#main #study.interview .section .index li a:after {
content: none;
}
#main #study.interview .section .faq .q,
#main #study.interview .section .faq .a {
font-size: 114.3%;
}
#main #study.interview .section .faq .q {
margin-bottom: .5em;
font-weight: bold;
color: #00b7cc;
}
#main #study.interview .section .faq .q:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .section .faq .q .q_no {
display: block;
width: 14%;
float: left;
}
#main #study.interview .section .faq .q .q_text {
display: block;
width: 86%;
float: left;
}
#main #study.interview .section .faq .a {
margin-bottom: 1em;
}
#main #study.interview .section .faq .a p {
margin-bottom: 1em;
}
#main #study.interview .section .faq .a .sub_text {
padding: 1em;
background-color: #eee;
font-size: 87.5%;
}
#main #study.interview .section .faq .a .sub_text .text {
display: block;
font-weight: bold;
color: #ff7270;
}
#main #study.interview .section .faq .a .answer_ul {
margin: 0 0 1em;
padding: 1em;
border: double #ccc;
}
#main #study.interview .section .faq .a .answer_ul li {
margin-left: 1em;
text-indent: -1em;
}
#main #study.interview .section .faq .notes {
font-size: 87.5%;
}
#main #study.interview .section .faq .notes h3 {
padding: .3em;
margin: 1em 0;
background-color: #edecfc;
font-size: 100%;
color: #0244a4;
}
#main #study.interview .section .faq .notes strong {
display: block;
margin-bottom: 1em;
border-bottom: 1px solid #3252a6;
color: #3252a6;
}
#main #study.interview .section .faq .notes dt span {
padding: .1em .5em;
background-color: #00b7cc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 80%;
color: #fff;
}
#main #study.interview .section .faq .notes dd {
margin: 0;
}
#main #study.interview.pink .section .page_ttl em {
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffa7a0),to(#fd5e54));
}
#main #study.interview.pink .section .profile em {
color: #ff7270;
}
#main #study.interview.pink .section .faq .q {
color: #ff7270;
}
#main #study.interview .news {
padding: 1em;
border: double 3px #fcb6b4;
font-size: 114.3%;
}
#main #study.interview .news strong {
display: block;
margin-bottom: 1em;
text-align: center;
line-height: 1.4;
font-size: 112.5%;
color: #ff7270;
}
#main #study.interview .news em {
display: block;
font-weight: bold;
color: #ff7270;
}
#main #study.interview .news > em {
margin: 1em 0 1em 1em;
text-indent: -1em;
}
#main #study.interview .news p {
margin-bottom: .5em;
}
#main #study.interview .news .box {
padding: 1em;
background-color: #eee;
font-size: 87.5%;
}
#main #study.interview .news {
margin-bottom: 1em;
}
#main #study.interview .news .notice {
font-size: 60%;
}
#main #study.interview .news .ok {
color: #66a1cc;
}
#main #study.interview .news .no {
color: #ff5b4b;
}
#main #study.interview .news table {
table-layout: fixed;
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0;
font-size: 60%;
}
#main #study.interview .news table th {
word-wrap: break-word;
}
#main #study.interview .news table th,
#main #study.interview .news table td {
border: solid 1px #ccc;
}
#main #study.interview .news table td {
text-align: center;
}
#main #study.interview .news .list_num:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .news .list_num p {
margin-bottom: 0;
}
#main #study.interview .news .list_num .num {
display: block;
float: left;
width: 14%;
text-align: right;
}
#main #study.interview .news .list_num .text {
display: block;
float: left;
width: 86%;
}
#aside {
margin: 3em 0;
}
#aside .ttl {
display: block;
line-height: 1.4;
font-size: 128.6%;
font-weight: bold;
}
#aside .ttl span {
display: block;
font-size: 66.6%;
}
#aside nav ul {
margin-top: 1.5em;
border: solid 1px #ddd;
}
#aside nav li a {
position: relative;
display: block;
padding: 1em 18% 1em 4%;
border: solid 1px #ddd;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
color: #333;
}
#aside nav li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 34px;
height: 18px;
padding: 8px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
line-height: 1;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#aside nav li a span {
display: block;
margin-bottom: 4px;
font-size: 66.6%;
}
#aside .pink .ttl {
color: #ff7270;
}
#aside .pink nav li a:after {
border-color: #ff7270;
color: #ff7270;
}
.interview01 #aside nav li:first-child {
display: none;
}
.interview02 #aside nav li:nth-child(2) {
display: none;
}
.interview03 #aside nav li:nth-child(3) {
display: none;
}
.interview04 #aside nav li:nth-child(4) {
display: none;
}
/*----------------------------------------------------------
Q&A
-----------------------------------------------------------*/
.qa #main .lead {
padding: 1em;
text-align: center;
}
.qa #main .lead p {
font-size: 114.3%;
}
.qa .submenu ul:after {
content: "";
display: block;
clear: both;
}
.qa .submenu ul {
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
}
.qa .submenu li {
display: block;
width: 33.33%;
border-top: solid 1px #e1e4ed;
float: left;
font-size: 85.7%;
}
.qa .submenu li a,
.qa .section .ttl {
display: block;
text-align: center;
font-weight: bold;
color: #00b7ce;
}
.qa .submenu li a {
padding: 1em 0;
border-right: solid 1px #e1e4ed;
}
.qa .submenu li:nth-child(3n) a {
border-right: none;
}
.qa .section .ttl {
padding: 1em 0;
background-color: #fff;
border-bottom: solid 1px #e1e4ed;
font-size: 128.6%;
}
.qa .submenu li a:before,
.qa .section .ttl:before {
content: "";
display: block;
width: 50px;
height: 50px;
margin: 0 auto .5em;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.qa .section .ttl:before {
width: 78px;
height: 78px;
}
.qa .submenu li.toilet a:before,
.qa .section .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png);
}
.qa .submenu li.seat a:before,
.qa .section .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png);
}
.qa .submenu li.urinal a:before,
.qa .section .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png);
}
.qa .submenu li.etc a:before,
.qa .section .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png);
}
.qa .submenu li.pro a:before,
.qa .section .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png);
}
.qa .section {
background-color: #f2f3f6;
border-top: solid 1px #e1e4ed;
}
.qa .section > .content {
padding: 1em 0;
}
.qa .section .pt {
margin-top: .8em;
margin-bottom: .6em;
margin-left: 2.3em;
text-indent: -2.3em;
line-height: 1;
font-size: 128.6%;
}
.qa .section .pt:before {
content: "\e900";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: middle;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
font-size: 32px;
font-family: 'icomoon' !important;
}
.qa .section .question_list {
margin-bottom: 2em;
border-top: solid 1px #e1e4ed;
}
.qa .section h4 {
padding: .5em 1em;
background-color: #c8e9fb;
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #e1e4ed;
font-size: 128.6%;
color: #0070b0;
}
.qa .section li {
position: relative;
padding: 1em 4em 1em 1em;
background-color: #fff;
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #e1e4ed;
}
.qa .section li:after {
content: "\e910";
position: absolute;
top: 0;
bottom: 0;
right: .6em;
margin: auto;
display: inline-block;
width: 34px;
height: 28px;
padding: 3px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
.qa .section li .q {
display: block;
font-size: 128.6%;
font-weight: bold;
color: #00b7ce;
}
.qa .section li a {
color: #333;
}
.qa .submenu li.pro a,
.qa .section .ttl.pro {
color: #fba800;
}
.qa .section .pro .pt:before {
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5d068),to(#eaa417))
}
.qa .section .pro h4 {
background-color: #ffe9bd;
color: #f97d15;
}
.qa .section .pro li .q {
color: #f97d15;
}
.qa .section .pro li:after {
border-color: #f97d15;
color: #f97d15;
}
.qa .pagenation ul {
background-color: #f2f8fb;
}
.qa .pagenation ul li {
display: inline-block;
padding: .5em 2em .5em 1em;
background: url(/faq/shared/images/page_nation_nav.png) no-repeat right top;
background-color: transparent;
background-size: auto 100%;
border: none;
font-weight: bold;
font-size: 85.7%;
color: #00b7ce;
}
.qa .pagenation ul li:after {
content: none;
}
.qa .pagenation ul li a {
color: #4371be;
}
.qa .section .qa_box {
padding-top: 2em;
padding-bottom: 2em;
background-color: #fff;
}
.qa .section .qa_box h1 {
margin-left: 2em;
text-indent: -2em;
font-size: 114.3%;
}
.qa .section .qa_box h1 span {
margin-right: .5em;
color: #00b7ce;
}
.qa .section .qa_box .a {
margin: 1.5em 0 0;
padding: 1.5em 1em 1.5em 4.5em;
background: url(/faq/shared/images/common/bk_a.png) no-repeat left 1em #e3e6e9;
}
.qa .section .each h2 {
margin-top: .5em;
margin-bottom: .5em;
font-size: 128.6%;
color: #00b7ce;
}
.qa .section .each h2::before {
content: "\e903";
display: inline-block;
vertical-align: middle;
font-family: 'icomoon' !important;
font-size: 30px;
}
.qa .pro .pagenation ul {
background-color: #fdf6e9;
}
.qa .pro .pagenation ul li {
color: #f9a700;
}
.qa .pro .pagenation ul li a {
color: #e26700;
}
.qa .pro .section .qa_box h1 span {
color: #e26700;
}
.qa .pro .section .each h2 {
color: #e26700;
}
/*----------------------------------------------------------
toppage
-----------------------------------------------------------*/
.toppage #showcase p {
padding: 1em;
font-size: 85.7%;
}
.toppage #showcase p:nth-child(2) {
padding-bottom: 0;
color: #00b7ce;
}
.toppage #showcase p:nth-child(3) {
padding-top: .5em;
}
.toppage .section_ttl {
padding-top: 1.5em;
text-align: center;
font-size: 171.4%;
}
.toppage .section_ttl:after {
content: "―";
display: block;
width: 50%;
margin: auto;
transform: scaleX(2);
line-height: 1;
color: #00b7ce;
}
.toppage .section.qa {
padding-bottom: 2em;
background-color: #f2f3f6;
}
.toppage .section .tbl {
display: table;
border-collapse: separate;
border-spacing: 1em;
}
.toppage .section .tbl .row {
display: table-row;
}
.toppage .section .tbl .box {
display: table-cell;
padding: 10px;
background-color: #fff;
box-sizing: border-box;
border: solid 1px #e1e4ed;
}
.toppage .section .tbl .box .ttl {
margin-bottom: .5em;
border-bottom: solid 1px #ebeced;
text-align: center;
font-size: 128.6%;
color: #00b7ce;
}
.toppage .section .tbl .box .ttl.pro {
color: #fba800;
}
.toppage .section .tbl .box .ttl:before {
content: "";
display: block;
width: 60px;
height: 60px;
margin: 0 auto .2em;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.toppage .section .tbl .box .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png);
}
.toppage .section .tbl .box .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png);
}
.toppage .section .tbl .box .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png);
}
.toppage .section .tbl .box .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png);
}
.toppage .section .tbl .box .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png);
}
.toppage .section .tbl .box li a {
display: block;
margin-bottom: .5em;
margin-left: 1.2em;
text-indent: -1.2em;
}
.toppage .section .tbl .box li a:before {
content: "\e910";
display: inline-block;
margin-right: 2px;
text-indent: 0;
font-family: 'icomoon' !important;
font-weight: bold;
color: #bbb;
}
.toppage .section .btn {
width: 70%;
margin: 1em auto;
}
.toppage .section .btn a {
display: block;
padding: .5em;
background-color: #00b7ce;
text-align: center;
font-weight: bold;
font-size: 114.3%;
color: #fff;
}
.toppage .section .btn a:after {
content: "\e910";
display: inline-block;
margin-right: 2px;
vertical-align: middle;
text-indent: 0;
font-family: 'icomoon' !important;
}
sp/shared/css/common__.css deleted 100644 → 0
/*=========================================================
Site Name toiletnavi
File Name common.css
Create Date 2017/2/27
Update Date 2017/2/27
==========================================================*/
html {
font: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color: #333;
}
body {
font-size: 140%;
font-size: 1.4rem;
}
html, body, ul, ol, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
em {
font-style: normal;
}
ul, ol {
list-style: none;
}
img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
border: none;
}
/*----------------------------------------------------------
fonts
-----------------------------------------------------------*/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?hxe34j');
src: url('fonts/icomoon.eot?hxe34j#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?hxe34j') format('truetype'),
url('fonts/icomoon.woff?hxe34j') format('woff'),
url('fonts/icomoon.svg?hxe34j#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-keyboard_arrow_right:before {
content: "\e910";
}
.icon-keyboard_arrow_left:before {
content: "\e911";
}
.icon-faq:before {
content: "\e900";
}
.icon-home:before {
content: "\e901";
}
.icon-pt_faq:before {
content: "\e902";
}
.icon-pt_ttl:before {
content: "\e903";
}
.icon-study:before {
content: "\e904";
}
/*----------------------------------------------------------
Hypertext
-----------------------------------------------------------*/
a {
color: #4371ba;
text-decoration: none;
}
a:visited {
color: #4371ba;
text-decoration: none;
}
/*----------------------------------------------------------
Clearfix
-----------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
/*----------------------------------------------------------
space
-----------------------------------------------------------*/
/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0 !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0 !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb100 { margin-bottom:100px !important;}
.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
/* !Padding ---------------------------------------------------------------- */
.pt00 { padding-top: 0 !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
/*----------------------------------------------------------
header
-----------------------------------------------------------*/
#header {
position: fixed;
top: 0;
height: 85px;
width: 100%;
background-color: #fff;
line-height: 1;
z-index: 100;
}
#header .description {
padding: 7px 4%;
background-color: #00b7ce;
font-size: 85.7%;
color: #fff;
}
#header .logo {
position: relative;
left: 4%;
display: block;
width: 40%;
height: 60px;
padding: 0;
}
#header .logo img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
.menu-link {
position: absolute;
display: block;
top: 25px;
right: 0;
background-color: #657a85;
z-index: 10;
width: 60px;
height: auto;
padding: 22px 0 10px;
}
.menu-link:after {
content: "MENU";
display: block;
padding: 14px 0 0;
vertical-align: middle;
text-align: center;
font-size: 10px;
color: #fff;
}
.menu-link span {
position: relative;
display: block;
width: 50%;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
background-color: #fff;
height: 4px;
margin: auto;
}
.menu-link span:before,
.menu-link span:after {
position: absolute;
width: 100%;
margin-top: 10px;
content: "";
left: 0;
}
.menu-link span:after {
margin-top: -10px;
}
.menu-link.active {
padding-top: 0;
line-height: 1;
}
.menu-link:hover,
.menu-link.active:hover {
text-decoration: none;
}
.menu-link.active:before {
content: "×";
display: block;
margin: 8px auto 0;
line-height: 32px;
text-align: center;
font-size: 40px;
color: #fff;
}
.menu-link.active:after {
padding-top: 0;
}
.menu-link.active span {
display: none;
}
#global_nav {
position: absolute;
top: 85px;
left: 0;
width: 100%;
display: none;
padding-bottom: 2em;
background-color: #00b7ce;
z-index: 10;
}
#global_nav > ul {
width: 92%;
margin: auto;
}
#global_nav li a {
position: relative;
display: block;
padding: 16px 0;
font-weight: bold;
color: #fff;
}
#global_nav li a span {
font-size: 80%;
}
#global_nav > ul > li > a {
border-bottom: solid 1px #fff;
}
#global_nav > ul > li > a:before {
margin-right: 6px;
margin-left: 2%;
vertical-align: top;
font-size: 120%;
}
#global_nav > ul > li li {
}
#global_nav > ul > li li a {
padding: 14px 16% 14px 4%;
background-color: #fff;
border-bottom: solid 1px #00b7ce;
line-height: 1.2;
color: #333;
}
#global_nav > ul > li li a span {
display: block;
margin-bottom: 4px;
}
#global_nav > ul > li > a.pc_site {
margin-top: 1em;
padding: 14px 16% 14px 4%;
background-color: #657a85;
border: none;
}
#global_nav > ul > li > a.icon-home:after,
#global_nav > ul > li > a.icon-faq:after,
#global_nav > ul > li > a.pc_site:after,
#global_nav > ul > li li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 30px;
height: 14px;
padding: 8px 0;
border: solid 2px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
}
#global_nav > ul > li li a:after {
border-color: #00b7ce;
color: #00b7ce;
}
#global_nav > ul > li li:nth-child(2) a:after {
border-color: #ff7270;
color: #ff7270;
}
#search_area {
width: 92%;
margin-left: auto;
padding: 1em 4%;
background-color: #73d7e5;
}
#search_area form.gsc-search-box,
#search_area table.gsc-search-box {
margin-bottom: 0;
}
#search_area .gsc-input {
padding:0;
border-spacing: 0 !important;
width: 98% !important;
height: 23px !important;
}
#search_area .gsc-input-box {
border:none !important;
padding:0 !important;
margin:0 !important;
height: 32px !important;
}
#search_area .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0 !important;
}
#search_area table.gsc-search-box td {
vertical-align:top;
}
/*#search_area .gsc-input-box {
height:20px;
}*/
/*#search_area input[type="text"]*/
#search_area #gs_tti50 {
/*background: url(../images/head/search_box.jpg) no-repeat center left;*/
border: none;
line-height: 20px !important;
/*height: 20px !important;*/
outline: none;
}
#search_area input[type="text"] {
background: none !important;
}
#search_area .gsib_b .gsst_b {
padding:0 !important;
}
#search_area td.gsc-search-button {
width: 32px !important;
height: 20px !important;
/*background:url(../images/head/icon_search_off.jpg) no-repeat;*/
background: #657A85;
border: none;
line-height: 14px;
height: 14px;
outline: none;
/*text-indent: -9999px;*/
padding: 3px 0 !important;
margin: 9px 2px 0 2px !important;
border:none;
}
#search_area td.gsc-search-button input.gsc-search-button {
padding: 3px 8px !important;
/*margin-left: 5px !important;*/
}
#search_area td.gsc-search-button input.gsc-search-button input {
background:none !important;
border:none !important;
}
#search_area td.gsc-clear-button {
line-height: 14px;
height: 14px;
background:#e5e5e5;
}
.gsc-result .gs-title {
height: 1.5em !important;
}
#search_area td.gsib_a {
padding-right: 1%;
padding-left: 1%;
padding-bottom: 4px;
}
/*----------------------------------------------------------
footer
-----------------------------------------------------------*/
#footer .bnr {
padding: 2em 0;
border-top: solid 1px #ddd;
}
#footer .bnr img {
max-width: 92%;
}
#footer #subnavi {
text-align: center;
font-weight: bold;
}
#footer #subnavi > div {
display: none;
}
#footer #subnavi strong,
#footer #subnavi em {
display: block;
color: #fff;
}
#footer #subnavi strong {
padding: .7em 0;
background-color: #657a85;
font-size: 128.6%;
}
#footer #subnavi strong:after {
content: "\e910";
display: inline-block;
width: 34px;
padding: 3px 0;
margin-left: 1em;
transform: rotate(90deg);
border: solid 3px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
}
#footer #subnavi strong.active:after {
transform: rotate(-90deg);
}
#footer #subnavi em {
padding: 1em 0;
background-color: #00b7ce;
}
#footer #subnavi ul:after {
content: "";
display: block;
clear: both;
}
#footer #subnavi li {
display: block;
width: 50%;
float: left;
border-bottom: solid 1px #00b7ce;
}
#footer #subnavi li:nth-child(3),
#footer #subnavi li:nth-child(4),
#footer #subnavi ul.news li {
border-bottom: none;
}
#footer #subnavi li a {
display: block;
padding: 1em 0;
color: #00b7ce;
}
#footer #subnavi li:nth-child(2n+1) a {
border-right: solid 1px #00b7ce;
}
#footer #subnavi .about {
padding: 1em 3%;
background-color: #73d7e5;
}
#footer #subnavi .about li {
border: none;
}
#footer #subnavi .about a {
width: 92%;
margin: auto;
background-color: #fff;
border: solid 1px #00b7ce;
color: #333;
}
#footer .links {
padding: 1em 4%;
margin: auto;
background-color: #f2f3f6;
}
#footer .links > div {
padding: 1em;
background-color: #fff;
box-sizing: border-box;
border: solid 1px #e1e4ed;
}
#footer .links strong {
display: block;
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: solid 1px #ddd;
}
#footer .links li a {
display: block;
padding: .5em 0;
}
#footer .links li a:before {
content: "\e910";
display: inline-block;
margin-right: 5px;
font-family: 'icomoon' !important;
font-weight: bold;
color: #bbb;
}
#footer #copyright {
padding: 1em;
background-color: #00b7ce;
text-align: center;
font-size: 85.7%;
color: #fff;
}
/*----------------------------------------------------------
common style
-----------------------------------------------------------*/
#main {
position: relative;
margin-top: 85px;
}
#main .ttl_header {
padding: 1.5em 0;
background: -moz-linear-gradient(left, #00b7ce, #84e0ed);
background: -webkit-gradient(linear, left top, right bottom, from(#00b7ce), to(#84e0ed));
line-height: 1.4;
text-align: center;
font-size: 171.4%;
font-weight: bold;
color: #fff;
}
#main .content,
#aside .content {
width: 92%;
margin: auto;
}
#main .content .list p {
text-indent: -1em;
margin-left: 1em;
}
/*----------------------------------------------------------
study,interview
-----------------------------------------------------------*/
#main #study_index .section {
margin: 2em auto;
box-sizing: border-box;
border: solid 1px #ddd;
}
#main #study_index .section .content {
margin-top: 1em;
margin-bottom: 1em;
width: 88%;
}
#main #study_index .section h2 {
margin-bottom: 1em;
padding-bottom: .5em;
border-bottom: solid 2px #00b7ce;
line-height: 1.2;
font-size: 128.6%;
}
#main #study_index .section h2 span {
display: block;
margin-bottom: 4px;
font-size: 75%;
}
#main #study_index .section a {
display: block;
margin-top: 1em;
}
#main #study_index .section a:before {
content: "\e910";
display: block;
width: 34px;
padding: 3px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#main #study_index .section .pink h2 {
border-color: #ff7270;
}
#main #study_index .section .pink a:before {
border-color: #ff7270;
color: #ff7270;
}
#main #study .lead {
padding: 1em 4%;
}
#main #study .lead .ttl {
display: block;
line-height: 1.4;
font-size: 128.6%;
font-weight: bold;
color: #00b7ce;
}
#main #study .lead .ttl span {
display: block;
font-size: 66.6%;
}
#main #study .lead p {
margin-top: .5em;
font-size: 114.3%;
}
#main #study .section {
padding: 2em 0;
border-top: solid 1px #ddd;
}
#main #study .section .pt {
margin-bottom: 1em;
margin-left: 2.3em;
text-indent: -2.3em;
line-height: 1;
font-size: 128.6%;
}
#main #study .section .pt:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: middle;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
font-size: 32px;
font-family: 'icomoon' !important;
}
#main #study .section .block:after {
content: "";
display: block;
clear: both;
}
#main #study .section .lft {
width: 36%;
float: left;
}
#main #study .section .rgt {
width: 60%;
float: right;
}
#main #study .section ul {
margin-top: 1.5em;
border: solid 1px #ddd;
}
#main #study .section li a {
position: relative;
display: block;
padding: 1em 18% 1em 4%;
border: solid 1px #ddd;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
color: #333;
}
#main #study .section li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 34px;
height: 18px;
padding: 8px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
line-height: 1;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#main #study .section li a span {
display: block;
margin-bottom: 4px;
font-size: 66.6%;
}
#main #study.study02 .box {
margin-bottom: 1em;
}
#main #study.study02 .box em {
display: block;
font-weight: bold;
}
#main #study.study02 table {
border-spacing: 0;
border-collapse: collapse;
font-size: 85%;
}
#main #study.study02 table td {
border: 1px solid #ccc;
}
#main #study.study02 table td.tr02,
#main #study.study02 table td.tr03 {
width: 31%;
}
#main #study.study02 table td.tr04 {
width: 18%;
}
#main #study.study02 table .blue {
background-color: #cef9ff;
}
#main #study.study02 table .red {
background-color: #ffc5c1;
}
#main #study.study02 table .center {
text-align: center;
}
#main #study.study02 table .right {
text-align: right;
}
#main #study.pink .lead .ttl,
#main #study.pink .lead p {
color: #ff7270;
}
#main #study.pink .section .pt:before {
background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d));
}
#main #study.pink .section li a:after {
border-color: #ff7270;
color: #ff7270;
}
#main #study.interview .section .page_ttl {
margin-bottom: 1em;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
}
#main #study.interview .section .page_ttl:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .section .page_ttl em {
display: block;
float: left;
padding: 28px 0;
margin-right: 10px;
margin-bottom: 1em;
width: 70px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
line-height: 1;
text-align: center;
font-size: 14px;
color: #fff;
}
#main #study.interview .section .page_ttl span {
display: block;
margin-top: 4px;
font-size: 77.7%;
}
#main #study.interview .section .box {
padding: 1em;
}
#main #study.interview .section .profile {
margin: 1em 0 3em;
border: solid 2px #ddd;
}
#main #study.interview .section .profile em {
font-weight: bold;
}
#main #study.interview .section .profile p {
font-size: 85.7%;
}
#main #study.interview .section .index {
position: relative;
background-color: #fff3e6;
}
#main #study.interview .section .index strong {
position: absolute;
top: -1em;
left: 1em;
display: inline-block;
padding: .2em 1em;
background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9a93),to(#fd675d));
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 142.9%;
color: #fff;
}
#main #study.interview .section .index ul {
border: none;
}
#main #study.interview .section .index li a {
padding: 0 0 .5em 0;
margin-left: 2.5em;
text-indent: -2.5em;
border: none;
font-size: 114.3%;
color: #4371be;
}
#main #study.interview .section .index li a:before {
content: "\e910";
display: inline-block;
width: 34px;
padding: 6px 0;
margin-right: .5em;
transform: rotate(90deg);
background-image: -webkit-gradient(linear,left top,left bottom,from(#68b7f0),to(#1d84ce));
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
text-indent: 0;
font-family: "icomoon" !important;
color: #fff;
}
#main #study.interview .section .index li a:after {
content: none;
}
#main #study.interview .section .faq .q,
#main #study.interview .section .faq .a {
font-size: 114.3%;
}
#main #study.interview .section .faq .q {
margin-bottom: .5em;
font-weight: bold;
color: #00b7cc;
}
#main #study.interview .section .faq .q:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .section .faq .q .q_no {
display: block;
width: 14%;
float: left;
}
#main #study.interview .section .faq .q .q_text {
display: block;
width: 86%;
float: left;
}
#main #study.interview .section .faq .a {
margin-bottom: 1em;
}
#main #study.interview .section .faq .a p {
margin-bottom: 1em;
}
#main #study.interview .section .faq .a .sub_text {
padding: 1em;
background-color: #eee;
font-size: 87.5%;
}
#main #study.interview .section .faq .a .sub_text .text {
display: block;
font-weight: bold;
color: #ff7270;
}
#main #study.interview .section .faq .a .answer_ul {
margin: 0 0 1em;
padding: 1em;
border: double #ccc;
}
#main #study.interview .section .faq .a .answer_ul li {
margin-left: 1em;
text-indent: -1em;
}
#main #study.interview .section .faq .notes {
font-size: 87.5%;
}
#main #study.interview .section .faq .notes h3 {
padding: .3em;
margin: 1em 0;
background-color: #edecfc;
font-size: 100%;
color: #0244a4;
}
#main #study.interview .section .faq .notes strong {
display: block;
margin-bottom: 1em;
border-bottom: 1px solid #3252a6;
color: #3252a6;
}
#main #study.interview .section .faq .notes dt span {
padding: .1em .5em;
background-color: #00b7cc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 80%;
color: #fff;
}
#main #study.interview .section .faq .notes dd {
margin: 0;
}
#main #study.interview.pink .section .page_ttl em {
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffa7a0),to(#fd5e54));
}
#main #study.interview.pink .section .profile em {
color: #ff7270;
}
#main #study.interview.pink .section .faq .q {
color: #ff7270;
}
#main #study.interview .news {
padding: 1em;
border: double 3px #fcb6b4;
font-size: 114.3%;
}
#main #study.interview .news strong {
display: block;
margin-bottom: 1em;
text-align: center;
line-height: 1.4;
font-size: 112.5%;
color: #ff7270;
}
#main #study.interview .news em {
display: block;
font-weight: bold;
color: #ff7270;
}
#main #study.interview .news > em {
margin: 1em 0 1em 1em;
text-indent: -1em;
}
#main #study.interview .news p {
margin-bottom: .5em;
}
#main #study.interview .news .box {
padding: 1em;
background-color: #eee;
font-size: 87.5%;
}
#main #study.interview .news {
margin-bottom: 1em;
}
#main #study.interview .news .notice {
font-size: 60%;
}
#main #study.interview .news .ok {
color: #66a1cc;
}
#main #study.interview .news .no {
color: #ff5b4b;
}
#main #study.interview .news table {
table-layout: fixed;
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0;
font-size: 60%;
}
#main #study.interview .news table th {
word-wrap: break-word;
}
#main #study.interview .news table th,
#main #study.interview .news table td {
border: solid 1px #ccc;
}
#main #study.interview .news table td {
text-align: center;
}
#main #study.interview .news .list_num:after {
content: "";
display: block;
clear: both;
}
#main #study.interview .news .list_num p {
margin-bottom: 0;
}
#main #study.interview .news .list_num .num {
display: block;
float: left;
width: 14%;
text-align: right;
}
#main #study.interview .news .list_num .text {
display: block;
float: left;
width: 86%;
}
#aside {
margin: 3em 0;
}
#aside .ttl {
display: block;
line-height: 1.4;
font-size: 128.6%;
font-weight: bold;
}
#aside .ttl span {
display: block;
font-size: 66.6%;
}
#aside nav ul {
margin-top: 1.5em;
border: solid 1px #ddd;
}
#aside nav li a {
position: relative;
display: block;
padding: 1em 18% 1em 4%;
border: solid 1px #ddd;
line-height: 1.4;
font-weight: bold;
font-size: 128.6%;
color: #333;
}
#aside nav li a:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 34px;
height: 18px;
padding: 8px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
line-height: 1;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
#aside nav li a span {
display: block;
margin-bottom: 4px;
font-size: 66.6%;
}
#aside .pink .ttl {
color: #ff7270;
}
#aside .pink nav li a:after {
border-color: #ff7270;
color: #ff7270;
}
.interview01 #aside nav li:first-child {
display: none;
}
.interview02 #aside nav li:nth-child(2) {
display: none;
}
.interview03 #aside nav li:nth-child(3) {
display: none;
}
.interview04 #aside nav li:nth-child(4) {
display: none;
}
/*----------------------------------------------------------
Q&A
-----------------------------------------------------------*/
.qa #main .lead {
padding: 1em;
text-align: center;
}
.qa #main .lead p {
font-size: 114.3%;
}
.qa .submenu ul:after {
content: "";
display: block;
clear: both;
}
.qa .submenu ul {
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
}
.qa .submenu li {
display: block;
width: 33.33%;
border-top: solid 1px #e1e4ed;
float: left;
font-size: 85.7%;
}
.qa .submenu li a,
.qa .section .ttl {
display: block;
text-align: center;
font-weight: bold;
color: #00b7ce;
}
.qa .submenu li a {
padding: 1em 0;
border-right: solid 1px #e1e4ed;
}
.qa .submenu li:nth-child(3n) a {
border-right: none;
}
.qa .section .ttl {
padding: 1em 0;
background-color: #fff;
border-bottom: solid 1px #e1e4ed;
font-size: 128.6%;
}
.qa .submenu li a:before,
.qa .section .ttl:before {
content: "";
display: block;
width: 50px;
height: 50px;
margin: 0 auto .5em;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.qa .section .ttl:before {
width: 78px;
height: 78px;
}
.qa .submenu li.toilet a:before,
.qa .section .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png);
}
.qa .submenu li.seat a:before,
.qa .section .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png);
}
.qa .submenu li.urinal a:before,
.qa .section .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png);
}
.qa .submenu li.etc a:before,
.qa .section .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png);
}
.qa .submenu li.pro a:before,
.qa .section .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png);
}
.qa .section {
background-color: #f2f3f6;
border-top: solid 1px #e1e4ed;
}
.qa .section > .content {
padding: 1em 0;
}
.qa .section .pt {
margin-top: .8em;
margin-bottom: .6em;
margin-left: 2.3em;
text-indent: -2.3em;
line-height: 1;
font-size: 128.6%;
}
.qa .section .pt:before {
content: "\e900";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: middle;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7ddeeb),to(#08b9d0));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
font-size: 32px;
font-family: 'icomoon' !important;
}
.qa .section .question_list {
margin-bottom: 2em;
border-top: solid 1px #e1e4ed;
}
.qa .section h4 {
padding: .5em 1em;
background-color: #c8e9fb;
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #e1e4ed;
font-size: 128.6%;
color: #0070b0;
}
.qa .section li {
position: relative;
padding: 1em 4em 1em 1em;
background-color: #fff;
border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #e1e4ed;
}
.qa .section li:after {
content: "\e910";
position: absolute;
top: 0;
bottom: 0;
right: .6em;
margin: auto;
display: inline-block;
width: 34px;
height: 28px;
padding: 3px 0;
border: solid 3px #00b7ce;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
font-weight: bold;
font-size: 18px;
color: #00b7ce;
}
.qa .section li .q {
display: block;
font-size: 128.6%;
font-weight: bold;
color: #00b7ce;
}
.qa .section li a {
color: #333;
}
.qa .submenu li.pro a,
.qa .section .ttl.pro {
color: #fba800;
}
.qa .section .pro .pt:before {
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5d068),to(#eaa417))
}
.qa .section .pro h4 {
background-color: #ffe9bd;
color: #f97d15;
}
.qa .section .pro li .q {
color: #f97d15;
}
.qa .section .pro li:after {
border-color: #f97d15;
color: #f97d15;
}
.qa .pagenation ul {
background-color: #f2f8fb;
}
.qa .pagenation ul li {
display: inline-block;
padding: .5em 2em .5em 1em;
background: url(/faq/shared/images/page_nation_nav.png) no-repeat right top;
background-color: transparent;
background-size: auto 100%;
border: none;
font-weight: bold;
font-size: 85.7%;
color: #00b7ce;
}
.qa .pagenation ul li:after {
content: none;
}
.qa .pagenation ul li a {
color: #4371be;
}
.qa .section .qa_box {
padding-top: 2em;
padding-bottom: 2em;
background-color: #fff;
}
.qa .section .qa_box h1 {
margin-left: 2em;
text-indent: -2em;
font-size: 114.3%;
}
.qa .section .qa_box h1 span {
margin-right: .5em;
color: #00b7ce;
}
.qa .section .qa_box .a {
margin: 1.5em 0 0;
padding: 1.5em 1em 1.5em 4.5em;
background: url(/faq/shared/images/common/bk_a.png) no-repeat left 1em #e3e6e9;
}
.qa .section .each h2 {
margin-top: .5em;
margin-bottom: .5em;
font-size: 128.6%;
color: #00b7ce;
}
.qa .section .each h2::before {
content: "\e903";
display: inline-block;
vertical-align: middle;
font-family: 'icomoon' !important;
font-size: 30px;
}
.qa .pro .pagenation ul {
background-color: #fdf6e9;
}
.qa .pro .pagenation ul li {
color: #f9a700;
}
.qa .pro .pagenation ul li a {
color: #e26700;
}
.qa .pro .section .qa_box h1 span {
color: #e26700;
}
.qa .pro .section .each h2 {
color: #e26700;
}
/*----------------------------------------------------------
toppage
-----------------------------------------------------------*/
.toppage #showcase p {
padding: 1em;
font-size: 85.7%;
}
.toppage #showcase p:nth-child(2) {
padding-bottom: 0;
color: #00b7ce;
}
.toppage #showcase p:nth-child(3) {
padding-top: .5em;
}
.toppage .section_ttl {
padding-top: 1.5em;
text-align: center;
font-size: 171.4%;
}
.toppage .section_ttl:after {
content: "―";
display: block;
width: 50%;
margin: auto;
transform: scaleX(2);
line-height: 1;
color: #00b7ce;
}
.toppage .section.qa {
padding-bottom: 2em;
background-color: #f2f3f6;
}
.toppage .section .tbl {
display: table;
border-collapse: separate;
border-spacing: 1em;
}
.toppage .section .tbl .row {
display: table-row;
}
.toppage .section .tbl .box {
display: table-cell;
padding: 10px;
background-color: #fff;
box-sizing: border-box;
border: solid 1px #e1e4ed;
}
.toppage .section .tbl .box .ttl {
margin-bottom: .5em;
border-bottom: solid 1px #ebeced;
text-align: center;
font-size: 128.6%;
color: #00b7ce;
}
.toppage .section .tbl .box .ttl.pro {
color: #fba800;
}
.toppage .section .tbl .box .ttl:before {
content: "";
display: block;
width: 60px;
height: 60px;
margin: 0 auto .2em;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.toppage .section .tbl .box .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png);
}
.toppage .section .tbl .box .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png);
}
.toppage .section .tbl .box .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png);
}
.toppage .section .tbl .box .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png);
}
.toppage .section .tbl .box .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png);
}
.toppage .section .tbl .box li a {
display: block;
margin-bottom: .5em;
margin-left: 1.2em;
text-indent: -1.2em;
}
.toppage .section .tbl .box li a:before {
content: "\e910";
display: inline-block;
margin-right: 2px;
text-indent: 0;
font-family: 'icomoon' !important;
font-weight: bold;
color: #bbb;
}
.toppage .section .btn {
width: 70%;
margin: 1em auto;
}
.toppage .section .btn a {
display: block;
padding: .5em;
background-color: #00b7ce;
text-align: center;
font-weight: bold;
font-size: 114.3%;
color: #fff;
}
.toppage .section .btn a:after {
content: "\e910";
display: inline-block;
margin-right: 2px;
vertical-align: middle;
text-indent: 0;
font-family: 'icomoon' !important;
}
sp/shared/images/new.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#4B4B4B;}
</style>
<g>
<path class="st0" d="M431.8,19.2H321.6c-4.8,0-8.7,3.9-8.7,8.7v43.6h127.5V27.8C440.5,23.1,436.6,19.2,431.8,19.2z"/>
<path class="st0" d="M313,256H52.6c-6.8,0-12.5,5.2-13.1,12C31.8,359.4,81.7,409.6,199,411.8c17.1,0.3,30.8,14.4,30.8,31.5v44.3
H313h5.5h122V84.8H313V256z"/>
<path class="st0" d="M56.6,236.4h209.5h20.1h0.7V46.7c0-5.7-4.7-10.4-10.4-10.4s-10.4,4.7-10.4,10.4v168.9H56.6
c-5.7,0-10.4,4.7-10.4,10.4v0C46.2,231.7,50.9,236.4,56.6,236.4z"/>
<path class="st0" d="M133.5,88.7l19.9,5.2c6.6,1.7,11.7,6.9,13.4,13.4l5.2,19.9c0.4,1.4,1.6,2.3,3,2.3c1.4,0,2.7-1,3-2.3l5.2-19.9
c1.7-6.6,6.9-11.7,13.4-13.4l19.9-5.2c1.4-0.4,2.3-1.6,2.3-3c0-1.4-1-2.7-2.3-3l-19.9-5.2c-6.6-1.7-11.7-6.9-13.4-13.4L178.2,44
c-0.4-1.4-1.6-2.3-3-2.3c-1.4,0-2.7,1-3,2.3l-5.2,19.9c-1.7,6.6-6.9,11.7-13.4,13.4l-19.9,5.2c-1.4,0.4-2.3,1.6-2.3,3
C131.2,87.1,132.1,88.3,133.5,88.7z"/>
<path class="st0" d="M90.2,151.5l12.2,3.2c4,1.1,7.1,4.2,8.2,8.2l3.2,12.2c0.2,0.8,1,1.4,1.9,1.4c0.9,0,1.6-0.6,1.9-1.4l3.2-12.2
c1.1-4,4.2-7.1,8.2-8.2l12.2-3.2c0.8-0.2,1.4-1,1.4-1.9c0-0.9-0.6-1.6-1.4-1.9l-12.2-3.2c-4-1.1-7.1-4.2-8.2-8.2l-3.2-12.2
c-0.2-0.8-1-1.4-1.9-1.4c-0.9,0-1.6,0.6-1.9,1.4l-3.2,12.2c-1.1,4-4.2,7.1-8.2,8.2l-12.2,3.2c-0.8,0.2-1.4,1-1.4,1.9
C88.7,150.5,89.3,151.3,90.2,151.5z"/>
</g>
</svg>
sp/shared/inc/footer.php
...@@ -9,7 +9,6 @@ ...@@ -9,7 +9,6 @@
<li><a href="/saving/">トイレでエコ</a></li> <li><a href="/saving/">トイレでエコ</a></li>
<li><a href="/reform/reform.html">高齢社会の住宅トイレ</a></li> <li><a href="/reform/reform.html">高齢社会の住宅トイレ</a></li>
<li><a href="/reform/">トイレをリフォーム</a></li> <li><a href="/reform/">トイレをリフォーム</a></li>
<li><a href="/clean/">トイレのお手入れ</a></li>
</ul> </ul>
<em>統計・資料</em> <em>統計・資料</em>
<ul> <ul>
......
sp/shared/inc/header.php
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<ul> <ul>
<li><a href="/" class="icon-home">HOME</a></li> <li><a href="/" class="icon-home">HOME</a></li>
<li><a href="/sp/faq/" class="icon-faq">トイレQ＆A</a></li> <li><a href="/sp/faq/" class="icon-faq">トイレQ＆A</a></li>
<li><a href="/sp/trend/study.php" class="icon-study">研究など<span>（インタビュー）</span></a> <li><a href="/sp/trend/study.php" class="icon-study">研究</a>
<ul class="study-contents"> <ul class="study-contents">
<li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li> <li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
<li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li> <li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
...@@ -23,19 +23,13 @@ ...@@ -23,19 +23,13 @@
<li><a href="/sp/trend/study/study02-6.php">ユニバーサルデザインに関する研究<br>車椅子使用者用便房における適切な便座高さの検証（2019年12月受理）</a></li> <li><a href="/sp/trend/study/study02-6.php">ユニバーサルデザインに関する研究<br>車椅子使用者用便房における適切な便座高さの検証（2019年12月受理）</a></li>
</ul> </ul>
</li> </li>
<li><img src="/sp/shared/images/clean.svg" class="svg" alt="" /><a href="/sp/trend/maintenance.php" class="icon-technology">トイレのお手入れ</a> <li><img src="/sp/shared/images/clean.svg" class="svg" alt="" /><a href="/sp/clean/index.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>
<!--<li><img src="/sp/shared/images/maintenance.svg" class="svg" alt="" /><a href="" class="icon-maintenance">トイレのメンテナンス</span></a> <li><img src="/sp/shared/images/new.png" class="svg" alt="" /><a href="/sp/clean/technology.php" class="icon-maintenance">お掃除らくらく新技術</span></a>
<ul class="maintenance-contents"> </li>
<li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li> <li><img src="/sp/shared/images/maintenance.svg" class="svg" alt="" /><a href="/sp/clean/maintenance.php" class="icon-maintenance">トイレのメンテナンス</span></a>
<li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
</ul>
</li> </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="/sp/clean/manual.php" class="icon-manual">各社取扱説明書</a></li>
<li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li> <li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li>
</ul> </ul>
</div> </div>
......
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