TNAVI-111 トイレナビ英語版_尾家先生論文紹介、コラムページの作成

global/css/parts.css

@@ -345,4 +345,630 @@
 	}
 	.mb30{
 		margin-bottom: 30px;
-	}
\ No newline at end of file
+	}
+
+
+/* !Margin ------------------------------------------------------------------ */
+.mt00 {
+ margin-top: 0 !important;
+}
+
+.mt05 {
+ margin-top: 5px !important;
+}
+
+.mt10 {
+ margin-top: 10px !important;
+}
+
+.mt12 {
+ margin-top: 12px !important;
+}
+
+.mt15 {
+ margin-top: 15px !important;
+}
+
+.mt20 {
+ margin-top: 20px !important;
+}
+
+.mt25 {
+ margin-top: 25px !important;
+}
+
+.mt30 {
+ margin-top: 30px !important;
+}
+
+.mt35 {
+ margin-top: 35px !important;
+}
+
+.mt40 {
+ margin-top: 40px !important;
+}
+
+.mt45 {
+ margin-top: 45px !important;
+}
+
+.mt50 {
+ margin-top: 50px !important;
+}
+
+mt55 {
+ margin-top: 55px !important;
+}
+
+mt60 {
+ margin-top: 60px !important;
+}
+
+.mr00 {
+ margin-right: 0 !important;
+}
+
+.mr05 {
+ margin-right: 5px !important;
+}
+
+.mr10 {
+ margin-right: 10px !important;
+}
+
+.mr12 {
+ margin-right: 12px !important;
+}
+
+.mr15 {
+ margin-right: 15px !important;
+}
+
+.mr20 {
+ margin-right: 20px !important;
+}
+
+.mr25 {
+ margin-right: 25px !important;
+}
+
+.mr30 {
+ margin-right: 30px !important;
+}
+
+.mr35 {
+ margin-right: 35px !important;
+}
+
+.mr40 {
+ margin-right: 40px !important;
+}
+
+.mr45 {
+ margin-right: 45px !important;
+}
+
+.mr50 {
+ margin-right: 50px !important;
+}
+
+.mr60 {
+ margin-right: 60px !important;
+}
+
+.mr70 {
+ margin-right: 70px !important;
+}
+
+.mr80 {
+ margin-right: 80px !important;
+}
+
+.mr90 {
+ margin-right: 90px !important;
+}
+
+.mb00 {
+ margin-bottom: 0 !important;
+}
+
+.mb05 {
+ margin-bottom: 5px !important;
+}
+
+.mb10 {
+ margin-bottom: 10px !important;
+}
+
+.mb12 {
+ margin-bottom: 12px !important;
+}
+
+.mb15 {
+ margin-bottom: 15px !important;
+}
+
+.mb20 {
+ margin-bottom: 20px !important;
+}
+
+.mb25 {
+ margin-bottom: 25px !important;
+}
+
+.mb30 {
+ margin-bottom: 30px !important;
+}
+
+.mb35 {
+ margin-bottom: 35px !important;
+}
+
+.mb40 {
+ margin-bottom: 40px !important;
+}
+
+.mb45 {
+ margin-bottom: 45px !important;
+}
+
+.mb50 {
+ margin-bottom: 50px !important;
+}
+
+.mb100 {
+ margin-bottom: 100px !important;
+}
+
+.ml00 {
+ margin-left: 0 !important;
+}
+
+.ml05 {
+ margin-left: 5px !important;
+}
+
+.ml10 {
+ margin-left: 10px !important;
+}
+
+.ml12 {
+ margin-left: 12px !important;
+}
+
+.ml15 {
+ margin-left: 15px !important;
+}
+
+.ml20 {
+ margin-left: 20px !important;
+}
+
+.ml25 {
+ margin-left: 25px !important;
+}
+
+.ml30 {
+ margin-left: 30px !important;
+}
+
+.ml35 {
+ margin-left: 35px !important;
+}
+
+.ml40 {
+ margin-left: 40px !important;
+}
+
+.ml45 {
+ margin-left: 45px !important;
+}
+
+.ml50 {
+ margin-left: 50px !important;
+}
+
+.ml55 {
+ margin-left: 55px !important;
+}
+
+.ml60 {
+ margin-left: 60px !important;
+}
+
+.ml65 {
+ margin-left: 65px !important;
+}
+
+.ml70 {
+ margin-left: 70px !important;
+}
+
+.ml-75 {
+ margin-left: -75px !important;
+}
+
+/* !Padding  ---------------------------------------------------------------- */
+.pt00 {
+ padding-top: 0 !important;
+}
+
+.pt05 {
+ padding-top: 5px !important;
+}
+
+.pt10 {
+ padding-top: 10px !important;
+}
+
+.pt12 {
+ padding-top: 12px !important;
+}
+
+.pt15 {
+ padding-top: 15px !important;
+}
+
+.pt20 {
+ padding-top: 20px !important;
+}
+
+.pt25 {
+ padding-top: 25px !important;
+}
+
+.pt30 {
+ padding-top: 30px !important;
+}
+
+.pt35 {
+ padding-top: 35px !important;
+}
+
+.pt40 {
+ padding-top: 40px !important;
+}
+
+.pt45 {
+ padding-top: 45px !important;
+}
+
+.pt50 {
+ padding-top: 50px !important;
+}
+
+.pr00 {
+ padding-right: 0 !important;
+}
+
+.pr05 {
+ padding-right: 5px !important;
+}
+
+.pr10 {
+ padding-right: 10px !important;
+}
+
+.pr12 {
+ padding-right: 12px !important;
+}
+
+.pr15 {
+ padding-right: 15px !important;
+}
+
+.pr20 {
+ padding-right: 20px !important;
+}
+
+.pr25 {
+ padding-right: 25px !important;
+}
+
+.pr30 {
+ padding-right: 30px !important;
+}
+
+.pr35 {
+ padding-right: 35px !important;
+}
+
+.pr40 {
+ padding-right: 40px !important;
+}
+
+.pr45 {
+ padding-right: 45px !important;
+}
+
+.pr50 {
+ padding-right: 50px !important;
+}
+
+.pb00 {
+ padding-bottom: 0 !important;
+}
+
+.pb05 {
+ padding-bottom: 5px !important;
+}
+
+.pb10 {
+ padding-bottom: 10px !important;
+}
+
+.pb12 {
+ padding-bottom: 12px !important;
+}
+
+.pb15 {
+ padding-bottom: 15px !important;
+}
+
+.pb20 {
+ padding-bottom: 20px !important;
+}
+
+.pb25 {
+ padding-bottom: 25px !important;
+}
+
+.pb30 {
+ padding-bottom: 30px !important;
+}
+
+.pb35 {
+ padding-bottom: 35px !important;
+}
+
+.pb40 {
+ padding-bottom: 40px !important;
+}
+
+.pb45 {
+ padding-bottom: 45px !important;
+}
+
+.pb50 {
+ padding-bottom: 50px !important;
+}
+
+.pl00 {
+ padding-left: 0 !important;
+}
+
+.pl05 {
+ padding-left: 5px !important;
+}
+
+.pl10 {
+ padding-left: 10px !important;
+}
+
+.pl12 {
+ padding-left: 12px !important;
+}
+
+.pl15 {
+ padding-left: 15px !important;
+}
+
+.pl20 {
+ padding-left: 20px !important;
+}
+
+.pl25 {
+ padding-left: 25px !important;
+}
+
+.pl30 {
+ padding-left: 30px !important;
+}
+
+.pl35 {
+ padding-left: 35px !important;
+}
+
+.pl40 {
+ padding-left: 40px !important;
+}
+
+.pl45 {
+ padding-left: 45px !important;
+}
+
+.pl50 {
+ padding-left: 50px !important;
+}
+
+.txt_r {
+ text-align: right !important;
+}
+
+.txt_c {
+ text-align: center !important;
+}
+
+
+.font_conditioned .link_type_a {
+ padding: 0px 0 5px 15px;
+}
+
+.font_conditioned h3.pt {
+ line-height: 1;
+ font-size: 140%;
+ position: initial!important;
+ top: -20px;
+ padding-top: 0!important;
+ font-weight: bold;
+ background: none !important;
+ width: auto !important;
+ height: auto !important;
+ margin: auto !important;
+}
+
+.font_conditioned .section .pt:before {
+ content: "\e904";
+ display: inline;
+ margin-right: 8px;
+ padding: 2px 2px 1px 1px;
+ vertical-align: sub;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
+ -webkit-text-fill-color: transparent;
+ -webkit-background-clip: text;
+ font-size: 24px;
+ font-family: 'icomoon' !important;
+}
+
+.font_conditioned h3.pt {
+ line-height: 1;
+ font-size: 140%;
+ position: initial!important;
+ top: -20px;
+ padding-top: 20px;
+ font-weight: bold;
+ background: none !important;
+ width: auto !important;
+ height: auto !important;
+ margin: auto !important;
+}
+
+.font_conditioned .section h4.label {
+ background: none;
+ background-color: #ececfb;
+ width: 100%;
+ height: 40px;
+ border-radius: 5px;
+ display: flex;
+ align-items: center;
+ padding-left: 15px;
+}
+
+.font_conditioned .section h4.label span {
+ font-size: 14px;
+ font-weight: bold;
+ color: #0543a3;
+ margin-top: 2px;
+}
+
+.section span.under_red {
+ text-decoration: underline;
+ color: #fa0000;
+}
+
+.section span.bold_red {
+ color: #fa0000;
+ font-weight: bold;
+}
+
+.section .left_ttl {
+ text-align: left !important;
+ margin: 0 !important;
+ font-size: 16px;
+}
+
+.section .right_ttl {
+ text-align: right !important;
+ margin: 0 !important;
+ font-size: 16px;
+}
+
+.font_conditioned .section h4.label {
+ background: none;
+ background-color: #ececfb;
+ width: 100%;
+ height: 40px;
+ border-radius: 5px;
+ display: flex;
+ align-items: center;
+ padding-left: 15px;
+ margin-bottom: 30px;
+}
+
+.font_conditioned .img_box {
+ text-align: center;
+}
+
+.font_conditioned .ft13 {
+ font-size: 13px;
+ width: 650px;
+}
+
+.font_conditioned .accor,
+.font_conditioned .accor2,
+.font_conditioned .accor3,
+.font_conditioned .accor4,
+.font_conditioned .accor5,
+.font_conditioned .accor6,
+.font_conditioned .accor7,
+.font_conditioned .accor8,
+.font_conditioned .accor9{
+ display: none;
+}
+
+.font_conditioned .close {
+ position: relative;
+}
+
+.font_conditioned .close:after,
+.font_conditioned .close:before {
+ display: block;
+ content: " ";
+ position: absolute;
+ width: 20px;
+ height: 2px;
+ background-color: #73d7e5;
+ top: 12px;
+ right: 30px;
+ cursor: pointer;
+}
+
+.font_conditioned .close:before {
+ transform: rotate(-90deg);
+ transition: 0.3s ease-in-out;
+}
+
+.font_conditioned .close.is-open:before {
+ transform: rotate(0deg);
+ transition: 0.3s ease-in-out;
+}
+
+h5.last {
+ font-weight: bold;
+}
+
+.font_conditioned .accor_btn>p {
+ cursor: pointer;
+}
+
+.font_conditioned .section .flex_wrapper {
+ display: flex;
+}
+
+.font_conditioned .section .flex_wrapper .half {
+ width: 50%;
+}
+
+.font_conditioned .section .flex_wrapper .w48p {
+ width: 48%;
+}
+
+.font_conditioned .section .flex_wrapper .w33p {
+ width: 33%;
+}
+
+.font_conditioned .section .flex_wrapper div.video-wrapper {
+ width: 100% !important;
+ height: auto;
+ padding: 0 !important;
+}
+
+h1.ttl,
+h2.ttl {
+ color: 
+
+
+}
+
+

global/health_research/index.html

@@ -121,8 +121,11 @@
        <h3 class="blueText01 pngfix">Research on hand hygiene from using spray seat</h3>
        <p>* In this study, the &quot;Spray Seat&quot; is referred to as &quot;Electric Toilet Seats with Water Spray&quot;.</p>
        <p><span class="link_type_b"><a href="/global/health_research/study06.html">Microbial contamination of hands with or without the use of bidet toilets (electric toilet seats with water spray) after defecation –(Accepted form December 2021)</a></span></p>
-       <p><span class="link_type_b"><a href="/global/health_research/study05.html">The Use of Electric Toilet Seats with Water Spray Is Efficacious in Maintaining Hand Hygiene<br />
+       <p><span class="link_type_b"><a href="/global/health_research/study05.html">The Use of Electric Toilet Seats with Water Spray Is Efficacious in Maintaining Hand Hygiene
+        <br>
           in Experimental Model -(Accepted form March 2018)</a></span></p>
+       <p class="mt10">The explanation by the researcher who studied on the benefits of spray seats use and hand hygiene is shown here.</p>
+       <p><span class="link_type_b"><a href="/global/asking_expert/02.html">Explanation of Research Results by Researchers Specializing in the Prevention, Disinfection, and Sterilization of Infectious Diseases</a></span></p>
       </div>
      </div>
 

global/health_research/study05.html

@@ -99,9 +99,17 @@ includeHeadEn();
   </tr>
   <tr>
     <th scope="row">Publication:</th>
-    <td>Japanese Journal of Infectious Diseases (2018  Volume 71 Issue 4 306-308) articles, see here for publication details.（<a href="https://www.jstage.jst.go.jp/article/yoken/71/4/71_JJID.2017.515/_article/-char/en" target="_blank">external site</a>）</td>
+    <td>Japanese Journal of Infectious Diseases (2018 Volume 71 Issue 4 306-308) articles, see here for publication details.（<a href="https://www.jstage.jst.go.jp/article/yoken/71/4/71_JJID.2017.515/_article/-char/en" target="_blank">external site</a>）</td>
   </tr>
 </table>
+ 
+ <img src="../images/health_research/ph01_waifu2x_photo_noise2_scale.png" width="672" height="auto" alt="Reference photo: Experiment situation" class="large mt10">
+ <p class="mb20 mt10">Source：Shigeharu Oie, Hiromi Aoshika, Emiko Arita, Akira Kamiya. The Use of Electric Toilet Seats with Water Spray Is Efficacious in Maintaining Hand Hygiene in Experimental Model. Japanese Journal of Infectious Disease 2018 Volume 71 Issue 4 306-308</p>
+ 
+ <div class="txt_c">
+  <img src="../images/health_research/seratia_comparison.png" width="500" height="auto" alt="Reference photo: Experiment situation" class="large mt10">
+</div>
+  
 </div>
 
 

trend/expert/study07-1.html

@@ -183,7 +183,7 @@
         <p class="close"><b>結果の表１は&thinsp;＋&thinsp;をクリック</b></p>
        </div>
        <div class="accor">
-        <p class="answer clear"><span>表1．おしり洗浄機能の使用の有無による手指の微生物汚染<sup class="base_line">＊1</sup></span></p>
+        <p class="answer clear"><p>表1．おしり洗浄機能の使用の有無による手指の微生物汚染<sup class="base_line">＊1</sup></p>
         <table id="table02" class="inner_table_2">
          <tbody>
           <tr>