T123調整

utsukushitoilet/howtouse/css/style.css

@@ -256,7 +256,7 @@ h3 {
  position: absolute;
  position: absolute;
  bottom: 110px;
  bottom: 110px;
  justify-content: center;
  justify-content: center;
- left: 22%;
+ left: 28%;
  display: flex;
  display: flex;
 }
 }
 
 
@@ -275,20 +275,24 @@ h3 {
  width: 45%;
  width: 45%;
  float: left;
  float: left;
  text-align: center;
  text-align: center;
- margin-right: 5px;
+ padding: 5px;
 }
 }
 
 
 .pict_inner_3 {
 .pict_inner_3 {
  width: 45%;
  width: 45%;
  float: left;
  float: left;
  text-align: center;
  text-align: center;
- margin-left: 5px;
+ padding: 5px;
 }
 }
 
 
 .ft120 {
 .ft120 {
  font-size: 120%;
  font-size: 120%;
 }
 }
 
 
+.second .point p.txt_left {
+ text-align: left;
+}
+
 @media screen and (max-width:640px) {
 @media screen and (max-width:640px) {
  .second .point > div.use {
  .second .point > div.use {
   width: 90%;
   width: 90%;
@@ -321,12 +325,14 @@ h3 {
   left: 0;
   left: 0;
   display: flex;
   display: flex;
  }
  }
- .lead_btm2{
+
+ .lead_btm2 {
   left: auto;
   left: auto;
   bottom: 160px;
   bottom: 160px;
  }
  }
- .point .side{
-  width: auto!important;
+
+ .point .side {
+  width: auto !important;
  }
  }
 }
 }
 
 

utsukushitoilet/howtouse/use.html

@@ -86,17 +86,17 @@
      <div class="pict_inner">
      <div class="pict_inner">
       <img src="/utsukushitoilet/howtouse/images/stop.png" width="100" height="auto"><br>
       <img src="/utsukushitoilet/howtouse/images/stop.png" width="100" height="auto"><br>
       <p class="ft120"><b>洗浄ストップ</b></p>
       <p class="ft120"><b>洗浄ストップ</b></p>
-      <p>このボタンを押すと、おしり洗浄、ビデ洗浄が止まります</p>
+      <p class="txt_left">このボタンを押すと、おしり洗浄、ビデ洗浄が止まります</p>
      </div>
      </div>
      <div class="pict_inner">
      <div class="pict_inner">
       <img src="/utsukushitoilet/howtouse/images/wash.png" width="100" height="auto"><br>
       <img src="/utsukushitoilet/howtouse/images/wash.png" width="100" height="auto"><br>
       <p class="ft120"><b>おしり洗浄</b></p>
       <p class="ft120"><b>おしり洗浄</b></p>
-      <p>このボタンを押すと、温水でおしりを洗います</p>
+      <p class="txt_left">このボタンを押すと、温水でおしりを洗います</p>
      </div>
      </div>
      <div class="pict_inner">
      <div class="pict_inner">
       <img src="/utsukushitoilet/howtouse/images/bidet.png" width="100" height="auto"><br>
       <img src="/utsukushitoilet/howtouse/images/bidet.png" width="100" height="auto"><br>
       <p class="ft120"><b>ビデ洗浄</b></p>
       <p class="ft120"><b>ビデ洗浄</b></p>
-      <p>このボタンを押すと、温水で女性のデリケートゾーンを洗います</p>
+      <p class="txt_left">このボタンを押すと、温水で女性のデリケートゾーンを洗います</p>
      </div>
      </div>
      <div class="clear"></div>
      <div class="clear"></div>
     </div>
     </div>
@@ -124,11 +124,11 @@
     <h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>
     <h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>
     <div class="pict_inner_2">
     <div class="pict_inner_2">
      <img src="/utsukushitoilet/howtouse/images/suisei.png" width="180" height="auto"><br><br>
      <img src="/utsukushitoilet/howtouse/images/suisei.png" width="180" height="auto"><br><br>
-     <p>温水の強さが調整できます。お好みの強さでご利用ください。</p>
+     <p class="txt_left">温水の強さが調整できます。お好みの強さでご利用ください。</p>
     </div>
     </div>
     <div class="pict_inner_3">
     <div class="pict_inner_3">
      <img src="/utsukushitoilet/howtouse/images/position.png" width="180" height="auto"><br><br>
      <img src="/utsukushitoilet/howtouse/images/position.png" width="180" height="auto"><br><br>
-     <p>温水の出る位置を前後に調整できるものがあります。<br>
+     <p class="txt_left">温水の出る位置を前後に調整できるものがあります。<br>
       お好みの位置でご利用ください。</p>
       お好みの位置でご利用ください。</p>
     </div>
     </div>
     <div class="clear"></div>
     <div class="clear"></div>