Skip to content

sora / sanitary-net

Go to a project
Commit 6d67bd4f by o.kimura
Options

スマホページ導線

parent 3e5af4af
Expand all
Inline Side-by-side
Showing with 117 additions and 23 deletions
.htaccess
...@@ -7,7 +7,7 @@ Options +Includes ...@@ -7,7 +7,7 @@ Options +Includes
AddType text/html html AddType text/html html
AddHandler server-parsed html AddHandler server-parsed html
DirectoryIndex index.html DirectoryIndex index.php index.html
RewriteEngine on RewriteEngine on
RewriteBase / RewriteBase /
......
clean/css/parts.css
...@@ -1035,3 +1035,9 @@ body#clean04 div#container div#contents div#main_contents div.content div.right0 ...@@ -1035,3 +1035,9 @@ body#clean04 div#container div#contents div#main_contents div.content div.right0
.font_conditioned .section .flex_wrapper div.side-video { .font_conditioned .section .flex_wrapper div.side-video {
width: auto!important; width: auto!important;
} }
h5{
font-size: 16px;
color: #15c0f2;
font-weight: bold;
}
clean/public/index.html
...@@ -180,14 +180,21 @@ ...@@ -180,14 +180,21 @@
</div> </div>
</div> </div>
<div class="flex_wrapper mb20"> <div class="flex_wrapper">
<div class="max"> <div class="max">
<h5>洗剤の使い方に注意しましょう</h5>
<p>洗剤の選択ミスや誤った使い方、便器鉢内に洗剤の放置は、洗剤から発生するガスにより金属部品が腐食・劣化し、 <p>洗剤の選択ミスや誤った使い方、便器鉢内に洗剤の放置は、洗剤から発生するガスにより金属部品が腐食・劣化し、
<span class="notice">発煙・発火などの原因</span>となります。使用できる洗剤でも直接かけてしまうと<span class="notice">発煙・発火などの原因</span>となります。 <span class="notice">発煙・発火などの原因</span>となります。使用できる洗剤でも直接かけてしまうと<span class="notice">発煙・発火などの原因</span>となります。
</p> </p>
</div> </div>
</div> </div>
<div class="flex_wrapper mb40">
<p><img src="/clean/public/images/010.jpg" alt="" width="200" height="auto" class="mr10" /></p>
<p><img src="/clean/public/images/008.jpg" alt="" width="230" height="auto" class="mr10" /></p>
<p><img src="/clean/public/images/009_02.jpg" alt="" width="230" height="auto" /></p>
</div>
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div class=""> <div class="">
<p class="normal"><b>③ 便座の裏面,ケース下部,便器リム・側面の清掃</b></p> <p class="normal"><b>③ 便座の裏面,ケース下部,便器リム・側面の清掃</b></p>
...@@ -259,13 +266,15 @@ ...@@ -259,13 +266,15 @@
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div> <div>
<p class="normal mb20"><b>③ 便座本体底面,便座接続部の清掃</b></p> <p class="normal mb20"><b>③ 便座本体底面,便座接続部の清掃</b></p>
<img src="/clean/public/images/11_1.jpg" width="350" height="auto" alt="" class="mb30" /> <img src="/clean/public/images/11_1.jpg" width="300" height="auto" alt="" class="mb30" />
<img src="/clean/public/images/11_2.jpg" width="350" height="auto" alt="" /> <img src="/clean/public/images/11_2.jpg" width="300" height="auto" alt="" />
</div> </div>
<div class=""> <div class="">
<p class="normal mb20">便器上面の便座接続部を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイ <p class="normal mb20">便器上面の便座接続部を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイ
クロファイバークロス（赤）」で清拭する。便座本体を立て、便座本体底面を清拭する。</p> クロファイバークロス（赤）」で清拭する。便座本体を立て、便座本体底面を清拭する。</p>
<img src="/clean/public/images/mov.png" alt="" width="250" height="auto" /> <div class="video-wrapper">
<video controls src="/clean/public/mov/benza_filter.mp4" preload="auto" class="movie-player-image" id="movie-preview" height="100%" width="100%" muted="" playsinline="" poster="/clean/public/mov/benza_filter.png"></video>
</div>
<p class="mt20">洗剤拭きした箇所をかたく絞った「洗剤拭き後の仕上げ水拭き用マイクロファイバークロス（黄）」で水拭きして仕上げる。（洗剤の残留成分を除去）</p> <p class="mt20">洗剤拭きした箇所をかたく絞った「洗剤拭き後の仕上げ水拭き用マイクロファイバークロス（黄）」で水拭きして仕上げる。（洗剤の残留成分を除去）</p>
</div> </div>
</div> </div>
......
sp/shared/css/common.css
...@@ -117,7 +117,9 @@ img { ...@@ -117,7 +117,9 @@ img {
content: "\e901"; content: "\e901";
} }
.icon-technology:before { .icon-technology:before,
.icon-maintenance:before,
.icon-manual:before {
content: "\e912"; content: "\e912";
} }
...@@ -693,6 +695,10 @@ a:visited { ...@@ -693,6 +695,10 @@ a:visited {
margin: auto; margin: auto;
} }
#global_nav > ul > li {
position: relative;
}
#global_nav li a { #global_nav li a {
position: relative; position: relative;
display: block; display: block;
...@@ -716,7 +722,7 @@ a:visited { ...@@ -716,7 +722,7 @@ a:visited {
font-size: 120%; font-size: 120%;
} }
#global_nav > ul > li > a.icon-manual img { #global_nav > ul > li > a.icon-manual svg {
display: inline; display: inline;
margin-left: 2%; margin-left: 2%;
margin-right: 6px; margin-right: 6px;
...@@ -766,7 +772,8 @@ a:visited { ...@@ -766,7 +772,8 @@ a:visited {
#global_nav > ul > li > a.icon-study:after, #global_nav > ul > li > a.icon-study:after,
#global_nav > ul > li > a.icon-technology:after, #global_nav > ul > li > a.icon-technology:after,
#global_nav > ul > li > a.icon-maintenance:after { #global_nav > ul > li > a.icon-maintenance:after,
#global_nav > ul > li > a.icon-manual:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
right: 4%; right: 4%;
...@@ -787,7 +794,7 @@ a:visited { ...@@ -787,7 +794,7 @@ a:visited {
} }
#global_nav > ul > li > a.icon-manual:before { #global_nav > ul > li > a.icon-manual:before {
background-image: url(fonts/book.png); background-image: url(/sp/shared/images/maual.svg);
} }
#global_nav .study-contents, #global_nav .study-contents,
...@@ -806,6 +813,15 @@ a:visited { ...@@ -806,6 +813,15 @@ a:visited {
color: #ff7270; color: #ff7270;
} }
#global_nav img.svg {
width: 16px;
height: 16px;
position: absolute;
top: 15px;
left: 6px;
}
#search_area { #search_area {
width: 92%; width: 92%;
margin-left: auto; margin-left: auto;
...@@ -1083,19 +1099,22 @@ a:visited { ...@@ -1083,19 +1099,22 @@ a:visited {
study,interview study,interview
-----------------------------------------------------------*/ -----------------------------------------------------------*/
#main #study_index .section { #main #study_index .section,
#main #index_other .section {
margin: 2em auto; margin: 2em auto;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px #ddd; border: solid 1px #ddd;
} }
#main #study_index .section .content { #main #study_index .section .content,
#main #index_other .section .content {
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
width: 88%; width: 88%;
} }
#main #study_index .section h2 { #main #study_index .section h2,
#main #index_other .section h2 {
margin-bottom: 1em; margin-bottom: 1em;
padding-bottom: .5em; padding-bottom: .5em;
border-bottom: solid 2px #00b7ce; border-bottom: solid 2px #00b7ce;
...@@ -1103,18 +1122,21 @@ a:visited { ...@@ -1103,18 +1122,21 @@ a:visited {
font-size: 128.6%; font-size: 128.6%;
} }
#main #study_index .section h2 span { #main #study_index .section h2 span,
#main #index_other .section h2 span {
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
font-size: 75%; font-size: 75%;
} }
#main #study_index .section a { #main #study_index .section a,
#main #index_other .section a {
display: block; display: block;
margin-top: 1em; margin-top: 1em;
} }
#main #study_index .section a:before { #main #study_index .section a:before,
#main #index_other .section a:before {
content: "\e910"; content: "\e910";
display: block; display: block;
width: 34px; width: 34px;
...@@ -1806,11 +1828,6 @@ a:visited { ...@@ -1806,11 +1828,6 @@ a:visited {
border-top: solid 1px #e1e4ed; border-top: solid 1px #e1e4ed;
} }
.qa .section {
margin-top: -85px;
padding-top: 85px;
}
.qa .section > .content { .qa .section > .content {
padding: 1em 0; padding: 1em 0;
} }
......
sp/shared/images/clean.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, 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:#ffffff;}
</style>
<g>
<path class="st0" d="M236.1,139.6h62.8v-27.1h58.5c10.2,0,18.4-8.2,18.4-18.4c0-2.7,0-9.6,0-26c0-36.8-40.1-54.1-66-54.1
s-145.1,0-145.1,0v55.2C235,69.2,236.1,139.6,236.1,139.6z"/>
<rect x="129.3" y="14" class="st0" width="44.4" height="55.2"/>
<path class="st0" d="M197.1,75.5c0,0-9.7-8.7-32.5-8.7c0,15.2-7.6,65-34.6,85.5l15.2,15.2C145.1,167.5,190.6,129.6,197.1,75.5z"/>
<path class="st0" d="M237.8,129.2c-8.8,0-16,7.1-16,16v41.4h92v-41.4c0-8.8-7.1-16-16-16C297.9,129.2,237.8,129.2,237.8,129.2z"/>
<path class="st0" d="M394.6,341.8l-80.7-155.6h-92.2L141,341.8c-6.7,13-10.1,27.4-10.1,42V455c0,23.7,19.2,43,43,43h188
c23.7,0,43-19.2,43-43v-71.2C404.7,369.2,401.3,354.8,394.6,341.8z M326.8,404.5c0,9.2-7.4,16.6-16.6,16.6h-84.9
c-9.1,0-16.6-7.4-16.6-16.6v-19.7c0-2.2,0.5-4.5,1.6-6.4l30.1-58.8c5.2-10.3,15.8-16.7,27.3-16.7s22.1,6.4,27.3,16.7l30.1,58.8
c1,2,1.6,4.2,1.6,6.4V404.5z"/>
</g>
</svg>
sp/shared/images/maintenance.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, 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:#ffffff;}
</style>
<g>
<path class="st0" d="M104.4,139.8l104.9,107.6c14.3-13.8,25.6-24.5,34.9-33.5L139.8,104.4l-10.3-45.7L54.3,13L33.6,33.6L13,54.3
l45.7,75.2L104.4,139.8z"/>
<path class="st0" d="M322.1,250.9l159.8,148.5c22.8,22.8,22.8,59.7,0,82.5c-22.8,22.8-59.7,22.8-82.5,0L247.8,331.2L322.1,250.9z"
/>
<path class="st0" d="M460,203.4c42.5-38.6,49.7-82.5,40.1-119.5c-0.3-2.9-1-5.4-3.5-7.2l-8.6-7c-1.5-1.4-3.5-2.1-5.5-1.9
c-2,0.2-3.8,1.2-5,2.9l-49.2,64c-1.4,1.9-3.6,3-5.9,2.9l-17.9,1.3c-1.5,0-3-0.6-4.2-1.6l-34.5-29.3c-1.4-1.1-2.3-2.8-2.6-4.6
L361,87.3c-0.2-1.8,0.2-3.6,1.3-5.1l46.1-62.6c2.1-2.9,1.7-6.9-0.9-9.3l-11.2-8.8c-2.2-2-4.7-1.8-8.1-1.1
c-31.8,6.3-86.2,37.1-100,79.8c-12.2,37.5-7.9,64-7.9,64c0,21.1-7,41.5-15.5,50.1L24.5,424.9c-0.5,0.4-0.9,0.9-1.4,1.3
c-19.8,19.8-19.8,52-0.6,71.2c19.2,19.2,51.9,19.7,71.7-0.2c0.9-0.9,1.8-1.9,2.6-2.9L328.5,244C357,218.6,413.4,245.6,460,203.4z"
/>
</g>
</svg>
sp/shared/images/manual.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, 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:#ffffff;}
</style>
<g>
<path class="st0" d="M214.9,94.9c11.8,0,21.4-9.6,21.4-21.4v-52c0-11.8-9.6-21.4-21.4-21.4c-11.8,0-21.4,9.6-21.4,21.4v52
C193.5,85.3,203,94.9,214.9,94.9z"/>
<path class="st0" d="M132.6,94.9c11.8,0,21.4-9.6,21.4-21.4v-52C154,9.6,144.4,0,132.6,0c-11.8,0-21.4,9.6-21.4,21.4v52
C111.2,85.3,120.8,94.9,132.6,94.9z"/>
<path class="st0" d="M297.1,94.9c11.8,0,21.4-9.6,21.4-21.4v-52C318.5,9.6,309,0,297.1,0c-11.8,0-21.4,9.6-21.4,21.4v52
C275.7,85.3,285.3,94.9,297.1,94.9z"/>
<path class="st0" d="M379.4,94.9c11.8,0,21.4-9.6,21.4-21.4v-52c0-11.8-9.6-21.4-21.4-21.4C367.6,0,358,9.6,358,21.4v52
C358,85.3,367.6,94.9,379.4,94.9z"/>
<path class="st0" d="M332.4,388.6v115.5l117-117L332.4,388.6z"/>
<path class="st0" d="M421.9,24.3v49.1c0,23.5-19.1,42.6-42.6,42.6c-19.9,0-36.5-13.8-41.1-32.2c-4.7,18.4-21.3,32.2-41.1,32.2
c-19.9,0-36.5-13.7-41.1-32.2c-4.7,18.4-21.3,32.2-41.1,32.2c-19.9,0-36.5-13.8-41.1-32.2c-4.7,18.4-21.3,32.2-41.1,32.2
c-23.5,0-42.6-19.1-42.6-42.6V24.3H51.8V512c0,0,29.1,0,65,0h189.2V360.4c0,0,24.9,0.3,55.7,0.3h98.5V24.3H421.9z M251.6,403.3
H111.1V371h140.4V403.3z M400.9,315.2H111.1v-32.3h289.7V315.2z M400.9,227H111.1v-32.3h289.7V227z"/>
</g>
</svg>
sp/shared/inc/header.php
...@@ -23,19 +23,19 @@ ...@@ -23,19 +23,19 @@
<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><a href="/sp/trend/study.php" class="icon-technology">お掃除らくらく新技術</a> <li><img src="/sp/shared/images/clean.svg" class="svg" alt="" /><a href="" class="icon-technology">お掃除らくらく新技術</a>
<ul class="technology-contents"> <ul class="technology-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>
</ul> </ul>
</li> </li>
<li><a href="/sp/trend/study.php" class="icon-maintenance">トイレのメンテナンス</span></a> <li><img src="/sp/shared/images/maintenance.svg" class="svg" alt="" /><a href="" class="icon-maintenance">トイレのメンテナンス</span></a>
<ul class="maintenance-contents"> <ul class="maintenance-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>
</ul> </ul>
</li> </li>
<li><a href="/sp/faq/" class="icon-maintenance">各社取扱説明書</a></li> <li><img src="/sp/shared/images/manual.svg" class="svg" alt="" /><a href="" class="icon-manual">各社取扱説明書</a></li>
<li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li> <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