Skip to content

sora / sanitary-net

Go to a project
Commit 9920286e by o.kimura
Options

t88本番アップ

parent deab6137
Inline Side-by-side
Showing with 379 additions and 365 deletions
episode-cp/css/style.css
...@@ -1188,7 +1188,7 @@ a:hover { ...@@ -1188,7 +1188,7 @@ a:hover {
} }
.mangaka-item.drops::after { .mangaka-item.drops::after {
content: ''; content: '';
display: block; display: none;/* 20230201 */
margin: 115px auto 0; margin: 115px auto 0;
width: 220px; width: 220px;
height: 257px; height: 257px;
......
episode-cp/index.html
...@@ -2,96 +2,96 @@ ...@@ -2,96 +2,96 @@
<html lang="ja"> <html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZYL01H9R82"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZYL01H9R82"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag() { function gtag() {
dataLayer.push(arguments); dataLayer.push(arguments);
} }
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'G-ZYL01H9R82'); gtag('config', 'G-ZYL01H9R82');
</script> </script>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<title>温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン</title> <title>温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン</title>
<meta name="description" content=""> <meta name="description" content="">
<meta property="og:title" content="温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン"> <meta property="og:title" content="温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://toilet-episode-cp.com"> <meta property="og:url" content="https://toilet-episode-cp.com">
<meta property="og:image" content="https://toilet-episode-cp.com/img/og.png"> <meta property="og:image" content="https://toilet-episode-cp.com/img/og.png">
<meta property="og:site_name" content="温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン"> <meta property="og:site_name" content="温水洗浄便座 国内累計出荷数1億台達成記念 エピソードキャンペーン">
<meta property="og:description" content=""> <meta property="og:description" content="">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/lightcase.css"> <link rel="stylesheet" href="./css/lightcase.css">
<link rel="stylesheet" href="./css/style.css?0928"> <link rel="stylesheet" href="./css/style.css?0928">
<link rel="shortcut icon" href="./img/favicon.ico"> <link rel="shortcut icon" href="./img/favicon.ico">
<script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script> <script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
<div class="header-content"> <div class="header-content">
<p class="site-header-logo"> <p class="site-header-logo">
<a href="https://www.sanitary-net.com/"> <a href="https://www.sanitary-net.com/">
<img src="./img/hl-syadan.svg" alt="一般社団法人" class="header-syadan"> <img src="./img/hl-syadan.svg" alt="一般社団法人" class="header-syadan">
<img src="./img/hl-jprestroom.svg" alt="日本レストルーム工業会" class="header-jprest"> <img src="./img/hl-jprestroom.svg" alt="日本レストルーム工業会" class="header-jprest">
</a> </a>
</p> </p>
<ol class="site-header-nav"> <ol class="site-header-nav">
<li class="site-header-nav-item"><a href="#intro">漫画家さん紹介</a></li> <li class="site-header-nav-item"><a href="#intro">漫画家さん紹介</a></li>
<li class="site-header-nav-item"><a href="#history">１億台達成への道のり</a></li> <li class="site-header-nav-item"><a href="#history">１億台達成への道のり</a></li>
<li class="site-header-nav-item twitter"> <li class="site-header-nav-item twitter">
<a href="https://twitter.com/sanitary_promo" target="_blank"><img src="./img/icon-tw-w.svg"></a> <a href="https://twitter.com/sanitary_promo" target="_blank"><img src="./img/icon-tw-w.svg"></a>
</li> </li>
</ol> </ol>
</div> </div>
<div class="menu-trigger"><span></span><span></span><span></span></div> <div class="menu-trigger"><span></span><span></span><span></span></div>
<div class="menu-bg"></div> <div class="menu-bg"></div>
<div class="bg-trigger"></div> <div class="bg-trigger"></div>
</header> </header>
<main class="site-main"> <main class="site-main">
<header class="top-visual"> <header class="top-visual">
<p class="pre-ttl"> <p class="pre-ttl">
<img src="./img/winner/publication.svg" alt="採用エピソード発表！"> <img src="./img/winner/publication.svg" alt="採用エピソード発表！">
</p> </p>
<div class="tv-box"> <div class="tv-box">
<h1 class="tv-logo"><img src="./img/tv-logo.png" alt="温水洗浄便座 国内累計出荷数 1億台達成記念 エピソードキャンペーン"></h1> <h1 class="tv-logo"><img src="./img/tv-logo.png" alt="温水洗浄便座 国内累計出荷数 1億台達成記念 エピソードキャンペーン"></h1>
<img src="./img/tv-fukidashi-pc.svg" alt="あなたのエピソードを漫画化!!サイトで公開/SNSで人気の漫画家さん3名とコラボ!" class="spNone tv-fukidashi"> <img src="./img/tv-fukidashi-pc.svg" alt="あなたのエピソードを漫画化!!サイトで公開/SNSで人気の漫画家さん3名とコラボ!" class="spNone tv-fukidashi">
<img src="./img/tv-fukidashi-sp.svg" alt="あなたのエピソードを漫画化!!サイトで公開/SNSで人気の漫画家さん3名とコラボ!" class="spOnly tv-fukidashi"> <img src="./img/tv-fukidashi-sp.svg" alt="あなたのエピソードを漫画化!!サイトで公開/SNSで人気の漫画家さん3名とコラボ!" class="spOnly tv-fukidashi">
<img src="./img/blank.png" data-src="./img/tv-koma1.jpg" alt="" class="tv-koma1 elemFadeIn delay-1 lazyload"> <img src="./img/blank.png" data-src="./img/tv-koma1.jpg" alt="" class="tv-koma1 elemFadeIn delay-1 lazyload">
<img src="./img/blank.png" data-src="./img/tv-koma3.jpg" alt="" class="tv-koma3 elemFadeIn delay-3 lazyload"> <img src="./img/blank.png" data-src="./img/tv-koma3.jpg" alt="" class="tv-koma3 elemFadeIn delay-3 lazyload">
</div> </div>
<div class="cp-period"> <div class="cp-period">
<p class="cp-period-txt1">4コマ漫画化された</p> <p class="cp-period-txt1">4コマ漫画化された</p>
<p class="cp-period-txt1">エピソードはこちら</p> <p class="cp-period-txt1">エピソードはこちら</p>
<p class="cp-period-txt2"> <p class="cp-period-txt2">
※エピソードの応募は終了しました。<span>たくさんのご応募ありがとうございました！</span> ※エピソードの応募は終了しました。<span>たくさんのご応募ありがとうございました！</span>
</p> </p>
</div> </div>
</header> </header>
<div class="winner"> <div class="winner">
<p class="winner-text"> <p class="winner-text">
たくさんのご応募ありがとうございました。厳正な選考の結果選ばれた6作品を、SNSで人気の3名の漫画家、加藤マユミさん・さわぐちけいすけさん・すれみさんにより、オリジナルの４コマ漫画として制作しました！<br>● 全6作品（エピソード）の公開は終了しました。引き続き、一部の作品（エピソード）を公開中です。 たくさんのご応募ありがとうございました。厳正な選考の結果選ばれた6作品を、SNSで人気の3名の漫画家、加藤マユミさん・さわぐちけいすけさん・すれみさんにより、オリジナルの４コマ漫画として制作しました！<br>● 全6作品（エピソード）の公開は終了しました。引き続き、一部の作品（エピソード）を公開中です。
</p> </p>
<ul class="winner-list"> <ul class="winner-list">
<li class="winner-item item-kato"> <li class="winner-item item-kato">
<dl> <dl>
<dt> <dt>
<p> <p>
温水洗浄便座<br>エピソード&#9312; 温水洗浄便座<br>エピソード&#9312;
</p> </p>
...@@ -99,21 +99,21 @@ ...@@ -99,21 +99,21 @@
<span>Rumiiii</span> <small>さん</small> <span>Rumiiii</span> <small>さん</small>
</p> </p>
</dt> </dt>
<dd> <dd>
<img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-kato1.png" alt=""> <img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-kato1.png" alt="">
<a href="#winner1" data-rel="lightcase" class="episode-button">加藤マユミさんが<br>エピソードを漫画化</a> <a href="#winner1" data-rel="lightcase" class="episode-button">加藤マユミさんが<br>エピソードを漫画化</a>
</dd> </dd>
</dl> </dl>
<div id="winner1" style="display: none;"> <div id="winner1" style="display: none;">
<div class="episode-full"> <div class="episode-full">
<img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-kato1.jpg" alt="" class="lazyload2"> <img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-kato1.jpg" alt="" class="lazyload2">
</div> </div>
</div> </div>
</li> </li>
<li class="winner-item item-sumire"> <li class="winner-item item-sumire">
<dl> <dl>
<dt> <dt>
<p> <p>
温水洗浄便座<br>エピソード&#9314; 温水洗浄便座<br>エピソード&#9314;
</p> </p>
...@@ -121,21 +121,21 @@ ...@@ -121,21 +121,21 @@
<span>はしとも</span> <small>さん</small> <span>はしとも</span> <small>さん</small>
</p> </p>
</dt> </dt>
<dd> <dd>
<img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-suremi1.png" alt=""> <img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-suremi1.png" alt="">
<a href="#winner3" data-rel="lightcase" class="episode-button">すれみさんが<br>エピソードを漫画化</a> <a href="#winner3" data-rel="lightcase" class="episode-button">すれみさんが<br>エピソードを漫画化</a>
</dd> </dd>
</dl> </dl>
<div id="winner3" style="display: none;"> <div id="winner3" style="display: none;">
<div class="episode-full"> <div class="episode-full">
<img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-suremi1.jpg" alt="" class="lazyload2"> <img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-suremi1.jpg" alt="" class="lazyload2">
</div> </div>
</div> </div>
</li> </li>
<li class="winner-item item-kato"> <li class="winner-item item-kato">
<dl> <dl>
<dt> <dt>
<p> <p>
温水洗浄便座<br>エピソード&#9315; 温水洗浄便座<br>エピソード&#9315;
</p> </p>
...@@ -143,21 +143,21 @@ ...@@ -143,21 +143,21 @@
<span>六花</span> <small>さん</small> <span>六花</span> <small>さん</small>
</p> </p>
</dt> </dt>
<dd> <dd>
<img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-kato2.png" alt=""> <img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-kato2.png" alt="">
<a href="#winner4" data-rel="lightcase" class="episode-button">加藤マユミさんが<br>エピソードを漫画化</a> <a href="#winner4" data-rel="lightcase" class="episode-button">加藤マユミさんが<br>エピソードを漫画化</a>
</dd> </dd>
</dl> </dl>
<div id="winner4" style="display: none;"> <div id="winner4" style="display: none;">
<div class="episode-full"> <div class="episode-full">
<img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-kato2.jpg" alt="" class="lazyload2"> <img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-kato2.jpg" alt="" class="lazyload2">
</div> </div>
</div> </div>
</li> </li>
<li class="winner-item item-sumire"> <li class="winner-item item-sumire">
<dl> <dl>
<dt> <dt>
<p> <p>
温水洗浄便座<br>エピソード&#9317; 温水洗浄便座<br>エピソード&#9317;
</p> </p>
...@@ -165,256 +165,270 @@ ...@@ -165,256 +165,270 @@
<span>Obake NFT👻</span> <small>さん</small> <span>Obake NFT👻</span> <small>さん</small>
</p> </p>
</dt> </dt>
<dd> <dd>
<img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-suremi2.png" alt=""> <img class="lazyload" src="./img/blank.png" data-src="./img/winner/prize-manga-episode-thumb-suremi2.png" alt="">
<a href="#winner6" data-rel="lightcase" class="episode-button">すれみさんが<br>エピソードを漫画化</a> <a href="#winner6" data-rel="lightcase" class="episode-button">すれみさんが<br>エピソードを漫画化</a>
</dd> </dd>
</dl> </dl>
<div id="winner6" style="display: none;"> <div id="winner6" style="display: none;">
<div class="episode-full"> <div class="episode-full">
<img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-suremi2.jpg" alt="" class="lazyload2"> <img src="./img/blank.png" data-src="./img/winner/prize-manga-episode-suremi2.jpg" alt="" class="lazyload2">
</div>
</div>
</li>
</ul>
</div>
<section class="main-section section-wave" id="intro">
<div class="section-inner">
<header class="section-header">
<h2 class="section-header-ttl ttl-line-drop">
エピソードを4コマ漫画に<br class="spOnly">していただいた<br class="spNone">漫画家さん
</h2>
</header>
<div class="section-content">
<ol class="mangaka-list">
<li class="mangaka-item">
<div class="mangaka-image">
<img src="./img/blank.png" data-src="./img/manga-kato.jpg" alt="" class="lazyload">
</div>
<dl class="mangaka">
<dt>加藤マユミ<small>さん</small></dt>
<dd class="type">漫画家</dd>
<dd class="detail">
<p>現在、Twitter、pixivFANBOXにて『神童と猛獣』を連載中。「女子恋愛百科」にて単行本デビュー。</p>
<p>近著「おじさんと女子高生」「やせっぽちとふとっちょ」など</p>
</dd>
</dl>
<div class="episode-manga">
<img src="./img/blank.png" data-src="./img/manga-episode-thumb-kato.png" alt="" class="episode-thumb lazyload">
<a href="#episode-kato" data-rel="lightcase" class="episode-button">加藤マユミさんの<br>書き下ろしエピソード漫画</a>
</div>
<div id="episode-kato" style="display: none;">
<div class="episode-full">
<img src="./img/blank.png" data-src="./img/manga-episode-kato.jpg" alt="" class="lazyload2">
</div>
</div>
</li>
<li class="mangaka-item">
<div class="mangaka-image">
<img src="./img/blank.png" data-src="./img/manga-sawaguchi.jpg" alt="" class="lazyload">
</div>
<dl class="mangaka">
<dt><span class="mangaka-narrow">さわぐちけいすけ</span><small>さん</small></dt>
<dd class="type">漫画家 / イラストレーター</dd>
<dd class="detail">
<p>雑誌「日経ウーマン」にて漫画連載中。</p>
<p>近著「だからお前はダメなんだ」、「僕たちはもう帰りたい」 など。</p>
</dd>
</dl>
<div id="episode-sawaguchi" style="display: none;">
<div class="episode-full">
<img src="./img/blank.png" data-src="./img/manga-episode-sawaguchi.jpg" alt="" class="lazyload2">
</div>
</div>
</li>
<li class="mangaka-item drops">
<div class="mangaka-image">
<img src="./img/blank.png" data-src="./img/manga-sumire.jpg" alt="" class="lazyload">
</div>
<dl class="mangaka">
<dt>すれみ<small>さん</small></dt>
<dd class="type">漫画家 / イラストレーター</dd>
<dd class="detail">
<p>Twitterにてあるあるネタを中心に活動。メイク法なども女性から支持を集める。</p>
<p>著書「さよならブスメイク 自己流メイク卒業マニュアル」</p>
</dd>
</dl>
</li>
</ol>
</div>
</div> </div>
</section> </div>
</li>
<section class="main-section" id="history">
<div class="section-inner">
<header class="section-header">
<h2 class="section-header-ttl ttl-line-drop">
温水洗浄便座<br class="spOnly">1億台達成への道のり
</h2>
</header>
<div class="section-content sp-read-more">
<img src="./img/blank.png" data-src="./img/shower-image.jpg" alt="" class="spNone shower-image lazyload">
<p class="history-text">1964年に温水洗浄機能付便器、便座の輸入販売が開始されたことで、日本のトイレに「おしりを洗う」という大きな変化が生まれるきっかけとなりました。販売当初は、主に医療機関向けであったこともあり普及は進みませんでしたが、その後も、製品の国産化や各社における家庭への普及を目指した製品開発・改良、販売促進への取組みなどが続けられました。そんな中、1982年のテレビCM以降、次第に多くの人に認知されるようになり、本格的な普及が始まりました。当初、お茶の間にトイレのCMが流れることへ懐疑的な反応もありましたが、一度使うと手離せなくなるとの評判から次第にそのような反応も薄れ、暖かい便座やお湯でおしりを洗う爽快さは、これまでのトイレとは大きく異なる快適なものとして広く受け入れられるようになりました。</p>
<p class="history-text">当工業会の会員各社では、機能性・快適性・衛生性・省エネ性などのあらゆる面で消費者ニーズの反映や新たな提案などでたゆまぬ進化を図り、更なる普及に努めてまいりました。年度毎の出荷は増加を続け、2013年以降は400万台を超えています。一般世帯での普及率においても2022年現在では80%を超え、トイレの水洗化を終えた一般家庭には、ほぼすべてに普及したと推測されるまで定着しました。また、温水洗浄便座の快適性が評価されたことで、オフィスビルや商業施設、ホテル、駅舎といったパブリック用途においても温水洗浄便座の採用が進んでいます。</p>
</div>
<button class="spOnly btn-read-more">続きを読む</button>
</div>
</section>
<section class="main-section" id="toilet-culture"> <li class="winner-item item-kato">
<div class="section-inner"> <dl>
<header class="section-header"> <dt>
<h2 class="section-header-ttl ttl-line-drop"> <p>
日本のトイレ文化の必須アイテム 温水洗浄便座<br>エピソード
</h2> </p>
</header> <p class="winner-name">
<div class="section-content sp-read-more"> <span>加藤マユミ</span> <small>さん</small>
<p class="history-text"> </p>
2022年に当工業会が行った温水洗浄便座利用者を対象とした意識調査によると、今後も温水洗浄便座を継続して使いたいと考えている人は97%に達しており、また、温水洗浄便座のない生活に戻ることは「考えられない・無理だと思う・嫌だと思う」との回答も84%ありました。さらに、ご自宅以外（職場や学校、外出先など）での温水洗浄便座の使用状況についても「設置してあれば必ず使用している、使用することが多い」と回答した方が71%に上るなど、温水洗浄便座は、利用者にとって、なくてはならない存在になっていることがうかがえます。 </dt>
</p> <dd>
<p class="history-text"> <img class="lazyload" src="./img/blank.png" data-src="./img/winner/manga-episode-kato-thumb3.jpg" alt="">
諸外国においても、近年、衛生性への関心の高まりから、欧米をはじめ、アジア、中東などのさまざまな国で需要が高まっており、世界の温水洗浄便座市場は年々成長しています。特に2020年度は北米を中心に需要が急増するなど、今後、さらなる普及が期待されます。 <a href="#winner7" data-rel="lightcase" class="episode-button">加藤マユミさんが<br>エピソードを漫画化</a>
</p> </dd>
<p class="history-text"> </dl>
当工業会では、今後も皆様に愛され続ける清潔・快適な温水洗浄便座を、日本のみならず諸外国にも広めていくことによって、より一層のトイレ文化の向上に貢献してまいります。 <div id="winner7" style="display: none;">
</p> <div class="episode-full">
</div> <img src="./img/blank.png" data-src="./img/manga-episode-kato.jpg" alt="" class="lazyload2">
<button class="spOnly btn-read-more">続きを読む</button>
</div> </div>
</section> </div>
</li>
<section class="main-section section-wave" id="footstep"> </ul>
<div class="section-inner"> </div>
<header class="section-header">
<h2 class="section-header-ttl ttl-line-drop">
温水洗浄便座の歩み
</h2>
</header>
<div class="section-content">
<img src="./img/blank.png" data-src="./img/footstep-pc.png" alt="" class="spNone lazyload">
<img src="./img/blank.png" data-src="./img/footstep-sp.png" alt="" class="spOnly lazyload">
</div>
</div>
</section>
<section class="main-section" id="survey"> <section class="main-section section-wave" id="intro">
<div class="section-inner"> <div class="section-inner">
<header class="section-header header-prize"> <header class="section-header">
<h2 class="section-header-ttl ttl-line-drop"> <h2 class="section-header-ttl ttl-line-drop">
みんなの温水洗浄便座<br class="pcNone"> 利用調査 エピソードを4コマ漫画に<br class="spOnly">していただいた<br class="spNone">漫画家さん
</h2> </h2>
</header> </header>
<div class="section-content"> <div class="section-content">
<p class="survey-lead"> <ol class="mangaka-list">
日本のトイレ文化をつくる必須アイテム「温水洗浄便座」。<br class="spNone pcNone">利用者は実際どう感じているのか？意識調査をしました。 <li class="mangaka-item">
</p> <div class="mangaka-image">
<ul class="survey-list"> <img src="./img/blank.png" data-src="./img/manga-kato.jpg" alt="" class="lazyload">
<li class="survey-item survey-1"> </div>
<dl> <dl class="mangaka">
<dt>温水洗浄便座の使用理由</dt> <dt>加藤マユミ<small>さん</small></dt>
<dd class="responsive-img"> <dd class="type">漫画家</dd>
<img src="./img/blank.png" data-pc-src="./img/survey-1-pc.svg" data-sp-src="./img/survey-1-sp.svg" alt=""> <dd class="detail">
</dd> <p>現在、Twitter、pixivFANBOXにて『神童と猛獣』を連載中。「女子恋愛百科」にて単行本デビュー。</p>
</dl> <p>近著「おじさんと女子高生」「やせっぽちとふとっちょ」など</p>
</li> </dd>
<li class="survey-item survey-2"> </dl>
<dl> </li>
<dt>初めて使用した時の感想</dt> <li class="mangaka-item">
<dd> <div class="mangaka-image">
<img src="./img/blank.png" data-src="./img/survey-2.svg" alt="" class="lazyload"> <img src="./img/blank.png" data-src="./img/manga-sawaguchi.jpg" alt="" class="lazyload">
</dd> </div>
</dl> <dl class="mangaka">
</li> <dt><span class="mangaka-narrow">さわぐちけいすけ</span><small>さん</small></dt>
<li class="survey-item survey-3"> <dd class="type">漫画家 / イラストレーター</dd>
<dl> <dd class="detail">
<dt>外出先での使用状況</dt> <p>雑誌「日経ウーマン」にて漫画連載中。</p>
<dd> <p>近著「だからお前はダメなんだ」、「僕たちはもう帰りたい」 など。</p>
<img src="./img/blank.png" data-src="./img/survey-3.svg" alt="" class="lazyload"> </dd>
</dd> </dl>
</dl> <div id="episode-sawaguchi" style="display: none;">
</li> <div class="episode-full">
<li class="survey-item survey-4"> <img src="./img/blank.png" data-src="./img/manga-episode-sawaguchi.jpg" alt="" class="lazyload2">
<dl>
<dt>外出先で温水洗浄便座が<br>なかった場合</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-4.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
<li class="survey-item survey-5">
<dl>
<dt>今後の使用意思</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-5.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
</ul>
<dl class="survey-notice">
<dt>調査方法</dt>
<dd>インターネットによる調査</dd>
<dt>調査対象</dt>
<dd>全国の温水洗浄便座利用者である10代～70代男女各年代150名 計2,100名</dd>
<dt>調査実施期間</dt>
<dd>2022年2月4日～ 2022年2月7日</dd>
</dl>
</div> </div>
</div> </div>
</section> </li>
<li class="mangaka-item drops">
<div class="mangaka-image">
<img src="./img/blank.png" data-src="./img/manga-sumire.jpg" alt="" class="lazyload">
</div>
<dl class="mangaka">
<dt>すれみ<small>さん</small></dt>
<dd class="type">漫画家 / イラストレーター</dd>
<dd class="detail">
<p>Twitterにてあるあるネタを中心に活動。メイク法なども女性から支持を集める。</p>
<p>著書「さよならブスメイク 自己流メイク卒業マニュアル」</p>
</dd>
</dl>
</li>
</ol>
</div>
</div>
</section>
<section class="main-section section-wave" id="about"> <section class="main-section" id="history">
<div class="section-inner"> <div class="section-inner">
<header class="section-header"> <header class="section-header">
<h2 class="section-header-ttl ttl-line-drop"> <h2 class="section-header-ttl ttl-line-drop">
一般社団法人 <br class="pcNone">日本レストルーム工業会<br class="pcNone">について 温水洗浄便座<br class="spOnly">1億台達成への道のり
</h2> </h2>
</header> </header>
<div class="section-content"> <div class="section-content sp-read-more">
<p class="about-text"> <img src="./img/blank.png" data-src="./img/shower-image.jpg" alt="" class="spNone shower-image lazyload">
(一社)日本レストルーム工業会は衛生器具（大便器や小便器）、温水洗浄便座などの製品を扱うトイレ設備のメーカーで構成された業界団体です。レストルーム業界の持続的な発展を通じて、世界中の人たちの生活文化の向上に貢献するという理念のもと、世界中の人たちに、安全で使いやすく環境にやさしい快適なレストルーム空間を提供いたします。 <p class="history-text">1964年に温水洗浄機能付便器、便座の輸入販売が開始されたことで、日本のトイレに「おしりを洗う」という大きな変化が生まれるきっかけとなりました。販売当初は、主に医療機関向けであったこともあり普及は進みませんでしたが、その後も、製品の国産化や各社における家庭への普及を目指した製品開発・改良、販売促進への取組みなどが続けられました。そんな中、1982年のテレビCM以降、次第に多くの人に認知されるようになり、本格的な普及が始まりました。当初、お茶の間にトイレのCMが流れることへ懐疑的な反応もありましたが、一度使うと手離せなくなるとの評判から次第にそのような反応も薄れ、暖かい便座やお湯でおしりを洗う爽快さは、これまでのトイレとは大きく異なる快適なものとして広く受け入れられるようになりました。</p>
</p> <p class="history-text">当工業会の会員各社では、機能性・快適性・衛生性・省エネ性などのあらゆる面で消費者ニーズの反映や新たな提案などでたゆまぬ進化を図り、更なる普及に努めてまいりました。年度毎の出荷は増加を続け、2013年以降は400万台を超えています。一般世帯での普及率においても2022年現在では80%を超え、トイレの水洗化を終えた一般家庭には、ほぼすべてに普及したと推測されるまで定着しました。また、温水洗浄便座の快適性が評価されたことで、オフィスビルや商業施設、ホテル、駅舎といったパブリック用途においても温水洗浄便座の採用が進んでいます。</p>
<div class="coop"> </div>
<p class="coop-ttl">《加入会社（2022年6月現在、50音順）》</p> <button class="spOnly btn-read-more">続きを読む</button>
<ul class="coop-list"> </div>
<li class="coop-item">株式会社アイシン</li> </section>
<li class="coop-item">アサヒ衛陶株式会社</li>
<li class="coop-item">SANEI株式会社</li>
<li class="coop-item">ジャニス工業株式会社</li>
<li class="coop-item">東芝ライフスタイル株式会社</li>
<li class="coop-item">TOTO株式会社</li>
<li class="coop-item">パナソニックホールディングス株式会社</li>
<li class="coop-item">株式会社LIXIL</li>
</ul>
</div>
</div>
</div>
</section>
</main> <section class="main-section" id="toilet-culture">
<div class="section-inner">
<header class="section-header">
<h2 class="section-header-ttl ttl-line-drop">
日本のトイレ文化の必須アイテム
</h2>
</header>
<div class="section-content sp-read-more">
<p class="history-text">
2022年に当工業会が行った温水洗浄便座利用者を対象とした意識調査によると、今後も温水洗浄便座を継続して使いたいと考えている人は97%に達しており、また、温水洗浄便座のない生活に戻ることは「考えられない・無理だと思う・嫌だと思う」との回答も84%ありました。さらに、ご自宅以外（職場や学校、外出先など）での温水洗浄便座の使用状況についても「設置してあれば必ず使用している、使用することが多い」と回答した方が71%に上るなど、温水洗浄便座は、利用者にとって、なくてはならない存在になっていることがうかがえます。
</p>
<p class="history-text">
諸外国においても、近年、衛生性への関心の高まりから、欧米をはじめ、アジア、中東などのさまざまな国で需要が高まっており、世界の温水洗浄便座市場は年々成長しています。特に2020年度は北米を中心に需要が急増するなど、今後、さらなる普及が期待されます。
</p>
<p class="history-text">
当工業会では、今後も皆様に愛され続ける清潔・快適な温水洗浄便座を、日本のみならず諸外国にも広めていくことによって、より一層のトイレ文化の向上に貢献してまいります。
</p>
</div>
<button class="spOnly btn-read-more">続きを読む</button>
</div>
</section>
<footer class="site-footer"> <section class="main-section section-wave" id="footstep">
<div class="footer-content"> <div class="section-inner">
<p class="footer-logo"> <header class="section-header">
<a href="https://www.sanitary-net.com/"> <h2 class="section-header-ttl ttl-line-drop">
<img src="./img/hl-syadan.svg" alt="一般社団法人" class="footer-syadan"> 温水洗浄便座の歩み
<img src="./img/hl-jprestroom.svg" alt="日本レストルーム工業会" class="footer-jprest"> </h2>
</a> </header>
</p> <div class="section-content">
<nav class="footer-nav spNone"> <img src="./img/blank.png" data-src="./img/footstep-pc.png" alt="" class="spNone lazyload">
<ul class="footer-nav-list"> <img src="./img/blank.png" data-src="./img/footstep-sp.png" alt="" class="spOnly lazyload">
<li class="footer-nav-item"><a href="#intro">漫画家さん紹介</a></li> </div>
<li class="footer-nav-item"><a href="#histor">1億台達成への道のり</a></li> </div>
</ul> </section>
</nav>
<section class="main-section" id="survey">
<div class="section-inner">
<header class="section-header header-prize">
<h2 class="section-header-ttl ttl-line-drop">
みんなの温水洗浄便座<br class="pcNone"> 利用調査
</h2>
</header>
<div class="section-content">
<p class="survey-lead">
日本のトイレ文化をつくる必須アイテム「温水洗浄便座」。<br class="spNone pcNone">利用者は実際どう感じているのか？意識調査をしました。
</p>
<ul class="survey-list">
<li class="survey-item survey-1">
<dl>
<dt>温水洗浄便座の使用理由</dt>
<dd class="responsive-img">
<img src="./img/blank.png" data-pc-src="./img/survey-1-pc.svg" data-sp-src="./img/survey-1-sp.svg" alt="">
</dd>
</dl>
</li>
<li class="survey-item survey-2">
<dl>
<dt>初めて使用した時の感想</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-2.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
<li class="survey-item survey-3">
<dl>
<dt>外出先での使用状況</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-3.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
<li class="survey-item survey-4">
<dl>
<dt>外出先で温水洗浄便座が<br>なかった場合</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-4.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
<li class="survey-item survey-5">
<dl>
<dt>今後の使用意思</dt>
<dd>
<img src="./img/blank.png" data-src="./img/survey-5.svg" alt="" class="lazyload">
</dd>
</dl>
</li>
</ul>
<dl class="survey-notice">
<dt>調査方法</dt>
<dd>インターネットによる調査</dd>
<dt>調査対象</dt>
<dd>全国の温水洗浄便座利用者である10代～70代男女各年代150名 計2,100名</dd>
<dt>調査実施期間</dt>
<dd>2022年2月4日～ 2022年2月7日</dd>
</dl>
</div> </div>
<div class="copyright"> </div>
<small>Copyright &copy; 一般社団法人日本レストルーム工業会 <span>All Rights Reserved.</span></small> </section>
<section class="main-section section-wave" id="about">
<div class="section-inner">
<header class="section-header">
<h2 class="section-header-ttl ttl-line-drop">
一般社団法人 <br class="pcNone">日本レストルーム工業会<br class="pcNone">について
</h2>
</header>
<div class="section-content">
<p class="about-text">
(一社)日本レストルーム工業会は衛生器具（大便器や小便器）、温水洗浄便座などの製品を扱うトイレ設備のメーカーで構成された業界団体です。レストルーム業界の持続的な発展を通じて、世界中の人たちの生活文化の向上に貢献するという理念のもと、世界中の人たちに、安全で使いやすく環境にやさしい快適なレストルーム空間を提供いたします。
</p>
<div class="coop">
<p class="coop-ttl">《加入会社（2022年6月現在、50音順）》</p>
<ul class="coop-list">
<li class="coop-item">株式会社アイシン</li>
<li class="coop-item">アサヒ衛陶株式会社</li>
<li class="coop-item">SANEI株式会社</li>
<li class="coop-item">ジャニス工業株式会社</li>
<li class="coop-item">東芝ライフスタイル株式会社</li>
<li class="coop-item">TOTO株式会社</li>
<li class="coop-item">パナソニックホールディングス株式会社</li>
<li class="coop-item">株式会社LIXIL</li>
</ul>
</div>
</div> </div>
</footer> </div>
<script src="./js/lightcase.js"></script> </section>
<script src="./js/script.js?0721"></script>
</main>
<footer class="site-footer">
<div class="footer-content">
<p class="footer-logo">
<a href="https://www.sanitary-net.com/">
<img src="./img/hl-syadan.svg" alt="一般社団法人" class="footer-syadan">
<img src="./img/hl-jprestroom.svg" alt="日本レストルーム工業会" class="footer-jprest">
</a>
</p>
<nav class="footer-nav spNone">
<ul class="footer-nav-list">
<li class="footer-nav-item"><a href="#intro">漫画家さん紹介</a></li>
<li class="footer-nav-item"><a href="#histor">1億台達成への道のり</a></li>
</ul>
</nav>
</div>
<div class="copyright">
<small>Copyright &copy; 一般社団法人日本レストルーム工業会 <span>All Rights Reserved.</span></small>
</div>
</footer>
<script src="./js/lightcase.js"></script>
<script src="./js/script.js?0721"></script>
</body> </body>
</html> </html>
history/index.html
...@@ -233,7 +233,7 @@ includeGmenu(); ...@@ -233,7 +233,7 @@ includeGmenu();
<span class="text_bold">【シンボルマークのJIS化】</span>「洋風便器」「和風便器」と共に「温水洗浄便座」のシンボルマークがJIS化（2019年）</p></td> <span class="text_bold">【シンボルマークのJIS化】</span>「洋風便器」「和風便器」と共に「温水洗浄便座」のシンボルマークがJIS化（2019年）</p></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p class="history_date02">2022年～</p><p class="text_small02">(令和2年～)</p></th> <th scope="row"><p class="history_date02">2020年～</p><p class="text_small02">(令和2年～)</p></th>
<td><p class="text"><span class="text_bold">【温水洗浄便座累計出荷台数1億台達成】</span>温水洗浄便座の国内累計出荷台数が1億台を達成（2022年）</td> <td><p class="text"><span class="text_bold">【温水洗浄便座累計出荷台数1億台達成】</span>温水洗浄便座の国内累計出荷台数が1億台を達成（2022年）</td>
</tr> </tr>
</table> </table>
......
saving/ecology.html
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
<div class="center"><span class="top">■2008年の温水洗浄便座との年間消費電力の比較</span> <div class="center"><span class="top">■2008年の温水洗浄便座との年間消費電力の比較</span>
<p class="graf"> <p class="graf">
<img src="images/ecology/section_b_graf02.png" alt="" width="640" height="208" /> <img src="images/ecology/section_b_graf02.png" alt="" width="640" height="208" />
<span class="bottom">※出典：経済産業省 資源エネルギー庁「省エネ性能カタログ2008年冬版」「省エネ性能カタログ2021年版」に記載の機種一覧における単純平均値</span> <span class="bottom">※出典：経済産業省 資源エネルギー庁「省エネ性能カタログ2008年冬版」「省エネ性能カタログ2022年版」に記載の機種一覧における単純平均値</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
<p class="text">最も省エネ性能の優れた温水洗浄便座を使用した場合の電気代の目安です。<br /><br /></p> <p class="text">最も省エネ性能の優れた温水洗浄便座を使用した場合の電気代の目安です。<br /><br /></p>
<p class="graf"><img src="images/ecology/section_a_graf03.gif" alt="" width="640" height="500" /> <p class="graf"><img src="images/ecology/section_a_graf03.gif" alt="" width="640" height="500" />
<span class="bottom">※温水洗浄便座 使用電気料金<br> <span class="bottom">※温水洗浄便座 使用電気料金<br>
出典: 経済産業省 資源エネルギー庁 省エネ性能カタログ2021年版の年間消費電力量に基づき、<br>新電力料金目安い単価を27円/kWh(税込) として試算しています。<br> 出典: 経済産業省 資源エネルギー庁 省エネ性能カタログ2022年版の年間消費電力量に基づき、<br>新電力料金目安い単価を27円/kWh(税込) として試算しています。<br>
(電力会社ならびにご家庭の使用電力によって異なります。)<br> (電力会社ならびにご家庭の使用電力によって異なります。)<br>
<br> <br>
※世帯あたりの年間電気料金<br> ※世帯あたりの年間電気料金<br>
......
saving/ecology02.html
...@@ -159,7 +159,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> ...@@ -159,7 +159,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<p><img src="images/ecology/2020_section_c_strongText.png" alt="★★☆の製品と比較して、1年間の目安電気料金で、約1,750円のおトク！" width="540" height="auto" /></p> <p><img src="images/ecology/2020_section_c_strongText.png" alt="★★☆の製品と比較して、1年間の目安電気料金で、約1,750円のおトク！" width="540" height="auto" /></p>
</div> </div>
<p class="text">※出典：経済産業省 資源エネルギー庁　「省エネ性能カタログ2021年版」の年間消費電力量に基づき、新電力料金目安単価を27円/kWh（税込）として試算しています。<br> <p class="text">※出典：経済産業省 資源エネルギー庁　「省エネ性能カタログ2022年版」の年間消費電力量に基づき、新電力料金目安単価を27円/kWh（税込）として試算しています。<br>
（電力会社ならびにご家庭の使用電力によって異なります。）</p> （電力会社ならびにご家庭の使用電力によって異なります。）</p>
</div> </div>
......
saving/images/ecology/section_b_graf02.png
saving/images/ecology/section_b_graf02.png

26.3 KB | W: | H:

saving/images/ecology/section_b_graf02.png

24.9 KB | W: | H:

saving/images/ecology/section_b_graf02.png
saving/images/ecology/section_b_graf02.png
saving/images/ecology/section_b_graf02.png
saving/images/ecology/section_b_graf02.png
  • 2-up
  • Swipe
  • Onion skin
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