FB対応

trend/css/parts.css

@@ -2125,10 +2125,36 @@ h5.last {
  align-items: end;
  align-items: end;
 }
 }
 
 
+.isoImgWrapperCenter {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.isoImgSup1{
+ position: absolute;
+ font-weight: bold;
+ bottom: 0;
+ left: 178px;
+}
+
+.isoImgSup2{
+ position: absolute;
+ font-weight: bold;
+ bottom: 0;
+ right: 224px;
+}
+
 .isoImgWrapper img {
 .isoImgWrapper img {
  margin: 0 2px;
  margin: 0 2px;
 }
 }
 
 
+.isoFlex{
+ display: flex;
+ margin-bottom: 0 !important;
+ justify-content: center;
+}
+
 .supplement_jpnSpt {
 .supplement_jpnSpt {
  padding-left: 310px;
  padding-left: 310px;
  margin-bottom: 20px;
  margin-bottom: 20px;

trend/rules_for_public_restroom.html

@@ -37,7 +37,7 @@
  <link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
  <!--original -->
  <!--original -->
- <link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
+ <link rel="stylesheet" href="css/parts.css?v=20230307" type="text/css" media="all">
  <script type="text/javascript">
  <script type="text/javascript">
   //<![CDATA[
   //<![CDATA[
   (function($) {
   (function($) {
@@ -144,8 +144,12 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
       <p><b>便器洗浄ボタン・呼出しボタンの形状と色（図3）</b><br> 便器洗浄ボタンは丸型で、色は無彩色または寒色系、呼出しボタンは、便器洗浄ボタンと区別しやすい形（例えば四角や三角など）、色は暖色系が望ましく、いずれも周囲とのコントラストを確保することとしています。
       <p><b>便器洗浄ボタン・呼出しボタンの形状と色（図3）</b><br> 便器洗浄ボタンは丸型で、色は無彩色または寒色系、呼出しボタンは、便器洗浄ボタンと区別しやすい形（例えば四角や三角など）、色は暖色系が望ましく、いずれも周囲とのコントラストを確保することとしています。
       </p>
       </p>
 
 
-      <div class="isoImgWrapper mb30">
-       <p><span class="isoImgSup">便器洗浄ボタン　呼出しボタン</span><img src="/trend/images/jis/common_fig3.PNG" alt="" width="350"><span class="isoImgSup">図３ 便各種ボタンの形状と色</span>
+      <p class="isoFlex mt40">
+       <span class="isoImgSup1">便器洗浄ボタン</span>
+       <span class="isoImgSup2">呼出しボタン</span></p>
+      <div class="isoImgWrapperCenter mb30">
+       
+        <p><img src="/trend/images/jis/common_fig3.PNG" alt="" width="350"><span class="isoImgSup">図３ 各種ボタンの形状と色</span>
        </p>
        </p>
       </div>
       </div>