T123全体調整

d41d3dc0 · o.kimura · 2e85e688 · d41d3dc0 · d41d3dc0 · d41d3dc0
Commit d41d3dc0 authored Aug 02, 2024 by o.kimura
Showing with 94 additions and 73 deletions
select_lang/index.html
utsukushitoilet/cn_s/howtouse/css/style.css
utsukushitoilet/cn_s/howtouse/use.html
utsukushitoilet/cn_t/howtouse/css/style.css
utsukushitoilet/cn_t/howtouse/use.html
utsukushitoilet/en/howtouse/css/style.css
utsukushitoilet/en/howtouse/use.html
utsukushitoilet/howtouse/css/style.css
utsukushitoilet/kr/howtouse/css/style.css
utsukushitoilet/kr/howtouse/use.html
--- a/select_lang/index.html
+++ b/select_lang/index.html
@@ -74,12 +74,12 @@
  <div class="block">
   <h2 class="line">Please select a language.</h2>
   <div class="flx_box">
-    <a href=""><div class="lang_box">ENGLISH ▶</div></a>
+    <a href="/utsukushitoilet/en/howtouse/use.html"><div class="lang_box">ENGLISH ▶</div></a>
-    <a href=""><div class="lang_box">中文（繁体）▶</div></a>
+    <a href="/utsukushitoilet/cn_t/howtouse/use.html"><div class="lang_box">中文（繁体）▶</div></a>
-    <a href=""><div class="lang_box">中文（简体）▶</div></a>
+    <a href="/utsukushitoilet/cn_s/howtouse/use.html"><div class="lang_box">中文（简体）▶</div></a>
   </div>
   <div class="flx_box">
-    <a href=""><div class="lang_box">한국어 ▶</div></a>
+    <a href="/utsukushitoilet/kr/howtouse/use.html"><div class="lang_box">한국어 ▶</div></a>
    <a href="/utsukushitoilet/howtouse/use.html"><div class="lang_box">日本語 ▶</div></a>
    <a href="" class="invisible"><div class="lang_box">&nbsp;</div></a>
   </div>

--- a/utsukushitoilet/cn_s/howtouse/css/style.css
+++ b/utsukushitoilet/cn_s/howtouse/css/style.css
@@ -215,14 +215,13 @@ h3 {
    float: left;
 }
 #use .right {
-    text-align: left;
+ text-align: left;
-    padding: 40px 0;
+ padding: 40px 0;
-    margin-top: 40px;
+ margin-top: 40px;
-    margin-left: auto;
+ margin-left: auto;
-    width: 18%;
+ width: 18%;
-    padding: 10px;
+ padding: 10px;
-    border: 1px solid #e1e0db;
+ text-align: center;
-    text-align: center;
 }
 #use .right span{
    display: block;
@@ -230,6 +229,9 @@ h3 {
 }
 @media screen and (max-width:640px){
+ .lead_btm{
+  top: 118%!important;
+ }
    #use .left02{
        width: 92%;
        float: none;

--- a/utsukushitoilet/cn_s/howtouse/use.html
+++ b/utsukushitoilet/cn_s/howtouse/use.html
@@ -33,7 +33,15 @@
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.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>
+  <script type="text/javascript" src="../shared/js/common_parts.js"></script>
+  <script type="text/javascript">
+    $(document).ready(function() {
+      if ($(window).width() > 640) {
+        $("#toilet li").autoHeight();
+      }
+    });
+  </script>
 <link rel="stylesheet" href="/utsukushitoilet/howtouse/css/style.css" type="text/css" media="all">
 <script type="text/javascript">
  $(document).ready(function() {
@@ -55,15 +63,15 @@
 <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">
+  <script type="text/javascript">
-  <!--
+    <!--
-  includeHead_Ja('div');
+    includeHead2('div');
-  //
+    //
-  -->
+    -->
- </script>
+  </script>
 <noscript>
-  <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+  <p>Please view this website with JavaScript turned on.</p>
 </noscript>
 <section id="use" class="first">
  <div class="block" id="breadcrumbs_area">

--- a/utsukushitoilet/cn_t/howtouse/css/style.css
+++ b/utsukushitoilet/cn_t/howtouse/css/style.css
@@ -218,14 +218,13 @@ h3 {
    float: left;
 }
 #use .right {
-    text-align: left;
+ text-align: left;
-    padding: 40px 0;
+ padding: 40px 0;
-    margin-top: 40px;
+ margin-top: 40px;
-    margin-left: auto;
+ margin-left: auto;
-    width: 18%;
+ width: 18%;
-    padding: 10px;
+ padding: 10px;
-    border: 1px solid #e1e0db;
+ text-align: center;
-    text-align: center;
 }
 #use .right span{
    display: block;
@@ -233,6 +232,12 @@ h3 {
 }
 @media screen and (max-width:640px){
+ .lead_btm{
+  top: 118%!important;
+ }
+ .lead_btm2{
+bottom: 180px!important;
+ }
    #use .left02{
        width: 92%;
        float: none;

--- a/utsukushitoilet/cn_t/howtouse/use.html
+++ b/utsukushitoilet/cn_t/howtouse/use.html
@@ -33,7 +33,7 @@
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.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>
+  <script type="text/javascript" src="../shared/js/common_parts.js"></script>
 <link rel="stylesheet" href="/utsukushitoilet/howtouse/css/style.css" type="text/css" media="all">
 <script type="text/javascript">
  $(document).ready(function() {
@@ -55,15 +55,15 @@
 <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">
+  <script type="text/javascript">
-  <!--
+    <!--
-  includeHead_Ja('div');
+    includeHead2('div');
-  //
+    //
-  -->
+    -->
- </script>
+  </script>
 <noscript>
-  <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+  <p>Please view this website with JavaScript turned on.</p>
 </noscript>
 <section id="use" class="first">
  <div class="block" id="breadcrumbs_area">

--- a/utsukushitoilet/en/howtouse/css/style.css
+++ b/utsukushitoilet/en/howtouse/css/style.css
@@ -214,14 +214,13 @@ h3 {
    float: left;
 }
 #use .right {
-    text-align: left;
+ text-align: left;
-    padding: 40px 0;
+ padding: 40px 0;
-    margin-top: 40px;
+ margin-top: 40px;
-    margin-left: auto;
+ margin-left: auto;
-    width: 18%;
+ width: 18%;
-    padding: 10px;
+ padding: 10px;
-    border: 1px solid #e1e0db;
+ text-align: center;
-    text-align: center;
 }
 #use .right span{
    display: block;

--- a/utsukushitoilet/en/howtouse/use.html
+++ b/utsukushitoilet/en/howtouse/use.html
@@ -34,7 +34,7 @@
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.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>
+  <script type="text/javascript" src="../shared/js/common_parts.js"></script>
 <script type="text/javascript">
  $(document).ready(function() {
   if ($(window).width() > 640) {
@@ -50,15 +50,15 @@
 <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">
+  <script type="text/javascript">
-  <!--
+    <!--
-  includeHead_Ja('div');
+    includeHead2('div');
-  //
+    //
-  -->
+    -->
- </script>
+  </script>
 <noscript>
-  <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+  <p>Please view this website with JavaScript turned on.</p>
 </noscript>
 <section id="use" class="first">
  <div class="block" id="breadcrumbs_area">
@@ -80,19 +80,19 @@
   <div class="point flx_box">
    <div class="side">
     <img src="/utsukushitoilet/howtouse/images/en/point1_e.jpg" alt="point!" width="130" height="auto">
-     <img src="/utsukushitoilet/howtouse/images/en/point2_e.jpg" alt="point!" width="130" height="auto">
+     <img src="/utsukushitoilet/howtouse/images/en/point2_e.jpg" alt="point!" width="124" height="auto">
    </div>
    <div class="pict">
     <h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>
     <div class="pict_inner">
      <img src="/utsukushitoilet/howtouse/images/stop.png" width="100" height="auto"><br>
      <p class="ft120"><b>Stop Wash</b></p>
-      <p class="txt_left1">Pressing this button will stop the wash for buttocks and bidet</p>
+      <p class="txt_left1">Pressing this button will stop the wash for buttocks and bidet.</p>
     </div>
     <div class="pict_inner">
      <img src="/utsukushitoilet/howtouse/images/wash.png" width="100" height="auto"><br>
      <p class="ft120"><b>Buttocks Wash</b></p>
-      <p class="txt_left1">Pressing this button will wash buttocks with warm water</p>
+      <p class="txt_left1">Pressing this button will wash buttocks with warm water.</p>
     </div>
     <div class="pict_inner">
      <img src="/utsukushitoilet/howtouse/images/bidet.png" width="100" height="auto"><br>
@@ -119,7 +119,7 @@
   <div class="point flx_box">
    <div class="side">
     <img src="/utsukushitoilet/howtouse/images/en/point1_e.jpg" alt="point!" width="130" height="auto">
-     <img src="/utsukushitoilet/howtouse/images/en/point2_e.jpg" alt="point!" width="130" height="auto">
+     <img src="/utsukushitoilet/howtouse/images/en/point2_e.jpg" alt="point!" width="124" height="auto">
    </div>
    <div class="pict">
     <h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>

--- a/utsukushitoilet/howtouse/css/style.css
+++ b/utsukushitoilet/howtouse/css/style.css
@@ -397,11 +397,13 @@ h3 {
 .second .point p.txt_left1 {
  text-align: left;
  padding-right: 0px;
+  padding-left: 15px;
 }
 .second .point p.txt_left2 {
  text-align: left;
  padding-right: 0px;
+  padding-left: 15px;
 }
 .second .point p.txt_left3 {

--- a/utsukushitoilet/kr/howtouse/css/style.css
+++ b/utsukushitoilet/kr/howtouse/css/style.css
@@ -215,21 +215,26 @@ h3 {
    float: left;
 }
 #use .right {
-    text-align: left;
+ text-align: left;
-    padding: 40px 0;
+ padding: 40px 0;
-    margin-top: 40px;
+ margin-top: 40px;
-    margin-left: auto;
+ margin-left: auto;
-    width: 18%;
+ width: 18%;
-    padding: 10px;
+ padding: 10px;
-    border: 1px solid #e1e0db;
+ text-align: center;
-    text-align: center;
 }
 #use .right span{
    display: block;
    margin-top: 10px;
 }
+.lead_btm{
+  left:28%;
+}
 @media screen and (max-width:640px){
+ .lead_btm{
+  left:0;
+  margin-top: -30px!important;
+}
    #use .left02{
        width: 92%;
        float: none;

--- a/utsukushitoilet/kr/howtouse/use.html
+++ b/utsukushitoilet/kr/howtouse/use.html
@@ -34,7 +34,7 @@
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
 <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.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>
+  <script type="text/javascript" src="../shared/js/common_parts.js"></script>
 <script type="text/javascript">
  $(document).ready(function() {
   if ($(window).width() > 640) {
@@ -55,15 +55,15 @@
 <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">
+  <script type="text/javascript">
-  <!--
+    <!--
-  includeHead_Ja('div');
+    includeHead2('div');
-  //
+    //
-  -->
+    -->
- </script>
+  </script>
 <noscript>
-  <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+  <p>Please view this website with JavaScript turned on.</p>
 </noscript>
 <section id="use" class="first">
  <div class="block" id="breadcrumbs_area">