ヘッダ部改定

5.html

@@ -35,9 +35,7 @@
       <img src="/files/logo2.png" alt="" class="retympa_logo">
       <img src="/files/main.png" alt="" class="retympa_right">
      </div>
-     <div class="supplement">【禁忌（次の患者には投与しないこと）】<br>
-      1. 本剤の成分に対し過敏症の既往歴のある患者<br>
-      2. 耳内に悪性腫瘍のある患者又はその既往歴のある患者［本剤が細胞増殖促進作用を有するため］</div>
+     <div class="supplement">（2020年5月作成）</div>
 
      <div class="attachedDoc">
       注意）禁忌を含む使用上の注意等については、<br class="sp-only">最新の添付文書をご参照ください<br>

6.html

@@ -35,9 +35,7 @@
       <img src="/files/logo2.png" alt="" class="retympa_logo">
       <img src="/files/main.png" alt="" class="retympa_right">
      </div>
-     <div class="supplement">【禁忌（次の患者には投与しないこと）】<br>
-      1. 本剤の成分に対し過敏症の既往歴のある患者<br>
-      2. 耳内に悪性腫瘍のある患者又はその既往歴のある患者［本剤が細胞増殖促進作用を有するため］</div>
+     <div class="supplement">（2020年5月作成）</div>
 
      <div class="attachedDoc">
       注意）禁忌を含む使用上の注意等については、<br class="sp-only">最新の添付文書をご参照ください<br>

7.html

@@ -35,9 +35,7 @@
       <img src="/files/logo2.png" alt="" class="retympa_logo">
       <img src="/files/main.png" alt="" class="retympa_right">
      </div>
-     <div class="supplement">【禁忌（次の患者には投与しないこと）】<br>
-      1. 本剤の成分に対し過敏症の既往歴のある患者<br>
-      2. 耳内に悪性腫瘍のある患者又はその既往歴のある患者［本剤が細胞増殖促進作用を有するため］</div>
+     <div class="supplement">（2020年5月作成）</div>
 
      <div class="attachedDoc">
       注意）禁忌を含む使用上の注意等については、<br class="sp-only">最新の添付文書をご参照ください<br>

common.css

@@ -264,20 +264,21 @@ body {
 }
 
 #dt_retympa .top_area .retympa_logo {
- width: 400px;
- height: 75px;
- padding: 12px 0 0 15px;
+ width: 96.5%;
+ height: auto;
+ padding: 12px 0 30px 15px;
 }
 
 #dt_retympa .top_area .retympa_right {
+ display: none;
  width: 260px;
  height: auto;
 }
 
 #dt_retympa .supplement {
  position: absolute;
- margin: -70px 0 0 13px;
- font-size: 0.72rem;
+ margin: -42px 0 0 640px;
+ font-size: 1rem;
 }
 
 #dt_retympa .attachedDoc {
@@ -406,9 +407,9 @@ a:hover {
  }
 
  #dt_retympa .top_area .retympa_logo {
-  width: 400px;
-  height: 75px;
-  padding: 12px 0 0 15px;
+  width: 96.5%;
+  height: auto;
+  padding: 12px 0 30px 15px;
  }
 
  #dt_retympa .top_area .retympa_right {
@@ -417,10 +418,10 @@ a:hover {
  }
 
  #dt_retympa .supplement {
-  width: 65%;
   position: absolute;
-  margin: -70px 0 0 13px;
-  font-size: 0.69rem;
+  margin: -42px 30px 0 0;
+  right: 0;
+  font-size: 1rem;
  }
 
  #dt_retympa .attachedDoc {
@@ -567,32 +568,29 @@ a:hover {
  }
 
  #dt_retympa .top_area {
-  width: auto;
-  height: 168px;
   margin: 0;
+  width: auto;
+  height: auto;
   border: 2px solid #8bc886;
-  display: inline-block;
   -webkit-justify-content: space-between;
   justify-content: space-between;
  }
 
  #dt_retympa .top_area .retympa_logo {
-  width: 93%;
+  width: 95%;
   height: auto;
-  padding: 10px;
+  padding: 10px 10px 30px 10px;
  }
 
  #dt_retympa .top_area .retympa_right {
-  display: none
+  display: none;
  }
 
  #dt_retympa .supplement {
-  width: auto;
-  position: relative;
-  margin: -85px 0 0 5px;
-  font-size: 0.72rem;
-  line-height: 1.2rem;
-  padding: 6px;
+  position: absolute;
+  margin: -28px 20px 0 0;
+  right: 0;
+  font-size: 0.7rem;
  }
 
  #dt_retympa .attachedDoc {

index.html

@@ -35,9 +35,7 @@
       <img src="/files/logo2.png" alt="" class="retympa_logo">
       <img src="/files/main.png" alt="" class="retympa_right">
      </div>
-     <div class="supplement">【禁忌（次の患者には投与しないこと）】<br>
-      1. 本剤の成分に対し過敏症の既往歴のある患者<br>
-      2. 耳内に悪性腫瘍のある患者又はその既往歴のある患者［本剤が細胞増殖促進作用を有するため］</div>
+     <div class="supplement">（2020年5月作成）</div>
 
      <div class="attachedDoc">
       注意）禁忌を含む使用上の注意等については、<br class="sp-only">最新の添付文書をご参照ください<br>