ファビコンの作成、動画リンク修正、動画再生アイコンなど

safety/css/parts.css

@@ -19,6 +19,7 @@ div#container div#contents div#main_contents div.section div.content {
  width: 676px;
  width: 676px;
  margin: 0 auto 20px auto;
  margin: 0 auto 20px auto;
 }
 }
+
 div#container div#contents div#main_contents div.section h4.title {
 div#container div#contents div#main_contents div.section h4.title {
  color: #4371ba;
  color: #4371ba;
  font-weight: bold;
  font-weight: bold;
@@ -35,13 +36,33 @@ div#container div#contents div#main_contents div.section div.content div.movie_b
 div#container div#contents div#main_contents div.section div.content div.movie_box p.lead {
 div#container div#contents div#main_contents div.section div.content div.movie_box p.lead {
  margin-top: -70px;
  margin-top: -70px;
  margin-left: 80px;
  margin-left: 80px;
- margin-bottom: 20px;
  height: 65px;
  height: 65px;
+ position: absolute;
 }
 }
 
 
 div#container div#contents div#main_contents div.section div.content div.flex_box {
 div#container div#contents div#main_contents div.section div.content div.flex_box {
  display: flex;
  display: flex;
  justify-content: space-around;
  justify-content: space-around;
+ position: relative;
+}
+
+div#container div#contents div#main_contents div.section div.content div.flex_box .mov_img {
+ cursor: pointer;
+}
+
+div#container div#contents div#main_contents div.section div.content div.flex_box .play_ico:hover {
+ opacity: .8;
+}
+
+div#container div#contents div#main_contents div.section div.content div.flex_box .play_ico {
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ top: 50%;
+ left: 74%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ cursor: pointer;
 }
 }
 
 
 div#container div#contents div#main_contents .bottom_space {
 div#container div#contents div#main_contents .bottom_space {

safety/index01_3.html

@@ -14,8 +14,8 @@
  <script type="text/javascript" src="../shared/js/common.js"></script>
  <script type="text/javascript" src="../shared/js/common.js"></script>
  <link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
  <link rel="stylesheet" href="../shared/css/fontdefault.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/common.css?ver=20210617" type="text/css" media="all">
+ <link rel="stylesheet" href="../shared/css/parts.css?ver=2021061701" 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" type="text/css" media="all">
  <script type="text/javascript">
  <script type="text/javascript">
@@ -174,10 +174,11 @@
         <h4 class="title">＜ 関連サイト紹介 ＞</h4>
         <h4 class="title">＜ 関連サイト紹介 ＞</h4>
         <div class="flex_box">
         <div class="flex_box">
          <img src="/safety/images/toilet/img_logo.png" alt="" width="300" height="94">
          <img src="/safety/images/toilet/img_logo.png" alt="" width="300" height="94">
-         <video id="toilet_movie" width="330" poster="/safety/images/toilet/movie_img_toilet@2x.jpg" src="/safety/images/toilet/ALIA_M_Long_QT.m4v" controls="controls" controlslist="nodownload"></video>
+         <a href="https://tenken1010.org/wp-content/uploads/2018/03/ALIA_M_Long_QT.m4v" target="_blank"><img src="/safety/images/toilet/movie_img_toilet@2x.jpg" alt="トイレ編" width="330" class="mov_img">
+         <img src="/safety/images/toilet/play.png" alt="再生アイコン" class="play_ico"></a>
         </div>
         </div>
         <p class="lead">※ 他の動画を見るには、<a href="https://tenken1010.org/movie-gallery/" target="_blank">こちら</a>から</p>
         <p class="lead">※ 他の動画を見るには、<a href="https://tenken1010.org/movie-gallery/" target="_blank">こちら</a>から</p>
-        <div class="flex_box">
+        <div class="flex_box mt15">
          <p><img src="/safety/images/toilet/img_logo01@2x.png" alt="" width="100"></p>
          <p><img src="/safety/images/toilet/img_logo01@2x.png" alt="" width="100"></p>
          <p>動画は一般社団法人リビングアメニティ協会が運営する<br>住宅部品点検スペシャルサイト「ジュウテン」に掲載されているものです。</p>
          <p>動画は一般社団法人リビングアメニティ協会が運営する<br>住宅部品点検スペシャルサイト「ジュウテン」に掲載されているものです。</p>
         </div>
         </div>