Skip to content

sora / sanitary-net

Go to a project
Commit fc88c7f9 by o.kimura
Options

微調整

parent f8fbf59f
Inline Side-by-side
Showing with 29 additions and 133 deletions
utsukushitoilet/owner/_before_pictograms.html deleted 100644 → 0
<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8">
<meta name="keywords" content="トイレの流し方ラベル
">
<meta name="description" content="施設オーナー・管理者様向け,トイレの流し方ラベル
">
<title>施設オーナー・管理者様向け : トイレの使い方・温水洗浄便座 の操作部説明ラベル（標準ピクトグラム制定以前の仕様） - JAPAN TOILET INFORMATION -NIPPON UTSUKUSHI TOILET-</title>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" href="/utsukushitoilet/shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="/utsukushitoilet/shared/css/common_jp.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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) -->
<script type="text/javascript">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの使い方・温水洗浄便座 の操作部説明ラベル（標準ピクトグラム制定以前の仕様）</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレの使い方・温水洗浄便座 の操作部説明ラベル<br>（標準ピクトグラム制定以前の仕様）</strong>
<div class="instructions_box">
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/1.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/2.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/3.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/4.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/5.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（60×60mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/6.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/7.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
utsukushitoilet/owner/css/style.css
......@@ -201,6 +201,11 @@ ul li.instructions {
width: calc(31.3%);
}
.instructions_box div span {
text-align: left;
margin-left: 40px;
}
.usage_box div {
box-sizing: border-box;
margin: 0;
......@@ -272,7 +277,23 @@ h4.usage_left {
font-size: 90%;
}
br.pc-only {
display: block;
}
br.sp-only {
display: none;
}
@media screen and (max-width: 640px) {
br.pc-only {
display: none;
}
br.sp-only {
display: block;
}
.instructions_box div {
width: calc(44.3%);
}
......@@ -298,6 +319,10 @@ h4.usage_left {
h4.usage_left {
margin-left: 20px;
}
.instructions_box div span {
margin: 0;
}
}
......
utsukushitoilet/owner/standard_pictogram.html
......@@ -84,20 +84,20 @@
</div>
<div>
<p>東芝ライフスタイル</p>
<p>ボタン式（リモコン）</p>
<img src="/utsukushitoilet/owner/images/standard/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_4.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ボタン式（リモコン）</p>
<p>手かざしセンサー式</p>
<img src="/utsukushitoilet/owner/images/standard/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_5.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p class="pana_before">パナソニックハウジングソリューションズ</p>
<p class="pana_before">手かざしセンサー式</p>
<img src="/utsukushitoilet/owner/images/standard/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_6.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>手かざしセンサー式</p>
<p>自動洗浄式</p><span>自動洗浄機能付き便器の場合には、<br class="pc-only">あわせてご活用ください。</span>
<img src="/utsukushitoilet/owner/images/standard/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_7.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div class="spacer"></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