deploy: 3dc1fc1

Author: isystk

0fc63e9fc93cce2e07ed.jpg

@@ -428,12 +428,6 @@ video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
-.visible{
-  visibility: visible;
-}
-.static{
-  position: static;
-}
 .fixed{
   position: fixed;
 }
@@ -449,21 +443,9 @@ video {
 .block{
   display: block;
 }
-.inline-block{
-  display: inline-block;
-}
-.inline{
-  display: inline;
-}
 .flex{
   display: flex;
 }
-.table{
-  display: table;
-}
-.contents{
-  display: contents;
-}
 .hidden{
   display: none;
 }
@@ -476,9 +458,6 @@ video {
 .resize{
   resize: both;
 }
-.border{
-  border-width: 1px;
-}
 .pb-5{
   padding-bottom: 1.25rem;
 }
@@ -492,10 +471,6 @@ video {
 .font-bold{
   font-weight: 700;
 }
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -684,3 +659,50 @@ body {
   width: 30px;
   height: 30px;
 }
+
+/** 動画 */
+.movieBox {
+  overflow: hidden;
+  position: relative;
+}
+
+.movieBox .playBtn {
+  position: absolute;
+  background-image: url(10517428305efc409ee0.png);
+  background-repeat: no-repeat;
+  background-size: contain;
+  width: 30%;
+  height: 30%;
+}
+
+.movieBox.play:hover {
+  cursor: pointer;
+}
+
+.movieBox.play:hover .playBtn {
+  background-image: url(10517428305efc409ee0.png);
+}
+
+.movieBox .playTime {
+  position: absolute;
+  right: 0px;
+  text-align: right;
+}
+
+.movieBox .playTime span {
+  display: inline;
+  text-decoration: none;
+  margin-right: 10px;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.7);
+  color: #fff;
+  border-radius: 20px;
+  opacity: 0.9;
+  padding: 0px 10px 0px 10px;
+}
+
+/** iPhoneでは再生ボタンが表示されサムネイルが隠れてしまうため消す */
+video::-webkit-media-controls-start-playback-button {
+  display: none !important;
+  -webkit-appearance: none;
+}